@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-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('phone', 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>البريد الإلكترونى للفندق : </label>
                        {!! Form::email('email', 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> الموقع الإلكترونى للفندق : </label>
                        {!! Form::url('website', 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> رقم الفاكس للفندق : </label>
                        {!! Form::url('fax', 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>الدولة : </label>
                        {!! Form::select('country_id',$countries, isset($item)?$item->city->country->id:null ,['class'=>'form-control form-control-lg form-control-solid select2','id'=>'country_id','placeholder'=>'من فضلك قم بإختيار الدولة ']); !!}
                        <span class="form-text text-danger"> </span>
                    </div>

                    <div class="col-lg-4">
                        <label>المحافظة / المنطقة  : </label>
                        {!! Form::select('state_id',isset($item)?$states: [],  isset($item)?$item->city->state->id:null  ,['class'=>'form-control form-control-lg form-control-solid select2','id'=>'state_id','placeholder'=>'من فضلك قم بإختيار المحافظة  ']); !!}
                        <span class="form-text text-danger"> </span>
                    </div>

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

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

                </div>

                <div class="form-group row">

                    <div class="col-lg-4">
                        <div class="image-input image-input-outline" id="kt_image_1">
                            <label>  شعار الفندق  <span class="text-danger">*</span>  </label>
                            <div class="image-input-wrapper"
                                 style="background-image: url({{isset($item)?getimg($item->logo):''}})"></div>

                            <label class="btn btn-xs btn-icon btn-circle btn-white btn-hover-text-primary btn-shadow"
                                   data-action="change" data-toggle="tooltip" title="شعار الفندق "
                                   data-original-title="شعار الفندق  ">
                                <i class="fa fa-pen icon-sm text-muted"></i>
                                <input type="file" name="logo" accept=".png, .jpg, .jpeg"/>
                                <input type="hidden" name="logo"/>
                            </label>

                            <span class="btn btn-xs btn-icon btn-circle btn-white btn-hover-text-primary btn-shadow"
                                  data-action="cancel" data-toggle="tooltip" title="حذف">
                                      <i class="ki ki-bold-close icon-xs text-muted"></i>
                                </span>
                        </div>


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

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

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

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

                </div>
                <div class="form-group row">

                    <div class="col-lg-6">
                        <label>وصف الفندق باللغة العربية  : </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>وصف الفندق باللغة الإنكليزية    : </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",
        });
        $( "#country_id" ).change(function() {
            var url = "/dashboard/lookup/get-states-by-country/"+$( this ).val();
            $('#state_id').empty();
            $.getJSON(url, function (data) {
                $.each(data, function (index, value) {
                    // APPEND OR INSERT DATA TO SELECT ELEMENT.

                    $('#state_id').append('<option value="' + value.id + '">' + value.name + '</option>');
                });
            });
        });
        $( "#state_id" ).change(function() {
            var url = "/dashboard/lookup/get-cities-by-state/"+$( this ).val();
            $('#city_id').empty();
            $.getJSON(url, function (data) {
                $.each(data, function (index, value) {
                    // APPEND OR INSERT DATA TO SELECT ELEMENT.

                    $('#city_id').append('<option value="' + value.id + '">' + value.name + '</option>');
                });
            });
        });
    </script>
    <!--end::Page Scripts-->
@endpush