@include('more.vendor.partials._header')

         {{-- Main content --}}
         <div class="main-content">
            <div class="row">
               <div class="col-lg-12">
                  <div class="main-content-title-profile mb-30">
                     <div class="main-content-title">
                        <h3>{{ $title }}</h3>
                        <small>
                           <span id="time_span"></span>
                        </small>
                     </div>
                  </div>
               </div>
            </div>
            <div class="property-search-area">
               <div class="row g-4 align-items-end">
                  <form 
                     id="seller_search_form"
                     method="GET" action="/seller/ad/search" 
                     enctype="multipart/form-data" autocomplete="off"
                  >
                     <div class="col-xl-10">
                        <div class="row g-4">
                           <div class="col-lg-6">
                              <div class="form-inner">
                                 <label>Ad Name</label>
                                 <input type="text" placeholder="Type ad listing name" name="title">
                              </div>
                           </div>
                           <div class="col-lg-6">
                              <div class="form-inner">
                                 <label>Ad Status</label>
                                 <select name="approved">
                                    <option value="1">Active</option>
                                    <option value="0">Pending</option>
                                 </select>
                              </div>
                           </div>
                           {{-- <div class="col-lg-4">
                              <div class="form-inner">
                                 <label>Location</label>
                                 <input id="ploca" data-bs-toggle="modal" data-bs-target="#exloc1" class="form-control" type="text" placeholder="Select ad location" name="location">
                              </div>
                           </div> --}}
                        </div>
                     </div>
                     <div class="col-xl-2 d-flex justify-content-center">
                        <div class="search-btn">
                           <button type="submit" class="primary-btn3">
                              <i class="bi bi-search"></i> Search
                           </button>
                        </div>
                     </div>
                  </form>
               </div>
            </div>
            <div class="my-listing-table-wrapper">
               <div class="tab-content" id="pills-tabContent">
                  <div class="tab-pane fade show active" id="active" role="tabpanel">
                     <div class="recent-listing-area">
                        <div class="recent-listing-table">
                           <table class="eg-table2">
                              <thead>
                                 <tr>
                                    <th>Ad Info</th>
                                    <th>Visits</th>
                                    <th>Promo package</th>
                                    <th>Promo duration(days)</th>
                                    <th>Promo price</th>
                                    <th>Promo start date</th>
                                    <th>Promo end date</th>
                                    <th>Action</th>
                                 </tr>
                              </thead>
                              <tbody>
                                 @foreach ($ads as $ad)
                                    <tr>
                                       <td data-label="Ad Info">
                                          <div class="property-info-wrapper">
                                             <div class="property-info-img">
                                                @if ($ad['promotion'] != null)
                                                    <div class="batch">
                                                        <span class="yellow">
                                                            {{ $ad['promotion']['name'] }}
                                                        </span>
                                                    </div>
                                                @endif
                                                @if (!empty($ad['pictures']))
                                                   <img src="/{{ $ad['pictures'][0]['filename'] }}" alt="{{ $ad['title'] }}"  style="object-fit: contain; height: 100px; width:100%;"> 
                                                @endif
                                             </div>
                                             <div class="property-info-content">
                                                <div class="location">
                                                   <a href="/ad/view/{{ $ad['id'] }}">
                                                      <i class="fas fa-geo-alt"></i> {{ $ad['location'] }}
                                                   </a>
                                                </div>
                                                <h6>
                                                   <a href="/ad/view/{{ $ad['id'] }}">
                                                      {{ $ad['title'] }}
                                                   </a>
                                                </h6>
                                                <a href="/ad/view/{{ $ad['id'] }}" class="view-details">
                                                   {{-- <img src="/more_new/assets/img/dashboard/icon/view-details-icon.svg" alt> --}}
                                                   View Details
                                                </a>
                                             </div>
                                          </div>
                                       </td>
                                       <td data-label="Ad Visits">
                                          <span>{{ $ad['visits'] }}</span>
                                       </td>
                                       <td data-label="Promo package">
                                          <span>{{ $ad['promotion']['name'] }}</span>
                                       </td>
                                       <td data-label="Promo duration">
                                          <span>{{ $ad['promotion']['days'] }}</span>
                                       </td>
                                       <td data-label="Promo price">
                                          <span>{{ $ad['promotion']['price'] }}</span>
                                       </td>
                                       <td data-label="Promotion start date" class="table-product">
                                          <span>
                                             {{-- {{ \Carbon\Carbon::parse($ad['promotion_start_date'])->diffForHumans() }} --}}
                                             {{ \Carbon\Carbon::parse($ad['promotion_start_date']) }}
                                          </span>
                                       </td>
                                       <td data-label="Promotion end date" class="table-product">
                                          <span>
                                             {{-- {{ \Carbon\Carbon::parse($ad['promotion_end_date'])->diffForHumans() }} --}}
                                             {{ \Carbon\Carbon::parse($ad['promotion_end_date']) }}
                                          </span>
                                       </td>
                                       <td data-label="Action">
                                          <ul class="action-buttons">
                                             @if ($ad['approved']  && !$ad['promotion_status'])
                                                <li>
                                                   <a 
                                                      class="btn btn-outline-success"
                                                      data-bs-toggle="modal" 
                                                      data-bs-target="#promotionModal_{{ $ad['id'] }}"
                                                   >
                                                      <i class="fas fa-angle-double-up"></i>
                                                   </a>
                                                   
                                                   <!-- Modal -->
                                                   <div class="modal fade" id="promotionModal_{{ $ad['id'] }}" tabindex="-1" role="dialog" aria-labelledby="promotionModalLabel_{{ $ad['id'] }}" aria-hidden="true">
                                                      <div class="modal-dialog modal-lg" role="document">
                                                      <div class="modal-content">
                                                         <div class="modal-header">
                                                            <h5 class="modal-title" id="promotionModalLabel_{{ $ad['id'] }}">
                                                               Promote {{ $ad['title'] }}
                                                            </h5>
                                                            <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                            </button>
                                                         </div>
                                                         <div class="modal-body">
                                                            <div class="row">
                                                               @foreach ($promos as $p)
                                                                  <div class="col-lg-4">
                                                                     <div class="card bg-warning mb-5 mb-lg-0 rounded-lg shadow">
                                                                        <div class="card-header">
                                                                           <h5 class="card-title text-white-50 text-uppercase text-center">{{ $p['name'] }}</h5>
                                                                           <h6 class="h1 text-white text-center">KES {{ number_format($p['price']) }}<span class="h6 text-white-50"></span></h6>
                                                                        </div>
                                                                        <div class="card-body bg-light rounded-bottom">
                                                                           <ul class="list-unstyled mb-4">
                                                                              <li class="mb-3"><span class="mr-3"><i class="fas fa-check text-success"></i></span>
                                                                                 Top listing for {{ $p['days'] }}
                                                                                 @if ($p['days'] > 1)
                                                                                    days
                                                                                 @else
                                                                                    day
                                                                                 @endif
                                                                              </li>
                                                                              {{-- <li class="mb-3"><span class="mr-3"><i class="fas fa-check text-success"></i></span>5GB Storage</li>
                                                                              <li class="mb-3"><span class="mr-3"><i class="fas fa-check text-success"></i></span>Unlimited Public Projects</li>
                                                                              <li class="mb-3"><span class="mr-3"><i class="fas fa-check text-success"></i></span>Community Access</li> --}}
                                                                           </ul>
                                                                           {{-- <a href="#" class="btn btn-block btn-primary text-uppercase rounded-lg py-3">Select</a> --}}
                                                                           <form method="post" action="/seller/ad/promote/{{ $ad['id'] }}">
                                                                              @csrf
                                                                              {{-- <input type="hidden" name="promo_id" value="{{ $p['id'] }}" /> --}}
                                                                              <input type="hidden" name="promo_amount" value="{{ $p['price'] }}" />
                                                                              <input type="hidden" name="promo_duration" value="{{ $p['days'] }}" />
                                                                              <input type="hidden" name="promo_id" value="{{ $p['id'] }}" />
                                                                              <button type="submit" class="btn btn-success">Proceed to pay <i class="fas fa-angle-right"></i></button>
                                                                           </form>
                                                                        </div>
                                                                     </div>
                                                                  </div>
                                                               @endforeach
                                                               
                                                            </div>
                                                         </div>
                                                         <div class="modal-footer">
                                                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                                         </div>
                                                      </div>
                                                      </div>
                                                   </div>
                                                </li>
                                             @endif
                                             {{--  --}}
                                             <li>
                                                <a 
                                                   class="btn btn-outline-primary" 
                                                   href="/seller/ad/edit/{{ $ad['id'] }}"
                                                >
                                                   <i class="fas fa-edit"></i>
                                                </a>
                                             </li>
                                             <li>
                                                <form method="post" action="/seller/ad/archive/{{ $ad['id'] }}">
                                                   @csrf
                                                   <button type="submit" class="btn btn-outline-warning">
                                                      <i class="fas fa-archive"></i>
                                                   </button>
                                                </form>
                                             </li>
                                             <li>
                                                <a 
                                                   class="btn btn-outline-danger"
                                                   href="/seller/ad/delete/{{ $ad['id'] }}"
                                                >
                                                   <i class="fas fa-trash"></i>
                                                </a>
                                             </li>
                                          </ul>
                                       </td>
                                    </tr>
                                 @endforeach
                              </tbody>
                           </table>
                           <div class="pagination-area">
                              <ul class="paginations">
                                 @if ($current_page > 1)
                                    <li class="page-item">
                                       <a href="{{ $path }}/?page={{ $current_page - 1 }}">
                                          {{ $current_page - 1 }}
                                       </a>
                                    </li>
                                 @endif
                                 
                                 <li class="page-item">
                                       <a href="{{ $path }}/?page={{ $current_page }}">
                                          {{ $current_page }}
                                       </a>
                                 </li>
                                 
                                 @if ($last_page > 1 && $next_page_url != null)
                                    <li class="page-item">
                                       <a href="{{ $path }}/?page={{ $current_page + 1 }}">
                                          {{ $current_page + 1 }}
                                       </a>
                                    </li>
                                 @endif
                              </ul>
                              <ul class="paginations-buttons">
                                 @if ($prev_page_url != null)
                                    <li>
                                       <a href="{{ $prev_page_url }}">
                                          <svg xmlns="http://www.w3.org/2000/svg" width="7" height="14" viewBox="0 0 7 14">
                                             <path d="M0 7.00008L7 0L2.54545 7.00008L7 14L0 7.00008Z" />
                                          </svg>
                                          Prev
                                       </a>
                                    </li>
                                 @endif
                                 
                                 @if ($next_page_url != null)
                                    <li>
                                       <a href="{{ $next_page_url }}">
                                          Next
                                          <svg xmlns="http://www.w3.org/2000/svg" width="7" height="14" viewBox="0 0 7 14" fill="none">
                                             <path d="M7 7.00008L0 0L4.45455 7.00008L0 14L7 7.00008Z" />
                                          </svg>
                                       </a>
                                    </li>
                                 @endif
                              </ul>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>

         {{-- Footer Content --}}
@include('more.vendor.partials._footer')