@extends('layouts.main_investor')
@section('content')
{{-- {{dd("ss");}} --}}
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<main>
@php $current_route=Route::current()->parameters();
@endphp
    <!-- Desktop Breadcrumb -->
    <section class="py-md-4 py-2">
      <div class="container">
        <nav class="breadcrumb-container" aria-label="breadcrumb">
          <ol class="breadcrumb mb-0">
            <li class="breadcrumb-item">
            <a href="{{route('invst.home')}}">  @lang('site.home')  </a>
            </li>

            <li class="breadcrumb-item text-main" aria-current="page">
            @if(!is_numeric($current_route))  @lang('site.ads')  
            @else  @lang('site.ads_no') ({{$current_route}})
            @endif
            </li>
          </ol>
        </nav>
      </div>
    </section>
    
    @php $current_route1=Route::currentRouteName();@endphp

      <section class="ads-search">
      <form action="{{route('invst.cars.index')}}" method="GET">
        @csrf
        <div class="container">
          <div class="row">
            <div class="col-lg-9">
              <div class="ads-search-container">
                <div
                  class="form-group d-flex align-items-center justify-content-between"
                >
                  <input
                    type="search"
                    class="form-control"
                    placeholder=" @lang('site.add_ads_number') "
                    name="search_id"
                    value="{{ request()->get('search_id') }}"
                  />
                  <div
                    class="search-btn d-flex align-items-center justify-content-center "
                  >
                   <button type="submit">@lang('site.search')</button>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3">
              <div class="add-ads-container mt-lg-0 mt-3">
                <div
                  class="add-ads-link d-flex align-items-center justify-content-center "
                >
                  <a href="{{route('invst.cars.create')}}">
                    <span
                      ><img
                        src="{{FRONTASSETS}}/images/booking-investor/plus-circle.svg"
                        alt="plus icon"
                    /></span>
                    @lang('site.add_ads')
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
        </form>
      </section>
     
      <section class="booking_investor mb-6">
        <div class="container">
          <div class="booking_investor_card">
            <div class="row">
              <div class="col-12">
              @if(!empty($cars->toArray()['data']))
              @foreach($cars as $car)
                <div class="ads-card mb-md-5 mb-4 p-3">
                  <div class="row">
                    <div class="col-lg-4">
                      <div class="ads-card-img">
                      <img
                          src="{{asset('images/cars/'.$car->main_image_ads)}}"
                          alt="ads image"
                        />
                      </div>
                    </div>
                    <div class="col-lg-8">
                    <h2 class="text-main">
                    @lang('site.ads_number')({{$car->id ?? ''}}) 
                      </h2>
                      <div class="d-lg-flex mt-3 w-100">
                        <div class="ads-lborder">
                          <div class="mb-3">
                          <span class="ads-item h2">@lang('site.category') :</span>
                            <span class="h2 text-gray">{{$car->categories['name_ar'] ??''}}</span>
                          </div>
                          <div class="mb-3">
                          <span class="ads-item h2">@lang('site.name') :</span>
                            <span class="h2 text-gray">{{$car->name ?? ''}}</span>
                          </div>
                        </div>
                        <div class="w-md-56">
                          <div class="padding-ads ">
                            <ul class="list-menu flex-center list-unstyled p-0  mb-0">
                              <li class="liItem-booking-out">
                                @if($car->ads_status_id  == 3)
                                <a href="{{route('invst.addcarbook' , $car->id)}}"  class="liItem-link" style="pointer-events: none;text-decoration: none; color: gray;">
                                  <i class="far fa-calendar-plus"></i>
                                  @lang('site.add_external_booking')</a
                                >
                                @else
                                <a href="{{route('invst.addcarbook' , $car->id)}}" class="liItem-link" >
                                  <i class="far fa-calendar-plus"></i>
                                  @lang('site.add_external_booking')</a
                                >
                                @endif
                              </li>
                             
                              <li class="liItem-booking-see">
                              <a href="{{route('invst.detailcar',$car->id)}}" class="liItem-link">
                                  <i class="far fa-eye"></i>
                                  @lang('site.Watch')
                                </a>
                               </li>

                               <li class="liItem-booking-edit">
                               <a href="{{route('invst.cars.edit', $car->id) }}"  class="liItem-link">
                                  <i class="fas fa-edit"></i>
                                  @lang('site.edit')
                                </a>
                               </li>
                               <li class="liItem-booking">
                                <a href="{{route('invst.listbookingscar',$car->id)}}"  class="liItem-link">
                                  <i class="far fa-book-open"></i>
                                  @lang('site.bookings')
                                </a>
                               </li>
                                @if($car->ads_status_id  !=3)
                               <li class="liItem-booking-stop">
                                <form action="{{route('invst.stopcar' , $car->id)}}" method="GET" style="display: inline-block" id="stopForm{{$car->id}}">
                                  @csrf
                                  <a type="button" onclick="confirmAction('stop',{{$car->id}},'@lang('site.stop ads')','error')" id="stop" class="liItem-link">   <i class="far fa-stopwatch"></i>
                                  @lang('site.Pause')
                                </a>
                                </form>
                                </li>
                                @else
                                <li class="liItem-booking-out">
                                <form action="{{route('invst.activecar' , $car->id)}}" method="GET" style="display: inline-block" id="activeForm{{$car->id}}">
                                  @csrf
                                  <a type="button" onclick="confirmAction('active',{{$car->id}},'@lang('site.active ads')','success')" id="active" class="liItem-link">   <i class="far fa-stopwatch"></i>
                                  @lang('site.Active')
                                </a>
                                </form>
                                </li>
                                @endif
                            </ul>
                          </div>
                        </div>
                      </div>
                      <div class="ads-status mt-lg-0 mt-3">
                        <span>  @lang('site.ads_status'): </span>
                        <span class="mt-md-0 mt-2">
                          <span class="ads-status-ic px-1">
                            <i class="far fa-check"></i>
                          </span>
                          <span> {{$car->adsstatus['status_ar'] ?? ''}}</span>
                        </span>
                      </div>
                    </div>
                  </div>
                </div>
            
                @endforeach
              </div>
            </div>
        @if($cars->hasPages())
          <div class="row">
            <div class="col-12">
              <div class="card card-department round-border my-4 p-3">
                <nav class="department-list-pagination d-md-flex justify-content-md-between align-items-center">
                  <ul class="pagination mb-0 justify-content-lg-start justify-content-center">
                    <li class="page-item">
                    {{$cars->links() }}
                    </li>
                  </ul>
                </nav>
              </div>
            </div>
          </div>
          @endif
          @else
              <!--empty ads-->
              <div class="col-12 mb-5">
                <div class="card-empty d-md-flex  align-items-center">
              
                    <div class="card-empty-txt"> @lang('site.no_ads')</div>
                    <div>
                      <img src="{{FRONTASSETS}}/images/booking-investor/empty-ic.svg" alt="empty icon">
                    </div>
                </div>
              </div>
              @endif
          </div>
         
       </div></div>

        </div>
      </section>
      
        
        </div>
      </section>
      
     
  </main>

@endsection

@section('scripts')
<script>
        function confirmAction($action,$id,$mess,$icon) {
          // alert("dd");
            var that = document.getElementById($action+"Form" + $id);
            Swal.fire({
              title:$mess,
              icon: $icon,    
              imageAlt: 'Custom image',
              confirmButtonText:  'نعم',
              cancelButtonText:  'لا',
              showCancelButton: true,
              showCloseButton: true,
              confirmButtonColor: '#ff8600',    
              allowOutsideClick: true,
            }).then((result) => {
                    if (result.isConfirmed) {
                      that.submit();
                    }else {
                 
                }
                })    
            
       
        }
    </script>


@endsection