@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> --}}



                    <!--begin::Wizard Body-->
                    <div class="row justify-content-center my-10 px-8 my-lg-15 px-lg-10">
                        <div class="col-xl-12 col-xxl-7">
                            <!--begin::Form Wizard-->

                                {!!Form::open( ['route' => 'admin.home' ,'class'=>'form  ','id'=>'kt_projects_add_form', 'method' => 'Post','files' => true]) !!}

                                <!--begin::Step 1-->
                                <div class="pb-5" data-wizard-type="step-content" data-wizard-state="current">

                                    <div class="row">

                                        <div class="col-xl-12">

                                            <div class="form-group row">
                                                <label
                                                    class="col-xl-3 col-lg-3 col-form-label">{{ trans('airline.hotel') }}
                                                    <span class="text-danger">*</span> </label>
                                                <div class="col-lg-9 col-xl-9">
                                                    {!! Form::text('hotel_id', null, ['class' => 'form-control form-control-lg  form-control-solid ', 'id' => 'hotel_id', 'placeholder' => trans('airline.select_hotel')]) !!}
                                                </div>
                                            </div>


                                            <div class="form-group row">
                                                <label class="col-xl-3 col-lg-3 col-form-label">
                                                    {{ trans('airline.package') }} <span class="text-danger">*</span>
                                                </label>
                                                <div class="col-lg-9 col-xl-9">
                                                    {!! Form::text('hotel_id', null, ['class' => 'form-control form-control-lg  form-control-solid ', 'id' => 'hotel_id', 'placeholder' => trans('airline.select_hotel')]) !!}
                                                </div>
                                                <input type="hidden"  name="stay_Days" id="stay_Days">
                                            </div>


                                        </div>
                                    </div>
                                </div>
                                <!--end::Step 1-->

                                <!--begin::Step 2-->
                                <div class="pb-5" data-wizard-type="step-content">
                                    <div class="row">
                                        <div class="col-xl-12">
                                            <div class="form-group row">
                                                <div class="col-lg-9 col-xl-6">
                                                    <h3 class="mb-10 font-weight-bold text-dark">  </h3>
                                                </div>
                                            </div>

                                            <div class="form-group row">
                                                <label class="col-xl-3 col-lg-3 col-form-label">
                                                    {{ trans('airline.check_in_date') }} </label>
                                                <div class="col-lg-9 col-xl-9">
                                                    {!! Form::text('check_in_date', null, ['class' => 'form-control form-control-lg  w-100  datepicker form-control-solid', 'id' => 'check_in_date', 'placeholder' => trans('airline.select_check_in_date'), 'autocomplete' => 'off']) !!}

                                                </div>
                                            </div>

                                            <div class="form-group row">
                                                <label class="col-xl-3 col-lg-3 col-form-label">
                                                    {{ trans('airline.check_out_date') }} </label>
                                                <div class="col-lg-9 col-xl-9">
                                                    {!! Form::text('check_out_date', null, ['class' => 'form-control form-control-lg  w-100  form-control-solid', 'placeholder' => trans('airline.select_check_out_date'),'id'=>'check_out_date', 'autocomplete' => 'off', 'readonly']) !!}

                                                </div>
                                            </div>

                                            <div class="form-group row">
                                                <label class="col-xl-3 col-lg-3 col-form-label">
                                                    {{ trans('airline.room_type') }} <span class="text-danger">*</span>
                                                </label>
                                                <div class="col-lg-9 col-xl-9">
                                                    {!! Form::select('room_type', ['1' => 'single room', '2' => 'Double Room','3' => 'Triple Room', '4' => 'Quadruple Room'], null, ['class' => 'form-control form-control-lg form-control-solid w-100 select2', 'id' => 'room_type', 'placeholder' => trans('airline.select_room_type')]) !!}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--end::Step 2-->

                                <!--begin::Step 3-->
                                <div class="pb-5" data-wizard-type="step-content">

                                    <div id='clients'>

                                    </div>


                                    <div id='prices'>

                                    </div>

                                </div>
                                <!--end::Step 3-->


                                <!--begin::Actions-->
                                <div class="d-flex justify-content-between border-top mt-5 pt-10">
                                    <div class="mr-2">
                                        <button type="button"
                                            class="btn btn-light-primary font-weight-bolder text-uppercase px-9 py-4"
                                            data-wizard-type="action-prev"> {{ trans('airline.previous') }} </button>
                                    </div>

                                    <div>
                                        <button type="submit"
                                            class="btn btn-success font-weight-bolder text-uppercase px-9 py-4"
                                            data-wizard-type="action-submit">{{ trans('airline.submit') }} </button>
                                        <button type="button"
                                            class="btn btn-primary font-weight-bolder text-uppercase px-9 py-4"
                                            data-wizard-type="action-next"> {{ trans('airline.next') }} </button>
                                    </div>
                                </div>
                                <!--end::Actions-->
                            {!!Form::close() !!}
                            <!--end::Form Wizard-->
                        </div>
                    </div>
                    <!--end::Wizard Body-->



@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