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

@php $current_route=Route::current()->parameters();
$lang= App::getLocale();
$nameProperty = 'name_'.$lang;
$statusProperty = 'status_'.$lang;
@endphp

<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.aqars.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.aqars.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($aqars->toArray()['data']))
              @foreach($aqars as $aqar)
                <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/aqars/'.$aqar->main_image)}}"
                          alt="ads image"
                        />
                      </div>
                    </div>
                    <div class="col-lg-8">
                    <h2 class="text-main">
                    @lang('site.ads_number') ({{$aqar->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">{{$aqar->category[$nameProperty] ??''}} </span>
                          </div>
                          <div class="mb-3">
                          <span class="ads-item h2">@lang('site.area') :</span>
                            <span class="h2 text-gray">{{$aqar->area[$nameProperty] ??''}}</span>
                          </div>
                          <div>
                          <span class="ads-item h2">@lang('site.name_al') {{$aqar->category[$nameProperty] ??''}} :</span>
                            <span class="h2 text-gray">{{$aqar->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">
                                <a href="{{route('invst.addaqarbook' , $aqar->id)}}"  class="liItem-link"  >
                                  <i class="far fa-calendar-plus"></i>
                                  @lang('site.add_external_booking')</a
                                >
                              </li>
                              <li class="liItem-booking-see">
                                <a href="{{route('invst.detailaqar',$aqar->id)}}" class="liItem-link">
                                  <i class="far fa-eye"></i>
                                  @lang('site.Watch')
                                </a>
                               </li>

                               <li class="liItem-booking-edit">
                                <a href="{{route('invst.aqars.edit', $aqar->id) }}"  class="liItem-link">
                                  <i class="fas fa-edit"></i>
                                 @lang('site.edit')

                                </a>
                               </li>
                               <li class="liItem-booking">
                                <a href="{{route('invst.listbookings',$aqar->id)}}"  class="liItem-link">
                                  <i class="far fa-book-open"></i>
                                  @lang('site.bookings')
                                </a>
                               </li>
                               @if($aqar->ads_status_id  !=3)
                               <li class="liItem-booking-stop">
                                <form action="{{route('invst.stop' , $aqar->id)}}" method="GET" style="display: inline-block" id="stopForm{{$aqar->id}}">
                                  @csrf
                                  <a type="button" onclick="confirmAction('stop',{{$aqar->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.active' , $aqar->id)}}" method="GET" style="display: inline-block" id="activeForm{{$aqar->id}}">
                                  @csrf
                                  <a type="button" onclick="confirmAction('active',{{$aqar->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> {{$aqar->adsstatus[$statusProperty] ?? '' }} </span>
                        </span>
                      </div>
                    </div>
                  </div>
                </div>
                @endforeach
              </div>
            </div>
            @if($aqars->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">
                    {{$aqars->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>
      
     

@endsection

@section('scripts')
<script>
        // function confirmAction($action,$id,$mess,$icon) {
        //     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 {
                 
        //         }
        //         })                   
        // }
        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