@extends('admin.layout.layout')

@push('title')
    {{trans('airline.home')}}
@endpush

@push('content')

    <div class="row">
        <div class="col-lg-12">
            <!--begin::Advance Table Widget 4-->
            <div class="card card-custom card-stretch gutter-b">
                <!--begin::Header-->
                <div class="card-header border-0 py-5">
                    <h3 class="card-title align-items-start flex-column">
                        <span class="card-label font-weight-bolder text-dark"> حجوزات اليوم  </span>
                        <span class="text-muted mt-3 font-weight-bold font-size-sm">  </span>
                    </h3>

                </div>
                <!--end::Header-->
                <!--begin::Body-->
                <div class="card-body pt-0 pb-3">
                    <div class="tab-content">
                        <!--begin::Table-->
                        <div class="table-responsive">
                            <table class="table table-head-custom table-head-bg table-borderless table-vertical-center">
                                <thead>
                                <tr class="text-left text-uppercase">
                                    <th style="min-width: 250px" class="pl-7">
                                        <span class="text-dark-75">شركة الطيران</span>
                                    </th>
                                    <th style="min-width: 100px">رقم الحجز</th>
                                    <th style="min-width: 100px">شركة الطيران</th>
                                    <th style="min-width: 100px">أسماء الأشاخص</th>
                                    <th style="min-width: 130px">التفاصيل</th>
                                    <th style="min-width: 130px">تاريخ القدوم</th>
                                    <th style="min-width: 80px"></th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($checkInReservations as $resrvation)
                                    <tr>
                                        <td class="pl-0 py-8">
                                            <div class="d-flex align-items-center">
                                                <div class="symbol symbol-50 symbol-light mr-4">
																				<span class="symbol-label">
																					<img
                                                                                        src="{{getimg($resrvation->company?$resrvation->company->image:'')}}"
                                                                                        class="h-75 align-self-end"
                                                                                        alt="">
																				</span>
                                                </div>
                                                <div>
                                                    <a href="{{route('admin.reservations.edit',$resrvation->id)}}"
                                                       class="text-dark-75 font-weight-bolder text-hover-primary mb-1 font-size-lg"> {{$resrvation->company?$resrvation->company->name:''}}</a>

                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <span
                                                class="text-dark-75 font-weight-bolder d-block font-size-lg">{{$resrvation->uuid}}</span>
                                            <span
                                                class=" font-weight-bold text-{{reservationNameClass($resrvation->status)}}">{{reservationStatus($resrvation->status)}}</span>
                                        </td>
                                        <td>
                                            <span
                                                class="text-dark-75 font-weight-bolder d-block font-size-lg">{{$resrvation->price_per_stay}}</span>
                                            <span
                                                class="text-muted font-weight-bold">{{$resrvation->amount_paid==0.00?"لم يتم الدفع":'تم الدفع'}}</span>
                                        </td>
                                        <td>
                                            @foreach($resrvation->clients as $client)
                                                <span class="text-bold font-weight-bold">{{$client->name()}}</span>
                                                <br>
                                            @endforeach
                                        </td>
                                        <td>
                                            <span
                                                class="text-muted font-weight-bold d-block font-size-sm">{{$resrvation->room_description}} </span>
                                        </td>

                                        <td>
                                            <span class="text-muted font-weight-bold d-block font-size-sm">{{$resrvation->check_in_date}} </span>
                                        </td>

                                        <td class="pr-0 text-right">
                                            <button
                                                data-action="{{route('admin.checkIn',$resrvation->id)}}"
                                                  class="btn btn-light-success font-weight-bolder font-size-sm checkin"
                                                   data-toggle="modal" data-target="#exampleModal2"
                                            >تسكين </button>
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                        <!--end::Table-->
                    </div>
                </div>
                <!--end::Body-->
            </div>
            <!--end::Advance Table Widget 4-->
        </div>

        <div class="col-lg-12">
            <!--begin::Advance Table Widget 4-->
            <div class="card card-custom card-stretch gutter-b">
                <!--begin::Header-->
                <div class="card-header border-0 py-5">
                    <h3 class="card-title align-items-start flex-column">
                        <span class="card-label font-weight-bolder text-dark"> مغادرات اليوم  </span>
                        <span class="text-muted mt-3 font-weight-bold font-size-sm">  </span>
                    </h3>

                </div>
                <!--end::Header-->
                <!--begin::Body-->
                <div class="card-body pt-0 pb-3">
                    <div class="tab-content">
                        <!--begin::Table-->
                        <div class="table-responsive">
                            <table class="table table-head-custom table-head-bg table-borderless table-vertical-center">
                                <thead>
                                <tr class="text-left text-uppercase">
                                    <th style="min-width: 250px" class="pl-7">
                                        <span class="text-dark-75">شركة الطيران</span>
                                    </th>
                                    <th style="min-width: 100px">رقم الحجز</th>
                                    <th style="min-width: 100px">شركة الطيران</th>
                                    <th style="min-width: 100px">أسماء الأشاخص</th>
                                    <th style="min-width: 130px">التفاصيل</th>
                                    <th style="min-width: 130px">تاريخ الخروج</th>
                                    <th style="min-width: 80px"></th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($checkOutReservations as $checkOutResrvation)
                                    <tr>
                                        <td class="pl-0 py-8">
                                            <div class="d-flex align-items-center">
                                                <div class="symbol symbol-50 symbol-light mr-4">
																				<span class="symbol-label">
																					<img
                                                                                        src="{{getimg($checkOutResrvation->company?$checkOutResrvation->company->image:'')}}"
                                                                                        class="h-75 align-self-end"
                                                                                        alt="">
																				</span>
                                                </div>
                                                <div>
                                                    <a href="{{route('admin.reservations.edit',$checkOutResrvation->id)}}"
                                                       class="text-dark-75 font-weight-bolder text-hover-primary mb-1 font-size-lg"> {{$checkOutResrvation->company?$checkOutResrvation->company->name:''}}</a>

                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <span
                                                class="text-dark-75 font-weight-bolder d-block font-size-lg">{{$checkOutResrvation->uuid}}</span>
                                            <span
                                                class=" font-weight-bold text-{{reservationNameClass($checkOutResrvation->status)}}">{{reservationStatus($checkOutResrvation->status)}}</span>
                                        </td>
                                        <td>
                                            <span
                                                class="text-dark-75 font-weight-bolder d-block font-size-lg">{{$checkOutResrvation->price_per_stay}}</span>
                                            <span
                                                class="text-muted font-weight-bold">{{$checkOutResrvation->amount_paid==0.00?"لم يتم الدفع":'تم الدفع'}}</span>
                                        </td>
                                        <td>
                                            @foreach($checkOutResrvation->clients as $client)
                                                <span class="text-bold font-weight-bold">{{$client->name()}}</span>
                                                <br>
                                            @endforeach
                                        </td>
                                        <td>
                                            <span
                                                class="text-muted font-weight-bold d-block font-size-sm">{{$checkOutResrvation->room_description}} </span>
                                        </td>
                                        <td>
                                            <span class="text-muted font-weight-bold d-block font-size-sm">{{$checkOutResrvation->check_out_date}} </span>
                                        </td>
                                        <td class="pr-0 text-right">
                                            <!-- Button trigger modal-->
                                            <button type="button"
                                                    data-action="{{route('admin.checkOut',$checkOutResrvation->id)}}"
                                                    class="btn btn-light-success font-weight-bolder font-size-sm checkout"
                                                     data-toggle="modal" data-target="#exampleModal">
                                                مغادرة
                                            </button>

                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                        <!--end::Table-->
                    </div>
                </div>
                <!--end::Body-->
            </div>
            <!--end::Advance Table Widget 4-->
        </div>

        <div class="col-lg-12">
            <!--begin::Advance Table Widget 4-->
            <div class="card card-custom card-stretch gutter-b">
                <!--begin::Header-->
                <div class="card-header border-0 py-5">
                    <h3 class="card-title align-items-start flex-column">
                        <span class="card-label font-weight-bolder text-dark">PCR اليوم (  الأولى) </span>
                        <span class="text-muted mt-3 font-weight-bold font-size-sm">  </span>
                    </h3>

                </div>
                <!--end::Header-->
                <!--begin::Body-->
                <div class="card-body pt-0 pb-3">
                    <div class="tab-content">
                        <!--begin::Table-->
                        <div class="table-responsive">
                            <table class="table table-head-custom table-head-bg table-borderless table-vertical-center">
                                <thead>
                                <tr class="text-left text-uppercase">
                                    <th style="min-width: 250px" class="pl-7">
                                        <span class="text-dark-75">اسم النزيل  </span>
                                    </th>
                                    <th style="min-width: 100px">جنس النزيل</th>
                                    <th style="min-width: 100px">رقم جواز السفر /البطاقة</th>
                                    <th style="min-width: 130px">رقم هاتف النزيل</th>
                                    <th style="min-width: 100px">رقم التأشيرة</th>


                                </tr>
                                </thead>
                                <tbody>
                                @foreach($firstPCR as $user)
                                    <tr>
                                        <td class="pl-0 py-8">
                                            <div class="d-flex align-items-center">
                                                <div class="symbol symbol-50 symbol-light mr-4">
																				<span class="symbol-label">
																					<img src="{{getimg($user->image)}}"
                                                                                         class="h-75 align-self-end"
                                                                                         alt="">
																				</span>
                                                </div>
                                                <div>
                                                    <a href="#"
                                                       class="text-dark-75 font-weight-bolder text-hover-primary mb-1 font-size-lg"> {{ $user->name() }}</a>

                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <span
                                                class="text-dark-75 font-weight-bolder d-block font-size-lg">{{$user->gender}}</span>
                                        </td>
                                        <td>
                                            <span
                                                class="text-dark-75 font-weight-bolder d-block font-size-lg">{{$user->identifier_id}} </span>

                                        </td>
                                        <td>
                                            <span class="text-muted font-weight-bold"> {{$user->phone}}  </span>
                                        </td>
                                        <td>
                                            <span
                                                class="text-muted font-weight-bold d-block font-size-sm"> {{$user->visa_number}} </span>
                                        </td>

                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                        <!--end::Table-->
                    </div>
                </div>
                <!--end::Body-->
            </div>
            <!--end::Advance Table Widget 4-->
        </div>

        <div class="col-lg-12">
            <!--begin::Advance Table Widget 4-->
            <div class="card card-custom card-stretch gutter-b">
                <!--begin::Header-->
                <div class="card-header border-0 py-5">
                    <h3 class="card-title align-items-start flex-column">
                        <span class="card-label font-weight-bolder text-dark">PCR اليوم (  الثانية) </span>
                        <span class="text-muted mt-3 font-weight-bold font-size-sm">  </span>
                    </h3>

                </div>
                <!--end::Header-->
                <!--begin::Body-->
                <div class="card-body pt-0 pb-3">
                    <div class="tab-content">
                        <!--begin::Table-->
                        <div class="table-responsive">
                            <table class="table table-head-custom table-head-bg table-borderless table-vertical-center">
                                <thead>
                                <tr class="text-left text-uppercase">
                                    <th style="min-width: 250px" class="pl-7">
                                        <span class="text-dark-75">اسم النزيل  </span>
                                    </th>
                                    <th style="min-width: 100px">جنس النزيل</th>
                                    <th style="min-width: 100px">رقم جواز السفر /البطاقة</th>
                                    <th style="min-width: 130px">رقم هاتف النزيل</th>
                                    <th style="min-width: 100px">رقم التأشيرة</th>


                                </tr>
                                </thead>
                                <tbody>
                                @foreach($secondPCR as $user)
                                    <tr>
                                        <td class="pl-0 py-8">
                                            <div class="d-flex align-items-center">
                                                <div class="symbol symbol-50 symbol-light mr-4">
																				<span class="symbol-label">
																					<img src="{{getimg($user->image)}}"
                                                                                         class="h-75 align-self-end"
                                                                                         alt="">
																				</span>
                                                </div>
                                                <div>
                                                    <a href="#"
                                                       class="text-dark-75 font-weight-bolder text-hover-primary mb-1 font-size-lg"> {{ $user->name() }}</a>

                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <span
                                                class="text-dark-75 font-weight-bolder d-block font-size-lg">{{$user->gender}}</span>
                                        </td>
                                        <td>
                                            <span
                                                class="text-dark-75 font-weight-bolder d-block font-size-lg">{{$user->identifier_id}} </span>

                                        </td>
                                        <td>
                                            <span class="text-muted font-weight-bold"> {{$user->phone}}  </span>
                                        </td>
                                        <td>
                                            <span
                                                class="text-muted font-weight-bold d-block font-size-sm"> {{$user->visa_number}} </span>
                                        </td>

                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                        <!--end::Table-->
                    </div>
                </div>
                <!--end::Body-->
            </div>
            <!--end::Advance Table Widget 4-->
        </div>
        

    </div>

    <!-- Modal-->
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
         aria-hidden="true">
        <form id="checkoutForm" action="" method="POST">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel"> تأكيد  مغادرة النزلاء</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <i aria-hidden="true" class="ki ki-close"></i>
                        </button>
                    </div>
                    @csrf
                    <div class="modal-body">

                            <div class="form-group">
                                <label>اختر حالة الغرفة</label>
                                 {!! Form::select('status',['vacant_and_clean'=>'غرفة جاهزة','occupied'=>'مشغولة','complimentary'=>'الضيافة','stay_over'=>'تمديد الإقامة','on_change'=>'غرف مغادرة متسخة','do_not_disturb'=>'عدم الازعاج','sleep_out'=>'مبيت خارجي','skipper'=>'نزيل هارب','sleeper'=>'نزيل غادر ومازال على النظام','out_of_order'=>'غرف خارج الخدمة','double_lock'=>'الغرفة مغلقة من الداخل','lockout'=>'الغرفة مغلقة من الخارج','DNCO'=>'نزيل انهي حسابه ومازال بالغرفة ','due_out'=>'غرف متوقع ان تكون جاهزة ','do_not_paid'=>'نزيل متوقع خروجه ','checkout'=>'نزيل غادر الفندق','late_check_out'=>'خروج متأخر عن الموعد'], null ,['class'=>'form-control form-control-lg form-control-solid select2','id'=>'status','placeholder'=>'من فضلك قم بإختيار حالة الغرفة ','required']); !!}

                            </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light-primary font-weight-bold" data-dismiss="modal">
                            اغلاق
                        </button>
                        <button type="submit" class="btn btn-primary font-weight-bold">  حفظ </button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2"
         aria-hidden="true">
        <form id="checkinForm" action="" method="POST">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel"> تسكين النزلاء</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <i aria-hidden="true" class="ki ki-close"></i>
                        </button>
                    </div>
                    @csrf
                    <div class="modal-body">

                            <div class="form-group">
                                <label>اختر   الغرفة</label>
                                <div class="w-100">
                                    {!! Form::select('room_id',$rooms  , null, ['class' => 'form-control form-control-lg form-control-solid w-100  select2', 'id' => 'res_status','required', 'placeholder' => 'اختر   الغرفة']) !!}

                                </div>
                            </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light-primary font-weight-bold" data-dismiss="modal">
                            اغلاق
                        </button>
                        <button type="submit" class="btn btn-primary font-weight-bold">  حفظ </button>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endpush

@push('scripts')
    <script>
        $('.select2').select2({ width: '100%' });

        $('.checkout').click(function(){
            $('#checkoutForm').attr('action', $(this).data("action"));
        });

        $('.checkin').click(function(){

            $('#checkinForm').attr('action', $(this).data("action"));
        });
    </script>
@endpush