@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="row">

                <div class="col-xl-10 my-2">
                    <!--begin::Row-->
                    <div class="row">
                        <label class="col-3"></label>
                        <div class="col-9">
                            <h6 class="text-dark font-weight-bold mb-10">بيانات شركة الطيران:</h6>
                        </div>
                    </div>
                    <!--end::Row-->
                    <!--begin::Group-->
                    <div class="form-group row">
                        <label class="col-form-label col-3 text-lg-right text-left">الصوره</label>
                        <div class="col-9">
                            <div class="image-input image-input-empty image-input-outline" id="kt_user_edit_avatar"
                                 style="background-image: url(@isset($item) {{getimg($item->image)}} @else{{asset('/admin/assets')}}/media/users/blank.png) @endisset">
                                <div class="image-input-wrapper"></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="Change avatar">
                                    <i class="fa fa-pen icon-sm text-muted"></i>
                                    <input type="file" name="image" accept=".png, .jpg, .jpeg">

                                </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=""
                                      data-original-title="Cancel avatar">
																			<i class="ki ki-bold-close icon-xs text-muted"></i>
																		</span>
                                <span class="btn btn-xs btn-icon btn-circle btn-white btn-hover-text-primary btn-shadow"
                                      data-action="remove" data-toggle="tooltip" title=""
                                      data-original-title="Remove avatar">
																			<i class="ki ki-bold-close icon-xs text-muted"></i>
																		</span>
                            </div>
                        </div>
                    </div>
                    <!--end::Group-->
                    <!--begin::Group-->
                    <div class="form-group row">
                        <label class="col-form-label col-3 text-lg-right text-left">الاسم </label>
                        <div class="col-9">
                            {!! Form::text('name',   null ,['class'=>'form-control form-control-lg form-control-solid   ','placeholder'=>'من فضلك قم بإدخال الاسم الأول  ', ]); !!}
                        </div>
                    </div>
                    <!--end::Group-->


                    <!--end::Group-->
                    <!--begin::Group-->
                    <div class="form-group row">
                        <label class="col-form-label col-3 text-lg-right text-left">البريد الإلكتروني</label>
                        <div class="col-9">
                            <div class="input-group input-group-lg input-group-solid">

                                {!! Form::email('email',null ,['class'=>'form-control form-control-lg form-control-solid   ','placeholder'=>'من فضلك قم بإدخال البريد الإلكترونى  ', ]); !!}
                                <div class="input-group-prepend">
									 <span class="input-group-text">
										 <i class="la la-at"></i>
									 </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--end::Group-->
                    <!--begin::Group-->
                    <div class="form-group row">
                        <label class="col-form-label col-3 text-lg-right text-left"> اسم المستخدم </label>
                        <div class="col-9">
                            <div class="input-group input-group-lg input-group-solid">
                                {!! Form::text('username',null ,['class'=>'form-control form-control-lg form-control-solid   ','placeholder'=>'من فضلك قم بإدخال اسم المستخدم    ', ]); !!}
                                <div class="input-group-append">
                                    <span class="input-group-text">.com</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--end::Group-->

                    <!--begin::Group-->
                    <div class="form-group row">
                        <label class="col-form-label col-3 text-lg-right text-left">الهاتف</label>
                        <div class="col-9">
                            <div class="input-group input-group-lg input-group-solid">
                                {!! Form::text('phone',null ,['class'=>'form-control form-control-lg form-control-solid   ','placeholder'=>'من فضلك قم بإدخال  الهاتف      ', ]); !!}
                                <div class="input-group-append">
                                     <span class="input-group-text">
                                     <i class="la la-phone"></i>
                                     </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--end::Group-->


                    <!--begin::Group-->
                    <div class="form-group row">
                        <label class="col-form-label col-3 text-lg-right text-left">العنوان</label>
                        <div class="col-9">
                            <div class="input-group input-group-lg input-group-solid">
                                {!! Form::text('address',null ,['class'=>'form-control form-control-lg form-control-solid   ','placeholder'=>'من فضلك قم بإدخال   العنوان      ', ]); !!}

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


                    <!--begin::Group-->
                    <div class="form-group row">
                        <label class="col-form-label col-3 text-lg-right text-left"> الفنادق </label>
                        <div class="col-9">
                            <div class="form-group row">
                                {!! Form::select('hotels[]',$hotels, null ,['class'=>'form-control select2 form-control-lg form-control-solid select2','id'=>'select2','multiple'=>"multiple"]); !!}
                            </div>
                        </div>
                    </div>
                    <!--end::Group-->
                    <div id="kt_repeater_1">
                        @foreach($hotels_collection as $hotel)

                            <div class="form-group row" id="kt_repeater_{{$loop->iteration}}">
                                <label class="col-lg-2 col-form-label text-right">
                                    {{$hotel->name() }}
                                        <input  name="hotels_collection[]" type="hidden" value="{{$hotel->id}}" class="form-control" placeholder="Enter full name"/>

                                </label>
                                <div  class="col-lg-10">
                                    <div  class="form-group row align-items-center">

                                        <div class="col-md-3">
                                            <label> سعر الغرفة الفردية   </label>
                                            <input name="single_price[]" value="{{getRoomCompanyValue($hotel->id,isset($item)?$item->id:0,'single')}}" type="number" class="form-control"
                                                   placeholder="من فضلك قم بإادخال سعر الغرفة الفردية لفرد"/>

                                        </div>


                                        <div class="col-md-3">
                                            <label> سعر الغرفة الثنائية   </label>
                                            <input name="double_price[]" value="{{getRoomCompanyValue($hotel->id,isset($item)?$item->id:0,'double')}}" type="number" class="form-control"
                                                   placeholder="من فضلك قم بإادخال سعر الغرفة الثنائية لفرد"/>

                                        </div>

                                        <div class="col-md-3">
                                            <label> سعر الغرفة الثلاثية   </label>
                                            <input name="triple_price[]" value="{{getRoomCompanyValue($hotel->id,isset($item)?$item->id:0,'triple')}}" type="number" class="form-control"
                                                   placeholder="من فضلك قم بإادخال سعر الغرفة الثلاثية لفرد"/>

                                        </div>

                                        <div class="col-md-3">
                                            <label> سعر الغرفة الرباعية   </label>
                                            <input name="quadruple_price[]" value="{{getRoomCompanyValue($hotel->id,isset($item)?$item->id:0,'quadruple')}}" type="number" class="form-control"
                                                   placeholder="من فضلك قم بإادخال سعر الغرفة الرباعية لفرد"/>

                                        </div>


                                    </div>
                                </div>
                            </div>


                        @endforeach

                    </div>
                    <!--begin::Group-->
                    <div class="form-group row">
                        <label class="col-form-label col-3 text-lg-right text-left">بينات عن شركة الطيران</label>
                        <div class="col-9">
                            <div class="form-group row">
                                {!! Form::textarea('info', null ,['class'=>'form-control form-control-lg form-control-solid  ','placeholder'=>'من فضلك قم بإدخال بينات عن شركة الطيران  ']); !!}
                            </div>
                        </div>
                    </div>
                    <!--end::Group-->

                    <!--begin::Group-->
                    <div class="form-group row">
                        <label class="col-form-label col-3 text-lg-right text-left"> كلمة المرور </label>
                        <div class="col-9">
                            <div class="input-group input-group-lg input-group-solid">
                                <input class="form-control" type="password" name="password" value="" id="">
                            </div>
                        </div>
                    </div>
                    <!--end::Group-->
                    <div class="  row">
                        <label class="col-3"></label>
                        <div class="col-9  ">
                            <div class="alert alert-custom alert-light-warning fade show mb-5" role="alert">
                                <div class="alert-icon"><i class="flaticon-warning"></i></div>
                                <div class="alert-text">يجب أن تحتوي كلمة المرور علي :
                                    <ul>
                                        <li>يجب أن تتكون كلمة المرور الخاصة بك من 8 أحرف بحد أدنى</li>
                                        <li>قم بإنشاء عبارة بدلاً من مجرد كلمة واحدة</li>
                                        <li>استخدم الرموز فى كلمة المرور (!, @,$, #,%)</li>
                                        <li>استخدم أحرف كابتال واحرف سمول</li>
                                    </ul>
                                </div>

                            </div>

                        </div>
                    </div>


                </div>

            </div>

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

@push('scripts')

    <!--begin::Page Scripts(used by this page)-->
    <script src="{{asset('/admin/assets')}}/js/pages/crud/forms/widgets/select2.js?v=7.2.8"></script>
    <!--end::Page Scripts-->

    <!--begin::Page Scripts(used by this page)-->
    <script src="{{asset('/admin/assets')}}/js/pages/crud/forms/widgets/form-repeater.js?v=7.2.8"></script>
    <!--end::Page Scripts-->
    <script>
        $('#select2').select2({
            placeholder: "اختر الفنادق",
        });


        // Class definition
        var KTFormRepeater = function () {

            // Private functions
            var demo1 = function () {
                $('#kt_repeater_1').repeater({
                    initEmpty: false,

                    defaultValues: {
                        'text-input': 'foo'
                    },

                    show: function () {
                        $(this).slideDown();
                    },

                    hide: function (deleteElement) {
                        $(this).slideUp(deleteElement);
                    }
                });
            }

            return {
                // public functions
                init: function () {
                    demo1();
                }
            };
        }();

        jQuery(document).ready(function () {
            KTFormRepeater.init();
        });


    </script>
@endpush