@extends('admin.layout.layout')

@push('title')
    النزلاء
@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.clients.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>
        تصدير
    </a>

    <a href="{{route('admin.clients.create')}}" class="btn btn-primary font-weight-bolder">

        <i class="ki ki-solid-plus icon-md"></i>
        اضافة نزيل جديد
    </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">النزلاء
                    <span class="d-block text-muted pt-2 font-size-sm">
                        يمكنك عرض وتعديل وحذف واستخراج تقارير النزلاء
                    </span></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="بحث..."
                                           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">#</th>
                    <th title="Field #2">الأسم الأول باللغة العربية</th>
                    <th title="Field #3"> الأسم الثاني باللغة العربية</th>
                    <th title="Field #5"> الجنس </th>
                    <th title="Field #5"> الهاتف </th>
                    <th title="Field #5">رقم البطافة / الجواز </th>
                    <th title="Field #5">رقم تأشيرة الدخول</th>
                     <th title="Field #7"> تاريخ أخر تحديث</th>
                     <th title="Field #8">العمليات</th>
                </tr>
                </thead>


                <tbody>
                @foreach($items as $item)
                    <tr>
                        <td> {{$item->id}} </td>
                        <td> {{$item->ar_first_name}} </td>
                        <td> {{$item->ar_second_name}} </td>
                        <td> {{$item->gender}} </td>
                        <td> {{$item->phone}} </td>
                        <td> {{$item->identifier_id}} </td>
                        <td> {{$item->visa_number}} </td>
                        <td> {{$item->updated_at}} </td>
                        <td data-field="Actions" data-autohide-disabled="false" aria-label="null">

                            <a href="{{route('admin.clients.edit',$item->id)}}"
                               class="btn btn-sm btn-light btn-text-primary btn-icon"
                               title="تعديل">
                                <i class="flaticon2 flaticon-edit"></i>
                            </a>

                            <button onclick="readyFn({{$item->id}})"
                                    class="delete btn btn-sm btn-light btn-text-primary btn-icon"
                                    title="Delete">
                                <i class="flaticon2 flaticon2-delete"></i>
                                {!!Form::open( ['route' => ['admin.clients.destroy',$item->id] ,'class'=>'hidden','id'=>'delete-form'.$item->id, 'method' => 'Delete']) !!}
                                {!!Form::close() !!}
                            </button>


                        </td>

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

@push('scripts')
    <script>
        function readyFn($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>
    <!--begin::Page Scripts(used by this page)-->
    <script src="{{asset('/admin/assets')}}/js/pages/crud/ktdatatable/base/html-table.js"></script>
    <!--end::Page Scripts-->
@endpush