@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.store')}}" enctype="multipart/form-data"
                              id="wizard-vertical">

                            @csrf
                            <input type="hidden" name="building_id" value="{{$building->id}}">
                            <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" required
                                               placeholder="مثال :  غرفتين وصالة ومسبح خارجي " value="{{old('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" required class="form-control">
                                            <option value="true">عرض</option>
                                            <option value="false">غير معروض</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" required class="form-control">
                                                <option value="percent">نسبة</option>
                                                <option value="cash">مبلغ</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 required" id="deposit_amount" required
                                                   placeholder="قيمة العربون \ نسبة العربون "
                                                   value="{{old('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 required" id="distance" required
                                               placeholder="مثال 150 مترا بالارقام متر مربع "
                                               value="{{old('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 required" id="people_count" required
                                               placeholder="كم شخص تتسع له الوحدة "
                                               value="{{old('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" required class="form-control">
                                            <option value="both">عوائل وعزاب (موصي بة ويزيد من فرص الحجز)</option>
                                            <option value="families">عوائل فقط</option>
                                            <option 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" required class="form-control">
                                            <option value="true">يوجد مبيت   ( موصي بة )</option>
                                            <option 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" required class="form-control">
                                            <option value="false">لا يوجد مجلس</option>
                                            <option value="true">يوجد مجلس</option>

                                        </select>


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


                                <div class="sittings_show">
                                    <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="{{old('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="{{old('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="{{old('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="{{old('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 value="false">لا يوجد</option>
                                                @foreach($bool_types as $bool)

                                                    <option 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">

                                        <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" checked class="sequential"
                                                               value="sequential" name="bool_type">

                                                    </div>
                                                    <div class="col-md-6">
                                                        غير متدرج
                                                        <input type="radio" class="not_sequential"
                                                               value="not_sequential" name="bool_type">

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


                                        </div>


                                        <div class="row sequential_div">
                                            <div class="form-group  col-md-6">
                                                <label class=" control-label" for="title"> متدرج من
                                                </label>
                                                <div class="col-md-6">
                                                    <input name="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" type="text" class="form-control"
                                                           placeholder="متر">

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


                                        <div 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"
                                                           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"
                                                               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"
                                                               placeholder="متر">

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


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


                                            <div class="form-group">
                                                <label class=" control-label" for="title"> المسبح فارغ ولا يوجد بة ماء
                                                </label>
                                                <input name="empty" 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="{{old('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="{{old('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="{{old('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="{{old('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[]"
                                                           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="{{old('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[]"
                                                           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[]"
                                                           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" required 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 required 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>{{old('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