@extends('user.header')
@section('userContent')
@include('extensions.alerts')


  <div class="content-wrapper" style="min-height: 1019px;">
    <div class="container-full">
      <div class="content-header">
        <div class="d-flex align-items-center">
          <div class="me-auto">
            <h3 class="page-title">Ads</h3>
            <div class="d-inline-block align-items-center">
              <nav>
                <ol class="breadcrumb">
                  <li class="breadcrumb-item" aria-current="page">Ad</li>
                  <li class="breadcrumb-item active" aria-current="page">Ads</li>
                </ol>
              </nav>
            </div>
          </div>
        </div>
      </div>
      <!-- Main content -->
      <section class="content">
        <div class="row">
          <div class="col-12">
            <div class="box">
              <div class="box-header with-border">
                <div class="pull-right col-sm-12 col-md-12">
                  <div class="row pull-right">
                    <div class="text-right">
                      <a href="{{ route('admin.ad.create') }}"
                        class="waves-effect waves-light btn mb-5 bg-gradient-primary pull-right">
                        Add Ad
                      </a>
                    </div>
                  </div>
                </div>
              </div>
              <div class="box-body">
                <div class="table-responsive rounded card-table">
                  <div id="example1_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4 no-footer">
                    <div class="row">
                      <div class="col-sm-12 col-md-6"></div>
                      <div class="col-sm-12 col-md-6"></div>
                    </div>
                    <div class="row">
                      <div class="col-sm-12">
                      </div>
                    </div>
                    <table class="table border-no dataTable no-footer" id="example1" role="grid"
                      aria-describedby="example1_info">
                      <thead>
                        <tr role="row">
                          <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                            aria-sort="ascending" aria-label="Patient ID: activate to sort column descending"><input
                              type="checkbox" id="basic_checkbox_1" name="all_inclusive_price" value="1"
                              class=" ">
                            <label for="basic_checkbox_2" style="margin-bottom:0"></label>
                          </th>
                          <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                            aria-sort="ascending" aria-label="Patient ID: activate to sort column descending">IDS</th>
                          <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                            aria-sort="ascending" aria-label="Patient ID: activate to sort column descending">Image</th>
                          <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                            aria-sort="ascending" aria-label="Patient ID: activate to sort column descending">Ad Details
                          </th>
                          <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                            aria-sort="ascending" aria-label="Patient ID: activate to sort column descending">Starting Price</th>
                          <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                            aria-sort="ascending" aria-label="Patient ID: activate to sort column descending">Sold By
                          </th>
                          <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                            aria-sort="ascending" aria-label="Patient ID: activate to sort column descending">Availablity
                          </th>
                          <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                            aria-sort="ascending" aria-label="Patient ID: activate to sort column descending">Action</th>
                        </tr>
                      </thead>
                      <tbody>
                        @foreach($ads as $ad)
                        <tr class="hover-primary odd" role="row">
                          <td>
                            <input type="checkbox" id="basic_checkbox_2" name="all_inclusive_price" value="1"
                              class=" ">
                            <label for="basic_checkbox_2" style="margin-bottom:0"></label>
                          </td>
                          <td>
                            SID: <span class='text-primary'>{{ $ad->id }}</span><br />
                            Date : {{ $ad->created_at->format('Y-M-d') }}<br />
                          </td>
                          <td>
                            <div class="avatar-md profile-user-wid mt-1">
                              {{-- $ad->images[0]->image --}}
                              
                              <img src="{{ !$ad->images->isEmpty() ? asset('copro/public/uploads/ads') . '/' . $ad->images[0]->image : asset('allUsers/icon-thumb.png') }}"
                                class=" " style="height: 40px; width: 40px;">
                            </div>
                          </td>
                          <td>
                            <span class='text-primary'>{{ $ad->name }}</span><br />
                            Payment Method: {{ $ad->payment_method }}<br />
                          </td>
                          <td>
                            @foreach ($ad->prices as $price)
                            ${{ number_format($price->rrp,2) }}<br />
                            {{ $ad->payment_method }}<br />
                            @endforeach 
                          </td>
                          <td>
                            {{ $ad->user->name }} Main City Singapore<br />
                            Singapore<br/>
                            {{ $ad->payment_method }}<br />
                          </td>
                          <td>
                            @foreach ($ad->prices as $price)
                            {{ ($price->availability === 'yes') ? 'Available' : 'Not Available' }}
                            @endforeach
                          </td>
                          <td class="text-right">
                              <!-- Button trigger modal -->
                              <a href="{{ route('admin.ad.edit', $ad->id) }}" title="Edit ad"
                                type="button" class="badge badge-pill badge-primary"> <i class="fa fa-pencil"></i></a>
                              <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#modal-delete"
                                title="Delete ad" onclick="destroyUrlUpdate(this)"
                                data-destroy-url="{{ route('admin.ad.destroy', $ad->id) }}" type="button"
                                class="badge badge-pill badge-danger delete" href="JavaScript:void(0);"><i
                                  class="fa fa-trash"></i></a>
                              <a href="{{ route('admin.ad.status', [$ad->id, $ad->status === 1 ? 0 : 1]) }}"
                                title="{{ $ad->status === 1 ? 'Tap to Disable' : 'Tap to Enable' }}"
                                class="badge badge-pill badge-success disable" catid="0011-0">@if ($ad->status === 1) <i class="fa fa-toggle-on"></i> @else <i class="fa fa-toggle-off"></i> @endif</a>
                            </td>
                        </tr>
                        @endforeach
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
  </div>
  @include('extensions.delete-modal')
@endsection