@extends('managers.layout.master')
@section('title', 'تعديل الوحدة')
@section('stylesheets')
    <style>
        label {
            font-weight: bold
        }

        /*.sittings_show {*/
        /*    display: none;*/
        /*}*/

        /*#bool_show {*/
        /*    display: none;*/
        /*}*/

        /*.non_sequential_div {*/
        /*    display: none;*/
        /*}*/

    </style>
@stop
@section('content')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h4 class="page-title">تعديل الوحدة</h4>
            </div>
        </div>
    </div>












    <div class="row">
        <div class="col-12">
            <div class="card-box">

                <h4 class="header-title mb-4">تعديل البيانات</h4>


                <div class="row mt-4">
                    <div class="col-12">
                        <h4 class="header-title">برجاء إدخال البيانات الأساسية للوحده</h4>
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        <form method="post" action="{{route('managers_unites.update',$row->id)}}"
                              enctype="multipart/form-data"
                              id="wizard-vertical">
                            @method('PATCH')
                            @csrf
                            <h3>تعريف الوحدة</h3>
                            <section>
                                <div class="form-group row">
                                    <label class="col-lg-4 control-label " for="title">وصف الوحدة *</label>
                                    <div class="col-lg-8">
                                        <input class="form-control required" id="title"
                                               placeholder="مثال :  غرفتين وصالة ومسبح خارجي  " value="{{$row->title}}" name="title"
                                               type="text">
                                        @if ($errors->has('title'))
                                            <small class="text-danger">{{ $errors->first('title') }}</small>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-lg-4 control-label " for="title">حالة العرض في المنصة *</label>
                                    <div class="col-lg-8">
                                        <select name="show" class="form-control">
                                            <option value="true" {{$row->show == 'true' ? "selected" : ""}}>عرض</option>
                                            <option value="false" {{$row->show == 'false' ? "selected" : ""}}>غير
                                                معروض
                                            </option>
                                        </select>
                                        @if ($errors->has('show'))
                                            <small class="text-danger">{{ $errors->first('show') }}</small>
                                        @endif
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="form-group row col-md-6">
                                        <label class="col-lg-4 control-label" for="title"> العربون
                                            *</label>
                                        <div class="col-lg-8">
                                            <select name="deposit_type" class="form-control">
                                                <option
                                                    value="percent" {{$row->deposit_type == 'percent' ? "selected" : ""}}>
                                                    نسبة
                                                </option>
                                                <option value="cash" {{$row->deposit_type == 'cash' ? "selected" : ""}}>
                                                    مبلغ
                                                </option>
                                            </select>
                                            @if ($errors->has('deposit_type'))
                                                <small class="text-danger">{{ $errors->first('deposit_type') }}</small>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-group row col-md-6">
                                        <label class="col-lg-4 control-label " for="deposit_amount"> القيمة
                                            *</label>
                                        <div class="col-lg-8">

                                            <input class="form-control " id="deposit_amount"
                                                   placeholder="قيمة العربون \ نسبة العربون "
                                                   value="{{$row->deposit_amount}}" name="deposit_amount"
                                                   type="text">

                                            @if ($errors->has('deposit_amount'))
                                                <small
                                                    class="text-danger">{{ $errors->first('deposit_amount') }}</small>
                                            @endif
                                        </div>
                                    </div>
                                </div>


                                <div class="form-group row">
                                    <label class="col-lg-4 control-label " for="distance"> مساحة الوحدة
                                        *</label>
                                    <div class="col-lg-8">

                                        <input class="form-control " id="distance"
                                               placeholder="مثال 150 مترا بالارقام متر مربع "
                                               value="{{$row->distance}}" name="distance"
                                               type="text">

                                        @if ($errors->has('distance'))
                                            <small class="text-danger">{{ $errors->first('distance') }}</small>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-lg-4 control-label " for="people_count"> كم شخص تتسع له الوحدة
                                        *</label>
                                    <div class="col-lg-8">

                                        <input class="form-control " id="people_count"
                                               placeholder="كم شخص تتسع له الوحدة "
                                               value="{{$row->people_count}}" name="people_count"
                                               type="text">

                                        @if ($errors->has('people_count'))
                                            <small class="text-danger">{{ $errors->first('people_count') }}</small>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-lg-4 control-label " for="suitable_for"> لمن تناسب هذه الوحدة
                                        *</label>
                                    <div class="col-lg-8">

                                        <select name="suitable_for" class="form-control">
                                            <option {{$row->suitable_for == 'both' ? "selected" : ""}} value="both">
                                                عوائل وعزاب (موصي بة ويزيد من فرص الحجز)
                                            </option>
                                            <option
                                                {{$row->suitable_for == 'families' ? "selected" : ""}} value="families">
                                                عوائل فقط
                                            </option>
                                            <option
                                                {{$row->suitable_for == 'singles' ? "selected" : ""}} value="singles">
                                                عزاب فقط
                                            </option>

                                        </select>

                                        @if ($errors->has('suitable_for'))
                                            <small class="text-danger">{{ $errors->first('suitable_for') }}</small>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-lg-4 control-label " for="overnight"> نوع المبيت
                                        *</label>
                                    {{--                                    <small>ملوحظة : في حال كان الحجز لأكثر من ليله يكون المبيت مجاني</small>--}}
                                    <div class="col-lg-8">

                                        <select name="overnight" class="form-control">
                                            <option {{$row->overnight == 'true' ? "selected" : ""}} value="true">يوجد
                                                مبيت   ( موصي بة )
                                            </option>
                                            <option {{$row->overnight == 'false' ? "selected" : ""}} value="false">لا
                                                يوجد مبيت
                                            </option>

                                        </select>

                                        @if ($errors->has('overnight'))
                                            <small class="text-danger">{{ $errors->first('overnight') }}</small>
                                        @endif
                                    </div>
                                </div>


                            </section>


                            <h3>المجلس والجلسات</h3>
                            <section>
                                <div class="form-group row">
                                    <label class="col-lg-4 control-label" for="sittings"> هل يوجد مجلس أو جلسات؟
                                    </label>

                                    <div class="col-lg-8">

                                        <select name="sittings" id="sittings_control" class="form-control">
                                            <option {{$row->sittings == 'false' ? "selected" : ""}} value="false">لا
                                                يوجد مجلس
                                            </option>
                                            <option {{$row->sittings == 'true' ? "selected" : ""}} value="true">يوجد
                                                مجلس
                                            </option>

                                        </select>


                                        @if ($errors->has('sittings'))
                                            <small class="text-danger">{{ $errors->first('sittings') }}</small>
                                        @endif
                                    </div>
                                </div>


                                <div class="sittings_show" @if($row->sittings == 'true')  style="display: block"
                                     @else style="display: none" @endif>
                                    <div class="form-group row">
                                        <label class="col-lg-4 control-label " for="main_sittings"> سعة المجلس الرئيسي
                                        </label>
                                        <div class="col-lg-8">

                                            <input class="form-control required" id="main_sittings"
                                                   placeholder=" (عدد الأشخاص)  كل مربع "
                                                   value="{{$row->sitting ? $row->sitting->main_sittings : ""}}"
                                                   name="main_sittings"
                                                   type="text">

                                            @if ($errors->has('main_sittings'))
                                                <small class="text-danger">{{ $errors->first('main_sittings') }}</small>
                                            @endif
                                        </div>
                                    </div>


                                    <div class="form-group row">
                                        <label class="col-lg-4 control-label " for="additional_sittings"> سعه المجلس
                                            الإضافي
                                        </label>
                                        <div class="col-lg-8">

                                            <input class="form-control required" id="additional_sittings"
                                                   placeholder="  (عدد الأشخاص)  كل مربع"
                                                   value="{{$row->sitting ? $row->sitting->additional_sittings : ""}}"
                                                   name="additional_sittings"
                                                   type="text">

                                            @if ($errors->has('additional_sittings'))
                                                <small
                                                    class="text-danger">{{ $errors->first('additional_sittings') }}</small>
                                            @endif
                                        </div>
                                    </div>


                                    <div class="form-group row">
                                        <label class="col-lg-4 control-label " for="out_sittings"> سعه الجلسة الخارجية
                                        </label>
                                        <div class="col-lg-8">

                                            <input class="form-control required" id="out_sittings"
                                                   placeholder=" (عدد الأشخاص)  كل مربع "
                                                   value="{{$row->sitting ? $row->sitting->out_sittings : ""}}"
                                                   name="out_sittings"
                                                   type="text">

                                            @if ($errors->has('out_sittings'))
                                                <small class="text-danger">{{ $errors->first('out_sittings') }}</small>
                                            @endif
                                        </div>
                                    </div>


                                    <div class="form-group row">
                                        <label class="col-lg-4 control-label " for="external_settings"> سعة الملحق
                                            الخارجي
                                        </label>
                                        <div class="col-lg-8">

                                            <input class="form-control required" id="external_settings" required
                                                   placeholder=" (عدد الأشخاص)  كل مربع "
                                                   value="{{$row->sitting ? $row->sitting->external_settings : ""}}"
                                                   name="external_settings"
                                                   type="text">

                                            @if ($errors->has('external_settings'))
                                                <small
                                                    class="text-danger">{{ $errors->first('external_settings') }}</small>
                                            @endif
                                        </div>
                                    </div>

                                </div>


                            </section>


                            <h3>حمام السباحة</h3>
                            <section>


                                <div class="card-box">
                                    <div class="form-group row">
                                        <label class="col-lg-4 control-label " for="sittings"> نوع المسبح
                                        </label>

                                        <div class="col-lg-8">

                                            <select name="bool_type_id" id="bool_type" required class="form-control">
                                                <option disabled selected> إختر نوع المسبح</option>
                                                <option {{$row->bool == 'false' ? "selected" : "" }} value="false">لا
                                                    يوجد
                                                </option>
                                                @foreach($bool_types as $bool)
                                                    <option
                                                        {{($bool_old && $bool->bool_type_id == $bool->id) ? "selected" : ''  }} value="{{$bool->id}}">{{$bool->title['ar']}}</option>
                                                @endforeach
                                            </select>


                                            @if ($errors->has('bool_type_id'))
                                                <small class="text-danger">{{ $errors->first('bool_type_id') }}</small>
                                            @endif
                                        </div>

                                    </div>


                                    <div id="bool_show" @if($row->bool == 'false') style="display: none"
                                         @else style="display: block" @endif>

                                        <div class="form-group row">
                                            <label class="col-lg-4 control-label " for="sittings"> متدرج أم غير متدرج
                                            </label>
                                            <br>
                                            <div class="col-lg-8">
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        متدرج
                                                        <input type="radio" class="sequential"
                                                               {{($bool_old && $bool_old->bool_type == 'sequential') ? "checked" : "" }}   value="sequential"
                                                               name="bool_type">

                                                    </div>
                                                    <div class="col-md-6">
                                                        غير متدرج
                                                        <input type="radio" class="not_sequential"
                                                               {{($bool_old && $bool_old->bool_type == 'not_sequential') ? "checked" : "" }}       value="not_sequential"
                                                               name="bool_type">

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


                                        </div>


                                        <div class="row sequential_div"
                                             @if($bool_old && $bool_old->bool_type == 'sequential' ) style="display:block;"
                                             @else style="display:none;" @endif>
                                            <div class="form-group  col-md-6">
                                                <label class=" control-label" for="title"> متدرج من
                                                </label>
                                                <div class="col-md-6">
                                                    <input name="sequential_from"
                                                           value="{{$bool_old ? $bool_old->sequential_from  :""}}"
                                                           type="text" class="form-control"
                                                           placeholder="متر">
                                                </div>
                                            </div>
                                            <div class="form-group  col-md-6">
                                                <label class=" control-label " for="deposit_amount"> متدرج إلى
                                                </label>
                                                <div class="col-md-6">

                                                    <input name="sequential_to"
                                                           value="{{$bool_old ? $bool_old->sequential_to  :""}}"
                                                           type="text" class="form-control"
                                                           placeholder="متر">

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


                                        <div
                                            @if($bool_old && $bool_old->bool_type == 'not_sequential' )  style="display:block;"
                                            @else style="display:none;" @endif class="row non_sequential_div">
                                            <div class="form-group  col-md-6">
                                                <label class=" control-label" for="title"> غير متدرج بعمق
                                                </label>
                                                <div class="col-md-6">
                                                    <input name="depth" type="text" class="form-control"
                                                           value="{{$bool_old ? $bool_old->depth  :""}}"
                                                           placeholder="متر">
                                                </div>
                                            </div>

                                        </div>


                                        <div class="form-group row">
                                            <label class="col-lg-4 control-label " for="sittings"> أبعاد المسبح
                                            </label>


                                            <div class="row">
                                                <div class="form-group  col-md-6">
                                                    <label class=" control-label" for="title"> الطول
                                                    </label>
                                                    <div class="col-md-6">
                                                        <input name="tall" type="text" class="form-control"
                                                               value="{{$bool_old ? $bool_old->tall  :""}}"
                                                               placeholder="متر">
                                                    </div>
                                                </div>
                                                <div class="form-group  col-md-6">
                                                    <label class=" control-label " for="deposit_amount"> العرض
                                                    </label>
                                                    <div class="col-md-6">

                                                        <input name="width" type="text" class="form-control"
                                                               value="{{$bool_old ? $bool_old->width  :""}}"
                                                               placeholder="متر">

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


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


                                            <div class="form-group">
                                                <label class=" control-label" for="title"> المسبح فارغ ولا يوجد بة ماء
                                                </label>
                                                <input name="empty"
                                                       value="{{($bool_old  && $bool_old->empty == 'true') ?'checked' :""}}"
                                                       type="checkbox">
                                            </div>


                                        </div>

                                    </div>

                                </div>


                            </section>


                            <h3>غرف النوم والأسرة</h3>
                            <section>


                                <div class="form-group row">
                                    <label class="col-lg-4 control-label " for="rooms_count"> عدد الغرف
                                    </label>
                                    <div class="col-lg-8">

                                        <input class="form-control required" id="rooms_count"
                                               placeholder="غرفة "
                                               value="{{$row->room ? $row->room->rooms_count : ''}}" name="rooms_count"
                                               type="text">

                                        @if ($errors->has('rooms_count'))
                                            <small
                                                class="text-danger">{{ $errors->first('rooms_count') }}</small>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-lg-4 control-label " for="single_beds"> عدد الأسرة الفردية (مفرد)
                                    </label>
                                    <div class="col-lg-8">

                                        <input class="form-control required" id="single_beds"
                                               placeholder="غرفة "
                                               value="{{$row->room ? $row->room->single_beds : ''}}" name="single_beds"
                                               type="text">

                                        @if ($errors->has('single_beds'))
                                            <small
                                                class="text-danger">{{ $errors->first('single_beds') }}</small>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-lg-4 control-label " for="big_beds"> عدد الأسرة الكبيرة (ماستر)
                                    </label>
                                    <div class="col-lg-8">

                                        <input class="form-control required" id="big_beds"
                                               placeholder="غرفة "
                                               value="{{$row->room ? $row->room->big_beds : ''}}" name="big_beds"
                                               type="text">

                                        @if ($errors->has('big_beds'))
                                            <small
                                                class="text-danger">{{ $errors->first('big_beds') }}</small>
                                        @endif
                                    </div>
                                </div>
                            </section>


                            <h3>المطبخ</h3>
                            <section>


                                <div class="form-group row">
                                    <label class="col-lg-4 control-label " for="food_table_count"> طاولة طعام تسع ل
                                    </label>
                                    <div class="col-lg-8">

                                        <input class="form-control required" id="food_table_count"
                                               placeholder="غرفة "
                                               value="{{$row->kitchen ? $row->kitchen->food_table_count : ""}}"
                                               name="food_table_count"
                                               type="text">

                                        @if ($errors->has('food_table_count'))
                                            <small
                                                class="text-danger">{{ $errors->first('food_table_count') }}</small>
                                        @endif
                                    </div>
                                </div>


                                <div class="form-group row">
                                    <label class="col-lg-4 control-label " for="single_beds"> مرافق المطبخ
                                    </label>
                                    <div class="col-lg-8">
                                        <div class="row">
                                            @foreach($kitchens_attributes as $kitchen)



                                                <div class="col-4">
                                                    <input type="checkbox"
                                                           name="kitchen_ids[]"
                                                           {{in_array($kitchen->id,$old_kitchens) ? "checked" : ''}}    value="{{$kitchen->id}}">{{$kitchen->title['ar']}}
                                                </div>
                                            @endforeach
                                        </div>

                                    </div>
                                </div>

                            </section>


                            <h3>دورات المياة</h3>
                            <section>


                                <div class="form-group row">
                                    <label class="col-lg-4 control-label " for="bath_count"> عدد دورات المياة
                                    </label>
                                    <div class="col-lg-8">

                                        <input class="form-control required" id="bath_count"
                                               placeholder="حمام "
                                               value="{{$row->bath ? $row->bath->bath_count : ""}}" name="bath_count"
                                               type="text">

                                        @if ($errors->has('bath_count'))
                                            <small
                                                class="text-danger">{{ $errors->first('bath_count') }}</small>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-lg-4 control-label " for="single_beds"> مرافق دورات المياة
                                    </label>
                                    <div class="col-lg-8">
                                        <div class="row">
                                            @foreach($bath_attributes as $bath)
                                                <div class="col-4">
                                                    <input type="checkbox"
                                                           name="bath_ids[]"
                                                           {{in_array($bath->id,$old_baths) ? "checked" : ''}}    value="{{$bath->id}}"> {{$bath->title['ar']}}

                                                </div>


                                            @endforeach
                                        </div>

                                    </div>
                                </div>

                            </section>


                            <h3>المرافق</h3>
                            <section>

                                <div class="form-group row">
                                    <label class="col-lg-4 control-label " for="single_beds"> مرافق
                                    </label>
                                    <div class="col-lg-8">


                                        <div class="row">

                                            @foreach($attachments  as $attachment)


                                                <div class="col-md-4">
                                                    <input type="checkbox"
                                                           name="attachments[]"
                                                           {{$row->attachments->contains($attachment->id) ? "checked" : ""}}             value="{{$attachment->id}}"> {{$attachment->title['ar']}}
                                                </div>

                                            @endforeach

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

                            </section>


                            <h3>الصور</h3>
                            <section>

                                <div class="form-group row">

                                    <div class="card-box col-md-12">

                                        <h4 class="header-title mb-6">صورة العرض</h4>

                                        <input type="file" name="main_image"
                                               data-default-file="{{asset('images/unites/main_images/'.$row->main_image)}}"
                                               class="dropify"
                                               data-height="300"/>
                                    </div>
                                    &nbsp;


                                    <div class="card-box col-md-12">

                                        <h4 class="header-title mb-6">صور متعددة للوحدة </h4>

                                        <input type="file" name="images[]" multiple class="dropify"
                                               data-height="300"/>
                                    </div>
                                </div>
                            </section>


                            <h3>العلومات</h3>
                            <section>
                                <div class="form-group row">
                                    <label class="col-lg-4 control-label " for="title">
                                        أكتب معلومات عن الوحدة*</label>
                                    <div class="col-lg-8">
                                        <textarea name="description" class="form-control"
                                                  required>{{$row->description}}</textarea>
                                        @if ($errors->has('description'))
                                            <small class="text-danger">{{ $errors->first('description') }}</small>
                                        @endif
                                    </div>
                                </div>

                            </section>


                        </form>
                        <!-- End #wizard-vertical -->

                    </div>

                </div>


            </div>
        </div><!-- end col -->
    </div>



@stop
@section('scripts')

    <script>
        $("#sittings_control").on('change', function () {
            if ($("#sittings_control").val() == 'false') {
                $(".sittings_show").hide();
            } else {
                $(".sittings_show").show();
            }
        });
        $("#bool_type").on('change', function () {
            console.log($("#bool_type").val());
            if ($("#bool_type").val() == 'false') {
                $("#bool_show").hide();
            } else {
                $("#bool_show").show();
            }
        });
        $(".sequential").on('click', function () {
            $(".sequential_div").show();
            $(".non_sequential_div").hide();
        });
        $(".not_sequential").on('click', function () {
            $(".sequential_div").hide();
            $(".non_sequential_div").show();
        });
        $("a[href$='#finish']").on('click', function () {
            console.log('click on ');
            $("#wizard-vertical").submit();
        });

    </script>
@stop