@extends('admin.layout.layout')

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

@push('breadcrumbs')
    <li class="breadcrumb-item  ">
        <a href="{{route('admin.home')}}" class="text-muted"> {{trans('airline.home')}} </a>
    </li>
@endpush

@push('toolbar-actions')

    <a href="{{route('admin.reservations.create')}}" class="btn btn-light-primary font-weight-bolder m-2 "
       aria-haspopup="true" aria-expanded="false">

        <i class="flaticon flaticon-download icon-md"></i>
        {{trans('airline.export')}}
    </a>

    <a href="{{route('admin.reservations.create')}}" class="btn btn-primary font-weight-bolder">
        <i class="ki ki-solid-plus icon-md"></i>
        {{trans('airline.add_new_reservations')}}
    </a>

@endpush

@push('content')

<div class="card card-custom">
    <div class="card-header flex-wrap border-0 pt-6 pb-0">
        <div class="card-title">
            <h3 class="card-label">
            {{trans('airline.reservations')}}
            </h3>
        </div>

    </div>
    <div class="card-body">
        <!--begin: Search Form-->
        <!--begin::Search Form-->
        <div class="mb-7">
            <div class="row align-items-center">
                <div class="col-lg-9 col-xl-8">
                    <div class="row align-items-center">
                        <div class="col-md-4 my-2 my-md-0">
                            <div class="input-icon">
                                <input type="text" class="form-control" placeholder="{{trans('airline.search')}}...."
                                       id="kt_datatable_search_query"/>
                                <span>
                                        <i class="flaticon2-search-1 text-muted"></i>
                                </span>
                            </div>
                        </div>


                    </div>
                </div>

            </div>
        </div>
        <!--end::Search Form-->
        <!--end: Search Form-->
        <!--begin: Datatable-->
        <table class="datatable datatable-bordered datatable-head-custom" id="kt_datatable">
            <thead>
            <tr>
                <th title="Field #1">{{trans('airline.reservation_num')}}    </th>
                <th title="Field #2">{{trans('airline.reservation_code')}}   </th>
                <th title="Field #3"> {{trans('airline.reservation_status')}}   </th>
                <th title="Field #5"> {{trans('airline.saty_Days')}}    </th>
                <th title="Field #5">  {{trans('airline.check_in_date')}}  </th>
                <th title="Field #5"> {{trans('airline.check_out_date')}}  </th>
                <th title="Field #7">{{trans('airline.updaed_at')}} </th>
                <th title="Field #8">{{trans('airline.actions')}} </th>
            </tr>
            </thead>


            <tbody>
                @foreach($items as $item)
                <tr>
                    <td> {{$item->id}} </td>
                    <td> {{$item->uuid }} </td>
                    <td> <label class="label label-lg label-light-{{reservationNameClass($item->status)}} label-inline "> {{reservationStatus($item->status)}} </label></td>
                    <td> {{$item->stay_Days}} </td>
                    <td> {{$item->check_in_date}} </td>
                    <td> {{$item->check_out_date}} </td>
                    <td> {{$item->updated_at}} </td>
                    <td>
                        <a href="{{route('admin.reservations.edit',$item->id)}}" class="btn btn-sm btn-light btn-text-primary btn-icon"
                           title="تعديل">
                            <i class="flaticon2 flaticon-eye"></i>
                        </a>
                    </td>

                </tr>
            @endforeach
            </tbody>
        </table>
        <!--end: Datatable-->
    </div>
</div>





@endpush

@push('scripts')
    <!--begin::Page Scripts(used by this page)-->
    <script src="{{asset('/admin/assets')}}/js/pages/crud/ktdatatable/base/html-table.js"></script>
    <!--end::Page Scripts-->
<script>
    function deleteFn($id) {
        Swal.fire({
            title: "هل أنت متاكد من حذف العنصر",
            text: "سيتم حذف هذا العنصر ولن تستطيع استرجاعه !",
            icon: "warning",
            showCancelButton: true,
            confirmButtonText: "نعم ، احذفه!",
            buttons: ["الغاء", "موافق"],
            dangerMode: true,
        }).then(function(result) {
            if (result.value) {
                document.getElementById('delete-form'+$id).submit();
            } else{
                swal("تم االإلفاء", "حذف العنصر تم الغاؤه",'info',{buttons:'موافق'});
            }
        });
    }
</script>
@endpush