@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')
    <div class="d-flex align-items-center" id="kt_subheader_search">

        <form class="ml-5" method="get" action="{{route('admin.hotels.rooms.index')}}">
            <div class="input-group input-group-sm input-group-solid" style="max-width: 175px">
                <input type="text" class="form-control" value="{{request()->keyword}}" name="keyword" placeholder="بحث...">
                <div class="input-group-append">
                    <span class="input-group-text">
                        <i class="flaticon flaticon-search"></i>
                    </span>
                </div>
            </div>

        </form>

    </div>

    <a href="{{route('admin.hotels.rooms.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.rooms.create')}}" class="btn btn-primary font-weight-bolder">

        <i class="ki ki-solid-plus icon-md"></i>
        اضافة غرفة جديدة
    </a>

@endpush

@push('content')
    <div class="row">
        @foreach($items as $item)
            <div class="col-xl-3">
                <!--begin::Card-->
                <div class="card card-custom gutter-b card-stretch">
                    <!--begin::Body-->
                    <div class="card-body">
                        <!--begin::Info-->
                        <div class="d-flex align-items-center">
                            <!--begin::Pic-->
                            <div class="flex-shrink-0 mr-4 symbol symbol-60 symbol-circle">
                                <img src="{{getimg($item->hotel->logo)}}" alt="{{$item->hotel->name()}}">
                            </div>
                            <!--end::Pic-->
                            <!--begin::Info-->
                            <div class="d-flex flex-column mr-auto">
                                <!--begin: Title-->
                                <div class="d-flex flex-column mr-auto">
                                    <a href="#"
                                       class="text-dark text-hover-primary font-size-h4 font-weight-bolder mb-1">{{$item->name()}}</a>
                                    <span class="text-primary font-weight-bold"> غرفة رقم :  {{$item->room_number}}   </span>
                                </div>
                                <!--end::Title-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Toolbar-->
                            <div class="card-toolbar mb-auto">
                                <div class="dropdown dropdown-inline" data-toggle="tooltip" title=""
                                     data-placement="left" data-original-title="العمليات">
                                    <a href="#" class="btn btn-clean btn-hover-light-primary btn-sm btn-icon"
                                       data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        <i class="ki ki-bold-more-hor"></i>
                                    </a>
                                    <div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">
                                        <!--begin::Navigation-->
                                        <ul class="navi navi-hover">

                                            <li class="navi-item">
                                                <a href="{{route('admin.hotels.rooms.edit',$item->id)}}"
                                                   class="navi-link">
																			<span class="navi-icon">
																				<i class="flaticon2-edit"></i>
																			</span>
                                                    <span class="navi-text"> تعديل</span>
                                                </a>
                                            </li>
                                            <li class="navi-item">
                                                <a href="#" onclick="deleteFn({{$item->id}})" class="navi-link">
																			<span class="navi-icon">
																				<i class="flaticon2-trash"></i>
																			</span>
                                                    <span class="navi-text">حذف</span>
                                                </a>
                                                {!!Form::open( ['route' => ['admin.hotels.rooms.destroy',$item->id] ,'class'=>'hidden','id'=>'delete-form'.$item->id, 'method' => 'Delete']) !!}
                                                {!!Form::close() !!}
                                            </li>

                                        </ul>
                                        <!--end::Navigation-->
                                    </div>
                                </div>
                            </div>
                            <!--end::Toolbar-->
                        </div>
                        <!--end::Info-->
                        <!--begin::Description-->
                        <div class="mb-10 mt-5 font-weight-bold"> {{$item->content()}}  </div>
                        <!--end::Description-->
                        <!--begin::Data-->
                        <div class="  mb-5">
                            <div class="  align-items-center mr-7">
                                <span class="font-weight-bold mr-4">حالة الغرفة</span>
                                <span
                                    class="btn  {{roomNameClass($item->status)}} btn-sm font-weight-bold btn-upper btn-text w-50">
                                    {{roomNameMap($item->status)}}
                                </span>
                            </div>

                        </div>
                        <!--end::Data-->

                    </div>
                    <!--end::Body-->
                </div>
                <!--end:: Card-->
            </div>
        @endforeach

    </div>
    {{ $items->links('admin.layout.pagination') }}
@endpush

@push('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