@if (count($errors) > 0)
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<div class="d-flex flex-column-fluid">
    <!--begin::Container-->
    <div class="container">
        <!--begin::Card-->
        <div class="card card-custom">
            <div class="card-body">

                <div class="form-group row">
                    <div class="col-lg-12">
                        <label>حالة الغرفة <span class="text-danger">*</span> </label>
                        {!! Form::select('status',['vacant_and_clean'=>'غرفة جاهزة','occupied'=>'مشغولة','complimentary'=>'الضيافة','stay_over'=>'تمديد الإقامة','on_change'=>'غرف مغادرة متسخة','do_not_disturb'=>'عدم الازعاج','sleep_out'=>'مبيت خارجي','skipper'=>'نزيل هارب','sleeper'=>'نزيل غادر ومازال على النظام','out_of_order'=>'غرف خارج الخدمة','double_lock'=>'الغرفة مغلقة من الداخل','lockout'=>'الغرفة مغلقة من الخارج','DNCO'=>'نزيل انهي حسابه ومازال بالغرفة ','due_out'=>'غرف متوقع ان تكون جاهزة ','do_not_paid'=>'نزيل متوقع خروجه ','checkout'=>'نزيل غادر الفندق','late_check_out'=>'خروج متأخر عن الموعد'], null ,['class'=>'form-control form-control-lg form-control-solid select2','id'=>'status','placeholder'=>'من فضلك قم بإختيار حالة الغرفة ']); !!}
                        <span class="form-text text-danger"> </span>
                    </div>
                </div>

                <div class="form-group row">

                    <div class="col-lg-4">
                        <label>اسم الغرفة باللغة العربية <span class="text-danger">*</span> </label>
                        {!! Form::text('ar_name', null ,['class'=>'form-control form-control-lg form-control-solid','placeholder'=>'من فضلك قم بإدخال اسم الغرفة  باللغة العربية هنا ','autocomplete'=>'off']); !!}
                        <span class="form-text text-danger"> </span>
                    </div>

                    <div class="col-lg-4">
                        <label> اسم الغرفة باللغة الإنكليزية <span class="text-danger">*</span> </label>
                        {!! Form::text('en_name', null ,['class'=>'form-control form-control-lg form-control-solid','placeholder'=>'من فضلك قم بإدخال اسم الغرفة  باللغة الإنكليزية هنا ','autocomplete'=>'off']); !!}
                        <span class="form-text text-danger"> </span>
                    </div>

                    <div class="col-lg-4">
                        <label> رقم الغرفة   <span class="text-danger">*</span> </label>
                        {!! Form::text('room_number', null ,['class'=>'form-control form-control-lg form-control-solid','placeholder'=>'من فضلك قم بإدخال رقم الغرفة هنا ','autocomplete'=>'off']); !!}
                        <span class="form-text text-danger"> </span>
                    </div>

                </div>


                <div class="form-group row">

                    <div class="col-lg-4">
                        <label>الفندق <span class="text-danger">*</span> </label>
                        {!! Form::select('hotel_id',$hotels, null ,['class'=>'form-control form-control-lg form-control-solid select2','id'=>'hotel_id','placeholder'=>'من فضلك قم بإختيار الفندق  ']); !!}
                        <span class="form-text text-danger"> </span>
                    </div>

                    <div class="col-lg-4">
                        <label> نوع الغرفة  <span class="text-danger">*</span> </label>
                        {!! Form::select('room_type_id',$roomTypes, null  ,['class'=>'form-control form-control-lg form-control-solid select2','id'=>'room_type_id','placeholder'=>'من فضلك قم بإختيار نوع الغرفة  ']); !!}
                        <span class="form-text text-danger"> </span>
                    </div>

                    <div class="col-lg-4">
                        <label> باقة الغرفة <span class="text-danger">*</span> </label>
                        {!! Form::select('room_package_id', $roomPackages, null ,['class'=>'form-control form-control-lg form-control-solid select2','id'=>'room_package_id','placeholder'=>'من فضلك قم بإختيار باقة الغرفة   ']); !!}

                        <span class="form-text text-danger"> </span>
                    </div>

                </div>


                <div class="form-group row">

                    <div class="col-lg-6">
                        <label>وصف الغرفة باللغة العربية  <span class="text-danger">*</span> </label>
                        {!! Form::textarea('ar_content', null ,['class'=>'form-control form-control-lg form-control-solid  ','placeholder'=>'من فضلك قم بإدخال وصف الغرفة باللغة العربية    ']); !!}
                        <span class="form-text text-danger"> </span>
                        <span class="form-text text-danger"> </span>
                    </div>

                    <div class="col-lg-6">
                        <label>وصف الغرفة باللغة الإنكليزية    <span class="text-danger">*</span> </label>
                        {!! Form::textarea('en_content', null ,['class'=>'form-control form-control-lg form-control-solid  ','placeholder'=>'من فضلك قم بإدخال   وصف الغرفة باللغة الإنكليزية   ']); !!}
                        <span class="form-text text-danger"> </span>
                    </div>



                </div>

                <button type="submit" class="btn btn-primary font-weight-bolder px-9 py-4"
                        data-wizard-type="action-next">حفظ
                </button>
            </div>
        </div>
        <!--end::Card-->
    </div>
    <!--end::Container-->
</div>

@push('scripts')
    <!--begin::Page Scripts(used by this page)-->
    <script src="{{asset('/admin/assets')}}/js/pages/crud/file-upload/image-input.js"></script>
    <script src="{{asset('/admin/assets')}}/js/pages/crud/forms/widgets/bootstrap-datepicker.js"></script>
    <script src="{{asset('/admin/assets')}}/js/pages/crud/forms/widgets/select2.js"></script>
    <script>
        $('.select2').select2({});
        var avatar1 = new KTImageInput('kt_image_1');

        $('.datepicker').datepicker({
            todayHighlight: true,
            orientation: "bottom left",
            format: "yyyy-mm-dd",
        });

    </script>
    <!--end::Page Scripts-->
@endpush