@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.hotels.room-packages.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.hotels.room-packages.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 #4">كود الباقة</th>
                    <th title="Field #5"> عدد أيام الباقة</th>
                    <th title="Field #7"> تاريخ أخر تحديث</th>
                    <th title="Field #8">العمليات</th>
                </tr>
                </thead>


                <tbody>
                @foreach($roomPackages as $package)
                    <tr>
                        <td> {{$package->id}} </td>
                        <td> {{$package->ar_name}} </td>
                        <td> {{$package->en_name}} </td>
                        <td> {{$package->code}} </td>
                        <td> {{$package->number_of_days}} </td>
                        <td> {{$package->updated_at}} </td>
                        <td>

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

                            <button   onclick="readyFn({{$package->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.hotels.room-packages.destroy',$package->id] ,'class'=>'hidden','id'=>'delete-form'.$package->id, 'method' => 'Delete']) !!}
                                {!!Form::close() !!}
                            </button>


                        </td>
                        <td data-field="Actions" data-autohide-disabled="false" aria-label="null">


                        </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