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

<main>
@php $current_route=Route::current()->parameters()['type'];
    $lang= App::getLocale();
    $statusProperty = 'status_'.$lang;
    $currencyProperty = 'currency_'.$lang;
    @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.bookings')  
            @else  @lang('site.booking_ads_no') ({{$current_route}})
            @endif
            </li>
          </ol>
        </nav>
      </div>
    </section>
   
    <!-- section -->
    <section class="aqar-booking">
      <div class="container">
        <div class="row">
          <div class="tabs-details mt-3">
          @if(!is_numeric($current_route))
            <ul class="tabs-nav-details list-unstyled mb-0 tabs-in-mobile flex-wrap">
              <li class="{{$current_route=='all'?'tab-active':'' }}">
                <a href="{{route('invst.listbookingscar','all')}}" class="tab-link d-flex align-items-center justify-content-center"> 
                  @lang('site.all_bookings')  
                </a>
              </li>
              <li class="{{$current_route=='app'?'tab-active':'' }}">
                <a href="{{route('invst.listbookingscar','app')}}" class="tab-link d-flex align-items-center justify-content-center">
                  @lang('site.application_bookings')  
                </a>
              </li>
              <li class="{{$current_route=='ext'?'tab-active':'' }}">
                <a href="{{route('invst.listbookingscar','ext')}}" class="tab-link d-flex align-items-center justify-content-center">
                  @lang('site.external_bookings')  
                </a>
              </li>
              <li class="{{$current_route=='web'?'tab-active':'' }}">
                <a href="{{route('invst.listbookingscar','web')}}" class="tab-link d-flex align-items-center justify-content-center">
                  @lang('site.website_bookings')  
                </a>
              </li>
              <li class="{{$current_route=='cancel'?'tab-active':'' }}">
                <a href="{{route('invst.listbookingscar','cancel')}}" class="tab-link d-flex align-items-center justify-content-center">
                  @lang('site.canceled_bookings')  
                </a>
              </li>
              <li class="{{$current_route=='archef'?'tab-active':'' }}">
                <a href="{{route('invst.listbookingscar','archef')}}" class="tab-link d-flex align-items-center justify-content-center">
                  @lang('site.archives')  
                </a>
              </li>
             
            </ul>
            @endif
            @php $current_route1=Route::currentRouteName();@endphp
            <ul class="tabs-content pt-4 list-unstyled tabs-aqars-booking">
              <li id="tab-1"  >
                <div class="row">
                <form action="{{route($current_route1,$current_route)}}" method="GET">
                  @csrf
                  <div class="col-12">
                    <div class="ads-search-container mt-2 mb-4">
                      <div class="row">
                        <div class="col-lg-8">
                          <input type="search" class="form-control w-100"
                            placeholder=" @lang('site.booking_no_ads_no') "  name="search_id"
                          value="{{ request()->get('search_id') }}"/>
                        </div>
                        <div class="col-lg-4">
                          <div class="search-btn d-flex align-items-center justify-content-center mt-lg-0 mt-3 w-100">
                          <button type="submit">@lang('site.search')</button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </form>
                  <!-- booking cards -->
                  @if(!empty($allbookings->toArray()['data']))
                  @foreach($allbookings as $k=>$item)
                  <div class="col-12">
                    <div class="card card-department round-border my-3 p-md-3 p-2">
                      <div class="row g-0">
                        <div class="col-lg-3 position-relative">
                          <div class="aqar-img-list">
                            <div>
                              <img loading="lazy" src="{{asset('images/cars/'.$item->main_image_ads)}}"
                                class="department-img-list of-cover" alt="image 1" />
                            </div>
                          </div>
                        </div>
                        <div class="col-lg-9">
                            <div  class="card-body position-relative px-lg-3 px-0 h-100">
                              <div class="d-md-flex">
                                <div class="ads-left-border">
                                <div class="mb-2">
                                  <span class="aqar-booking-i"><i class="fal fa-list-ol"></i></span>
                                  <span class="aqar-booking-item"> @lang('site.Ads_number') :    
                                  </span>
                                  <span class="aqar-booking-item">{{$item->car_id}}</span>
                                </div>
                                <div class="mb-2">
                                  <span class="aqar-booking-i"><i class="fal fa-list-ol"></i></span>
                                  <span class="aqar-booking-item"> 
                                     @lang('site.booking_id')  :
                                  </span>
                                  <span class="aqar-booking-item">{{$item->book_id}}</span>
                                </div>
                                <div class="mb-2">
                                  <span class="aqar-booking-i"><i class="fal fa-list-ol"></i></span>
                                  <span class="aqar-booking-item"> 
                                    @lang('site.booking_destination') : {{$item->type}}
                                  </span>
                                  <span class="aqar-booking-item">
                                    </span>
                                </div>
                                <div class="mb-2">  
                                  <span class="aqar-booking-i"><i class="fal fa-calendar-alt"></i></span>
                                  <span class="aqar-booking-item">
                                     @lang('site.date_of_arrival') :
                                  </span>
                                  <span class="aqar-booking-item">
                                   {{$item->delivery_date}}</span>
                                </div>
                                <div class="mb-2">
                                  <span class="aqar-booking-i"><i class="fal fa-calendar-alt"></i></span>
                                  <span class="aqar-booking-item">
                                    @lang('site.date_of_departure') :
                                  </span>
                                  <span class="aqar-booking-item"> {{$item->reciept_date}}</span>
                                </div>
                                </div>
                                <div>
                                <div class="padding-ads mb-2">
                                  <span class="aqar-booking-i"><i class="fal fa-calendar-alt"></i></span>
                                  <span class="aqar-booking-item">
                                    @lang('site.days') :
                                  </span>
                                  <span class="aqar-booking-item">
                                  {{$item->day_count}} @lang('site.day')</span>
                                </div>
                                <div class="padding-ads mb-2">
                                  <span class="aqar-booking-i"><i class="fal fa-wallet"></i></span>
                                  <span class="aqar-booking-item">
                                      @lang('site.total_price') :
                                  </span>
                                  <span class="aqar-booking-item">
                                  {{$item->total_price}} {{$item->currency_ar}} </span>
                                </div>
                                <div class="padding-ads mb-2">
                                  <span class="aqar-booking-i"><i class="fal fa-wallet"></i></span>
                                  <span class="aqar-booking-item">
                                  @lang('site.deposit') :
                                  </span>
                                  <span class="aqar-booking-item">
                                  {{$item->total_price/$item->day_count}} {{$item->$currencyProperty ?? '' }}</span> 
                                </div>
                                <div class="padding-ads mb-2">
                                  <span class="aqar-booking-i"><i class="fal fa-clock"></i></span>
                                  <span class="aqar-booking-item">
                                  @lang('site.Receipt hour') :
                                  </span> 
                                  <span class="aqar-booking-item"
                                      > {{date('H:i a', strtotime($item->delivery_hour))}}</span
                                    >
                                </div> 
                                <div class="padding-ads mb-2">
                                  <span class="aqar-booking-i"><i class="fal fa-clock"></i></span>
                                  <span class="aqar-booking-item">
                                    @lang('site.delivery hour') :
                                    </span>
                                    <span class="aqar-booking-item"
                                      >{{date('H:i a', strtotime($item->receipt_hour))}} </span
                                    >
                                </div>
                                </div>
                              </div>
                              <div class="ads-status w-aqar-status my-3">
                                <span> @lang('site.ads_status') :</span>
                                <span class="mt-md-0 mt-2">
                                  <span class="ads-status-sure"> @lang('site.confirmed') </span>
                                  <span class="px-1">
                                    <i class="far fa-alarm-clock text-main"></i>
                                  </span>
                                  <span>{{$item->status_ar}}</span>
                                </span>
                              </div>
                              <ul class="list-menu flex-center list-unstyled p-0 list-menu-booking">
                                @if($item->booking_status_id==1)
                                <li class="liItem-booking-out">
                                <form action="{{route('invst.acceptcar' , $item->book_id )}}" method="GET" style="display: inline-block" id="acceptForm{{$item->book_id}}">
                                  @csrf
                                  <a type="button" onclick="confirmAction('accept',{{$item->book_id}},'@lang('site.accept booking')','success')" id="accept" class="liItem-link"> @lang('site.accepted') </a>  
                                </form>
                                </li>
                                @endif
                                @if($item->booking_status_id == 1 )
                                <li class="liItem-booking-prices">
                                <form action="{{route('invst.rejectcar')}}" method="Post" style="display: inline-block" id="cancelForm{{$item->book_id}}">
                                  @csrf  
                                  <input type="hidden" name="id" value="{{$item->book_id}}">
                                  <input type="hidden" name="cancel_reason" class="cancel_reason" value="{{$item->book_id}}">
                                  {{-- old code --}}
                                  {{-- <a type="button" onclick="confirmcancel('cancel',{{$item->book_id}},'@lang('site.cancel booking')','{{FRONTASSETS}}/images/cancel.png')" id="cancel" class="liItem-link"> @lang('site.cancel booking') </a>   --}}

                                  <a type="button" onclick="confirmcancel('cancel',{{$item->book_id}},'@lang('site.cancel booking')','warning')" id="cancel" class="liItem-link"> @lang('site.cancel booking') </a>  
                                </form>
                                </li>
                                @endif
                                @if($item->booking_status_id == 3 )
                                <li class="liItem-booking-see">
                                <form action="{{route('invst.attendcar' , $item->book_id)}}" method="GET" style="display: inline-block" id="attendForm{{$item->book_id}}">
                                  @csrf
                                  {{-- <a type="button" onclick="confirmAction('attend',{{$item->book_id}},'@lang('site.attend booking')','{{FRONTASSETS}}/images/attend.png',300,200)" id="attend" class="liItem-link"> @lang('site.presence') </a>   --}}
                                  <a type="button" onclick="confirmAction('attend',{{$item->book_id}},'@lang('site.attend booking')','success')" id="attend" class="liItem-link"> @lang('site.presence') </a> 
                                </form>
                                </li>

                                <li class="liItem-booking-edit">
                                <form action="{{route('invst.notattendcar' , $item->book_id)}}" method="GET" style="display: inline-block" id="notattendForm{{$item->book_id}}">
                                  @csrf
                                  {{-- <a type="button" onclick="confirmAction('notattend',{{$item->book_id}},'@lang('site.not attend booking')','{{FRONTASSETS}}/images/notattend.png',150,150)" id="notattend" class="liItem-link"> @lang('site.absence') </a>   --}}
                                  <a type="button" onclick="confirmAction('notattend',{{$item->book_id}},'@lang('site.not attend booking')','info')" id="notattend" class="liItem-link"> @lang('site.absence') </a>  
                                </form>
                                </li>
                                @endif
                                <li class="liItem-booking">
                                  <a href="{{route('invst.bookingCarDetails' , $item->book_id)}}" class="liItem-link">
                                  @lang('site.Reservation information')
                                  </a>
                                </li>

                                
                              </ul>
                            </div>
                      </div>
                     
                    </div>
                  </div>
                  @endforeach

                  @if($allbookings->hasPages())              
                    <div class="col-12">
                      <div class="card card-dallbookingsepartment 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">
                            {{$allbookings->links() }}
                            </li>
                          </ul>
                        </nav>
                      </div>
                    </div>
                  @endif
                  @else
                  <!--empty booking-->
                  <div class="col-12 mb-5">
                    <div class="card-empty d-md-flex  align-items-center">
                  
                        <div class="card-empty-txt"> @lang('site.no_bookings') </div>
                        <div>
                          <img src="{{FRONTASSETS}}/images/booking-investor/empty-ic.svg" alt="empty icon">
                        </div>
                    </div>
                  </div>
                  @endif
                </div>
              </li>
          
            </ul>
          </div>
        </div>
      </div>
    </section>
    <!-- /section -->
  </main>

@endsection

@section('scripts')
<script>
        // function confirmAction($action,$id) {
        //     var that = document.getElementById($action+"Form" + $id);
        //     var n = new Noty({
        //         text: "@lang('site.are you sure')",
        //         type: "warning",
        //         layout:"center",
        //         killer: true,
        //         buttons: [
        //             Noty.button("@lang('site.yes')", 'btn btn-success mr-2', function () {
        //                 that.submit();
        //             }),
        //             Noty.button("@lang('site.no')", 'btn btn-primary mr-2', function () {
        //                 n.close();
        //             })
        //         ]
        //     });
        //     n.show();
        // }
        // function confirmAction($action,$id,$mess,$image,$width,$hight) {
        //     var that = document.getElementById($action+"Form" + $id);
        //     swal.fire({
        //       title:$mess,
        //       imageUrl: $image,
        //       imageWidth: $width,
        //       imageHeight: $hight,
        //       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 {
                 
                }
                })    
            
       
        }
        


          function confirmcancel($action,$id,$mess,$image) {
            var that = document.getElementById($action+"Form" + $id);
            Swal.fire({
              input: 'textarea',
              inputPlaceholder: '@lang("write cancel reason")',
              title:$mess,
              icon: $image,  
              // imageUrl: $image,
              // imageWidth: 100,
              // imageHeight: 100,
              imageAlt: 'Custom image',
              confirmButtonText:  'تأكيد',
              cancelButtonText:  'رجوع',
              showCancelButton: true,
              showCloseButton: true,
              confirmButtonColor: '#ff8600',    
              allowOutsideClick: true,
            }).then((result) => {
                    if (result.isConfirmed) {
                      $('.cancel_reason').val(result.value);
                      that.submit();
                    }else {
                 
                }
                })  
        }
    </script>


@endsection