@extends('user.layout')
@section('title')
    <title>{{__('user.Edit Property')}}</title>
@endsection
@section('user-dashboard')

<div class="row">
    <form action="{{ route('user.property.update',$property->id) }}" method="POST" enctype="multipart/form-data">
        @csrf
    <div class="col-xl-9 ms-auto">
        <div class="wsus__dashboard_main_content">
          <div class="wsus__add_property">
            <h4 class="heading">{{__('user.Edit Property')}} <a href="{{ route('user.my.properties') }}" class="common_btn"><i class="fal fa-plus-octagon"></i> {{__('user.All Properties')}}</a></h4>
            <div class="wsus__dash_info p_25 pb_0">
              <div class="row">
                <h5 class="sub_heading">{{__('user.Basic Information')}}</h5>
                <div class="col-12 col-md-6">
                  <div class="wsus__property_input">
                    <label for="#">{{__('user.Title')}} <span class="text-danger">*</span></label>
                    <input type="text" name="title" id="title" value="{{ $property->title }}">
                  </div>
                </div>
                <div class="col-12 col-md-6">
                  <div class="wsus__property_input">
                    <label for="#" for="slug">{{__('user.Slug')}}<span class="text-danger">*</span></label>
                    <input type="text" name="slug" id="slug" value="{{ $property->slug }}">
                  </div>
                </div>
                <div class="col-xl-6 col-md-6">
                  <div class="wsus__property_input">
                    <label for="#">{{__('user.Property Types')}} <span class="text-danger">*</span></label>
                    <select class="select_2" name="property_type" id="property_type">
                        <option value="">{{__('user.Select Property Type')}}</option>
                        @foreach ($propertyTypes as $item)
                        <option {{ $property->property_type_id==$item->id ? 'selected' : '' }} value="{{ $item->id }}">{{ $item->type }}</option>
                        @endforeach
                    </select>
                  </div>
                </div>
                <div class="col-xl-6 col-md-6">
                  <div class="wsus__property_input">
                    <label for="#">{{__('user.City')}} <span class="text-danger">*</span></label>
                    <select class="select_2" name="city">
                        <option value="">{{__('user.Select City')}}</option>
                        @foreach ($cities as $item)
                        <option {{ $property->city_id==$item->id ? 'selected' : '' }} value="{{ $item->id }}">{{ $item->name }}</option>
                        @endforeach
                    </select>
                  </div>
                </div>
                <div class="col-xl-6 col-md-6">
                  <div class="wsus__property_input">
                    <label for="#">{{__('user.Address')}} <span class="text-danger">*</span></label>
                    <input type="text" name="address" value="{{ $property->address }}">
                  </div>
                </div>
                <div class="col-xl-6 col-md-6">
                  <div class="wsus__property_input">
                    <label for="#">{{__('user.Phone')}}</label>
                    <input type="text" name="phone" value="{{ $property->phone }}">
                  </div>
                </div>
                <div class="col-xl-6 col-md-6">
                  <div class="wsus__property_input">
                    <label for="#">{{__('user.Email')}} <span class="text-danger">*</span></label>
                    <input type="email" name="email" value="{{ $property->email }}">
                  </div>
                </div>
                <div class="col-xl-6 col-md-6">
                  <div class="wsus__property_input">
                    <label for="#">{{__('user.Website')}}</label>
                    <input type="url" name="website" value="{{ $property->website }}">
                  </div>
                </div>
                <div class="col-xl-6 col-md-6">
                  <div class="wsus__property_input">
                    <label for="#">{{__('user.Purpose')}} <span class="text-danger">*</span></label>
                    <select class="select_2" name="purpose" id="purpose">
                        @foreach ($purposes as $item)
                        <option {{ $property->property_purpose_id==$item->id ? 'selected' : '' }} value="{{ $item->id }}">{{ $item->custom_purpose }}</option>
                        @endforeach
                    </select>
                  </div>
                </div>

                <div class="col-xl-6 col-md-6">
                    <div class="wsus__property_input">
                      <label for="#">{{__('user.Price')}} <span class="text-danger">*</span></label>
                      <input type="text" name="price" value="{{ $property->price }}">
                    </div>
                  </div>

                    @if ($property->property_purpose_id==2)
                        <div class="col-xl-6 col-md-6" id="period_box">
                            <div class="wsus__property_input">
                                <label for="#">{{__('user.Period')}} <span class="text-danger">*</span></label>
                                <select class="select_2" name="period" id="period">
                                    <option {{ $property->period=='Daily' ? 'selected' : '' }} value="Daily">{{__('user.Daily')}}</option>
                                    <option {{ $property->period=='Monthly' ? 'selected' : '' }} value="Monthly">{{__('user.Monthly')}}</option>
                                    <option {{ $property->period=='Yearly' ? 'selected' : '' }} value="Yearly">{{__('user.Yearly')}}</option>
                                </select>
                            </div>
                        </div>
                    @endif

                    @if ($property->property_purpose_id==1)
                        <div class="col-xl-6 col-md-6 d-none" id="period_box">
                            <div class="wsus__property_input">
                                <label for="#">{{__('user.Period')}} <span class="text-danger">*</span></label>
                                <select class="select_2" name="period" id="period">
                                    <option {{ $property->period=='Daily' ? 'selected' : '' }} value="Daily">{{__('user.Daily')}}</option>
                                    <option {{ $property->period=='Monthly' ? 'selected' : '' }} value="Monthly">{{__('user.Monthly')}}</option>
                                    <option {{ $property->period=='Yearly' ? 'selected' : '' }} value="Yearly">{{__('user.Yearly')}}</option>
                                </select>
                            </div>
                        </div>
                    @endif



              </div>
            </div>
            <div class="wsus__dash_info p_25 mt_25 pb_0">
              <div class="row">
                <h5 class="sub_heading">{{__('user.Others Information')}}</h5>
                <div class="col-xl-6 col-md-6">
                  <div class="wsus__property_input">
                    <label for="#">{{__('user.Total Area')}}({{__('user.Sqft')}}) <span class="text-danger">*</span></label>
                    <input type="text" name="area" value="{{  $property->area }}">
                  </div>
                </div>
                <div class="col-xl-6 col-md-6">
                  <div class="wsus__property_input">
                    <label for="#">{{__('user.Total Unit')}} <span class="text-danger">*</span></label>
                    <input type="text" name="unit" value="{{ $property->number_of_unit }}">
                  </div>
                </div>
                <div class="col-xl-6 col-md-6">
                  <div class="wsus__property_input">
                    <label for="#">{{__('user.Total Room')}} <span class="text-danger">*</span></label>
                    <input type="text" name="room" value="{{ $property->number_of_room }}">
                  </div>
                </div>
                <div class="col-xl-6 col-md-6">
                  <div class="wsus__property_input">
                    <label for="#">{{__('user.Total Bedroom')}} <span class="text-danger">*</span></label>
                    <input type="text" name="bedroom" value="{{ $property->number_of_bedroom }}">
                  </div>
                </div>
                <div class="col-xl-6 col-md-6">
                  <div class="wsus__property_input">
                    <label for="#">{{__('user.Total Bathroom')}} <span class="text-danger">*</span></label>
                    <input type="text" name="bathroom" value="{{ $property->number_of_bathroom }}">
                  </div>
                </div>
                <div class="col-xl-6 col-md-6">
                  <div class="wsus__property_input">
                    <label for="#">{{__('user.Total Floor')}} <span class="text-danger">*</span></label>
                    <input type="text" name="floor" value="{{ $property->number_of_floor }}">
                  </div>
                </div>
                <div class="col-xl-6 col-md-6">
                  <div class="wsus__property_input">
                    <label for="#">{{__('user.Total Kitchen')}}<span class="text-danger">*</span></label>
                    <input type="text" name="kitchen" value="{{ $property->number_of_kitchen }}">
                  </div>
                </div>
                <div class="col-xl-6 col-md-6">
                  <div class="wsus__property_input">
                    <label for="#">{{__('user.Total Parking Place')}} <span class="text-danger">*</span></label>
                    <input type="text" name="parking" value="{{ $property->number_of_parking }}">
                  </div>
                </div>
              </div>
            </div>
            <div class="wsus__dash_info edit_images p_25 mt_25 pb_0">
              <div class="row">
                <h5 class="sub_heading">{{__('user.Slider Images')}}</h5>
                @foreach ($property->propertyImages as $item)
                    <div class="col-xl-6 col-md-6 slider-tr-{{ $item->id }}">
                    <div class="wsus__edit_img">
                        <img src="{{ asset($item->image) }}"  alt="property" class="img-fluid w-100">
                        <i class="fal fa-trash-alt"  onclick="deleteSliderImg('{{ $item->id }}')"></i>
                    </div>
                    </div>
                @endforeach

                <div class="col-xl-8 col-md-8 mb_25">
                    <div id="dynamic-img-box">
                        <div class="row">
                            <div class="col-md-9">
                                <div class="wsus__property_input">
                                    <label for="#">{{__('user.Image')}} <span class="text-danger">*</span></label>
                                    <input type="file" name="slider_images[]">
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="medicine_row_input">
                                    <button class="mt_30" type="button" id="addDynamicImgBtn"><i class="fas fa-plus" aria-hidden="true"></i></button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div id="dynamic_img_box" class="d-none">
                    <div class="row delete-dynamic-img-row mt-3">
                        <div class="col-md-9">
                            <div class="wsus__property_input">
                                <label for="#">{{__('user.Image')}} <span class="text-danger">*</span></label>
                                <input type="file" name="slider_images[]">
                            </div>
                        </div>

                        <div class="col-md-3">
                            <div class="medicine_row_input">
                                <button class="mt_30 danger_btn removeDynamicImgId" type="button"><i class="fas fa-trash" aria-hidden="true"></i></button>
                            </div>
                        </div>
                    </div>
                </div>

              </div>
            </div>
            <div class="wsus__dash_info existing_item p_25 mt_25 pb_0">
              <div class="row justify-content-between">
                <h5 class="sub_heading">{{__('user.Image, PDF And Video')}}</h5>
                @if ($property->file)
                    <div class="col-xl-6 col-xxl-5 col-md-6 pdf-file-col-{{ $property->id }}">
                        <div class="wsus__property_input file">
                            <label>{{__('user.Existing PDF')}}</label>
                            <p><a href="{{ route('download-listing-file',$property->file) }}">{{ $property->file }}</a></p>
                            <span class="del" onclick="deletePdfFile('{{ $property->id }}')"><i class="far fa-trash-alt"></i></span>
                        </div>
                    </div>
                @endif
                <div class="col-xl-12 col-md-6">
                  <div class="wsus__property_input">
                    <label for="#">{{__('user.PDF File')}}</label>
                    <input type="file" name="pdf_file">
                  </div>
                </div>
                <div class="col-xl-6 col-md-6">
                  <div class="wsus__property_input">
                    <label>{{__('user.Existing Banner')}}</label>
                    <img src="{{ asset($property->banner_image) }}" alt="property" class="img-fluid w-100">
                    <label for="#">{{__('user.Banner Image')}}</label>
                    <input type="file" name="banner_image">
                  </div>
                </div>
                <div class="col-xl-6 col-md-6">
                  <div class="wsus__property_input">
                    <label>{{__('user.Existing Thumbnail')}}</label>
                    <img src="{{ asset($property->thumbnail_image) }}" alt="property" class="img-fluid w-100">
                    <label for="#">{{__('user.New Thumbnail Image')}}</label>
                    <input type="file" name="thumbnail_image">
                  </div>
                </div>
                <div class="col-xl-6 col-md-6">
                  <div class="wsus__property_input">
                    @if ($property->video_link)
                    <label>{{__('user.Existing Video')}}</label>

                    <iframe width="560" height="315" src="https://www.youtube.com/embed/{{ $property->video_link }}" title="YouTube video player"  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                    @endif
                    <label class="mt-2" for="#">{{__('user.Youtube Video Id')}}</label>
                    <input type="text" name="video_link" value="{{ $property->video_link }}">
                  </div>
                </div>
              </div>
            </div>


            @if ($package->number_of_aminities==-1)
            <div class="wsus__dash_info dash_aminities p_25 mt_25 pb_0">
                <h5 class="sub_heading">{{__('user.Aminities')}}</h5>
                <div class="row">
                    @foreach ($aminities as $aminity)
                        @php
                            $isChecked=false;
                        @endphp
                        @foreach ($property->propertyAminities as $amnty)
                            @if ($aminity->id==$amnty->aminity_id)
                                @php
                                $isChecked=true;
                                @endphp
                            @endif
                        @endforeach

                        <div class="col-xl-4 col-sm-6 col-md-6 col-lg-4">
                            <div class="form-check">
                                <input class="form-check-input" {{ $isChecked ? 'checked' :'' }} type="checkbox" name="aminities[]" id="un-aminityId-{{ $aminity->id }}" value="{{ $aminity->id }}">
                                <label class="form-check-label" for="un-aminityId-{{ $aminity->id }}">
                                    {{ $aminity->aminity }}
                                </label>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>

            @php
                $aminityList=[];
                foreach ($aminities as $index => $aminity) {
                    $aminityList[]=$aminity->id;
                }
            @endphp

          @else
            <div class="wsus__dash_info dash_aminities p_25 mt_25 pb_0">
                <h5 class="sub_heading">{{__('user.Aminities')}}</h5>
                <div class="row">
                    @foreach ($aminities as $aminity)
                        @php
                            $isChecked=false;
                        @endphp
                        @foreach ($property->propertyAminities as $amnty)
                            @if ($aminity->id==$amnty->aminity_id)
                                @php
                                $isChecked=true;
                                @endphp
                            @endif
                        @endforeach
                        <div class="col-xl-4 col-sm-6 col-md-6 col-lg-4">
                            <div class="form-check">
                                <input class="form-check-input is-check" {{ $isChecked ? 'checked' :'' }} type="checkbox" name="aminities[]" id="aminityId-{{ $aminity->id }}" value="{{ $aminity->id }}">
                                <label class="form-check-label" for="aminityId-{{ $aminity->id }}">
                                    {{ $aminity->aminity }}
                                </label>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
            @php
                $aminityList=[];
                foreach ($aminities as $index => $aminity) {
                    $aminityList[]=$aminity->id;
                }
            @endphp
          @endif

          <div class="wsus__dash_info nearest_location p_25 mt_25">
            <h5 class="sub_heading">{{__('user.Nearest Locations')}}</h5>

            <div id="dyamic-nearest-place-box">
                @if ($property->propertyNearestLocations->count()>0)
                    @foreach ($property->propertyNearestLocations as $property_item)
                        <div class="row" id="exist-nearest-location-{{ $property_item->id }}">
                            <div class="col-xl-5 col-md-5">
                                <label for="#">{{__('user.Nearest Locations')}}</label>
                                <select class="custom-select-box" name="nearest_locations[]">
                                    <option value="">{{__('user.Select')}}</option>
                                    @foreach ($nearest_locatoins as $item)
                                    <option {{ $property_item->nearest_location_id==$item->id ? 'selected' : '' }} value="{{ $item->id }}">{{ $item->location }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-xl-5 col-md-5">
                                <label for="#">{{__('user.Distance')}}({{__('user.KM')}})</label>
                                <input type="text" name="distances[]" value="{{ $property_item->distance }}">
                            </div>
                            <div class="col-xl-2 col-md-2">
                                <button type="button" onclick="existNearestLocation('{{ $property_item->id }}')" class="common_btn mt_30">{{__('user.Remove')}}</button>
                            </div>
                        </div>
                    @endforeach
                @endif

                <div class="row">
                    <div class="col-xl-5 col-md-5">
                        <label>{{__('user.Nearest Locations')}}</label>
                        <select class="custom-select-box" name="nearest_locations[]">
                        <option value="">{{__('user.Select')}}</option>
                            @foreach ($nearest_locatoins as $item)
                            <option value="{{ $item->id }}">{{ $item->location }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-xl-5 col-md-5">
                        <label for="#">{{__('user.Distance')}}({{__('user.KM')}})</label>
                        <input type="text" name="distances[]">
                    </div>
                    <div class="col-xl-2 col-md-2">
                        <button class="common_btn mt_30" id="addDybanamicLocationBtn">{{__('user.New')}}</button>
                    </div>
                </div>

            </div>

            <div id="hidden-location-box" class="d-none">
                <div class="delete-dynamic-location">
                    <div class="row mt-3">
                        <div class="col-xl-5 col-md-5">
                            <label>{{__('user.Nearest Locations')}}</label>
                            <select class="custom-select-box" name="nearest_locations[]">
                            <option value="">{{__('user.Select')}}</option>
                                @foreach ($nearest_locatoins as $item)
                                <option value="{{ $item->id }}">{{ $item->location }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-xl-5 col-md-5">
                            <label for="#">{{__('user.Distance')}}({{__('user.KM')}})</label>
                            <input type="text" name="distances[]">
                        </div>
                        <div class="col-xl-2 col-md-2">
                            <button class="common_btn mt_30 removeNearstPlaceBtnId" id="addDybanamicLocationBtn">{{__('user.Remove')}}</button>
                        </div>
                    </div>
                </div>
            </div>


          </div>
          <div class="wsus__dash_info pro_det_map p_25 mt_25 pb_0">
            <h5 class="sub_heading">{{__('user.Property Details And Google Map')}} </h5>
            <div class="wsus__property_input">
                <label for="#">{{__('user.Google Map Code')}}</label>
                <textarea cols="3" rows="3" name="google_map_embed_code" >{{ $property->google_map_embed_code }}</textarea>
            </div>
            <div class="wsus__property_inpuT">
                <label for="#">{{__('user.Description')}} <span class="text-danger">*</span></label>
              <textarea class="form-control summer_note" id="summernote" name="description">{{ $property->description }}</textarea>
            </div>
          </div>
          <div class="wsus__dash_info featured p_25 mt_25">
            <div class="row">
                @if ($package->is_featured)
                @if ($package->number_of_feature_property==-1)
                <div class="col-12">
                    <div class="wsus__property_input">
                        <label for="#">{{__('user.Featured')}} <span class="text-danger">*</span></label>
                        <select class="select_2" name="featured">
                            <option {{ $property->is_featured==1 ? 'selected': '' }} value="1">{{__('user.Yes')}}</option>
                            <option {{ $property->is_featured==0 ? 'selected': '' }} value="0">{{__('user.No')}}</option>
                        </select>
                    </div>
                  </div>
                @elseif($package->number_of_feature_property > $existFeaturedProperty)
                    <div class="col-12">
                        <div class="wsus__property_input">
                            <label for="#">{{__('user.Featured')}} <span class="text-danger">*</span></label>
                            <select class="select_2" name="featured">
                                <option {{ $property->is_featured==1 ? 'selected': '' }} value="1">{{__('user.Yes')}}</option>
                                <option {{ $property->is_featured==0 ? 'selected': '' }} value="0">{{__('user.No')}}</option>
                            </select>
                        </div>
                    </div>
                @endif
            @endif

            @if ($package->is_top)
                @if ($package->number_of_top_property==-1)
                <div class="col-12">
                    <div class="wsus__property_input">
                    <label for="#">{{__('user.Top Property')}} <span class="text-danger">*</span></label>
                    <select class="select_2" name="top_property">
                        <option {{ $property->top_property==1 ? 'selected' : '' }} value="1">{{__('user.Yes')}}</option>
                        <option {{ $property->top_property==0 ? 'selected' : '' }} value="0">{{__('user.No')}}</option>
                    </select>
                    </div>
                </div>
                @elseif($package->number_of_top_property > $existTopProperty)
                <div class="col-12">
                    <div class="wsus__property_input">
                    <label for="#">{{__('user.Top Property')}} <span class="text-danger">*</span></label>
                    <select class="select_2" name="top_property">
                        <option {{ $property->top_property==1 ? 'selected' : '' }} value="1">{{__('user.Yes')}}</option>
                        <option {{ $property->top_property==0 ? 'selected' : '' }} value="0">{{__('user.No')}}</option>
                    </select>
                    </div>
                </div>
                @endif
            @endif

            @if ($package->is_urgent)
                @if ($package->number_of_urgent_property==-1)
                    <div class="col-12">
                        <div class="wsus__property_input">
                            <label for="#">{{__('user.Urgent Property')}} <span class="text-danger">*</span></label>
                            <select class="select_2" name="urgent_property">
                                <option {{ $property->urgent_property==1 ? 'selected' : '' }} value="1">{{__('user.Yes')}}</option>
                                <option {{ $property->urgent_property==0 ? 'selected' : '' }} value="0">{{__('user.No')}}</option>
                            </select>
                        </div>
                    </div>
                @elseif($package->number_of_urgent_property > $existUrgentProperty)
                    <div class="col-12">
                        <div class="wsus__property_input">
                            <label for="#">{{__('user.Urgent Property')}} <span class="text-danger">*</span></label>
                            <select class="select_2" name="urgent_property">
                                <option {{ $property->urgent_property==1 ? 'selected' : '' }} value="1">{{__('user.Yes')}}</option>
                                <option {{ $property->urgent_property==0 ? 'selected' : '' }} value="0">{{__('user.No')}}</option>
                            </select>
                        </div>
                    </div>
                @endif
              @endif

              <div class="col-12">
                <div class="wsus__property_input">
                    <label for="#">{{__('user.SEO Title')}}</label>
                    <input type="text" name="seo_title" value="{{ $property->seo_title }}">
                </div>
              </div>
              <div class="col-xl-12">
                <div class="wsus__property_input">
                    <label for="#">{{__('user.SEO Description')}}</label>
                    <textarea cols="3" rows="3" name="seo_description">{{ $property->seo_description }}</textarea>
                </div>
              </div>
              <div class="col-12">
                <button type="submit" class="common_btn">{{__('user.Update')}}</button>
              </div>
            </div>

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

</form>
</div>





<script>
    (function($) {
    "use strict";
    $(document).ready(function () {

        var image=0;
        var newImage=1;
        var maxImage='{{ $package->number_of_photo }}';
        var location=0;
        var newLocation=1;
        var maxLocation='{{ $package->number_of_nearest_place }}';



        var ids = [];
        var aminityList=null;
        var maxAminity= ;

        $('input[name="aminities[]"]:checked').each(function() {
            ids.push(this.value);
        });
        var idsLenth=ids.length;


        var checkedIds = ids.map((i) => Number(i));
        var unCheckedIds=aminityList.filter(d => !checkedIds.includes(d))


        if( maxAminity > idsLenth){
            for(var j=0; j< unCheckedIds.length ; j++){
                $("#aminityId-"+unCheckedIds[j]).prop("disabled", false);
            }
        }else{
            for(var j=0; j< unCheckedIds.length ; j++){
                $("#aminityId-"+unCheckedIds[j]).prop("disabled", true);
            }
        }


        $("#addDynamicImgBtn").on('click',function(e) {
            e.preventDefault();
            var newRow='';
            newRow += '<div class="row delete-dynamic-img-row">';
            newRow += '<div class="col-md-9">';
            newRow += '<label for="#">Image</label>';
            newRow += '<input type="file" name="slider_images[]">';
            newRow += ' </div>';
            newRow += '<div class="col-md-3 custom_add_row_btn">';
            newRow += '<input class="danger_btn_2 removeDynamicImgId" type="button" value="{{__('user.Remove')}}"/>';
            newRow += '</div>';
            newRow += '</div>';

            var dynaicImage = $("#dynamic_img_box").html();

            if(maxImage==-1){
                $("#dynamic-img-box").append(dynaicImage);
            }else{
                $.ajax({
                    type: 'GET',
                    url: "{{ url('user/exist-property-slider-img/') }}"+"/"+ '{{ $property->id }}',
                    success: function (response) {
                        var checkImage= response*1 +newImage*1
                        if(checkImage < maxImage){
                            newImage++;
                            $("#dynamic-img-box").append(dynaicImage);
                        }
                    },
                    error: function(err) {
                        console.log(err);
                    }
                });
            }

        })

        $(document).on('click', '.removeDynamicImgId', function () {
            newImage--;
            $(this).closest('.delete-dynamic-img-row').remove();
        });


        $("#addDybanamicLocationBtn").on('click',function(e) {
            e.preventDefault();
            if(maxLocation==-1){
                var newRow=$("#hidden-location-box").html()
                    $("#dyamic-nearest-place-box").append(newRow);
            }else{
                $.ajax({
                    type: 'GET',
                    url: "{{ url('user/find-exist-nearest-location/') }}"+"/"+ '{{ $property->id }}',
                    success: function (response) {
                        var checkImage= response*1 +newLocation*1
                        if(checkImage < maxLocation){
                            newLocation++;
                            var newRow=$("#hidden-location-box").html()
                            $("#dyamic-nearest-place-box").append(newRow);
                        }


                    },
                    error: function(err) {
                        console.log(err);
                    }
                });
            }


        })

        $(document).on('click', '.removeNearstPlaceBtnId', function () {
                $(this).closest('.delete-dynamic-location').remove();
                newLocation--;
        });

        $("#title").on("focusout",function(e){
                $("#slug").val(convertToSlug($(this).val()));
            })

        $("#purpose").on("change",function(){
            var purposeId=$(this).val()
            if(purposeId==2){
                $("#period_box").removeClass('d-none');
            }else if(purposeId==1){
                $("#period_box").addClass('d-none');
            }
        })


        //start handle aminity
        $(".is-check").on("click",function(e){
            var ids = [];
            var aminityList=null;
            var maxAminity= ;

            $('input[name="aminities[]"]:checked').each(function() {
                ids.push(this.value);
            });
            var idsLenth=ids.length;


            var checkedIds = ids.map((i) => Number(i));
            var unCheckedIds=aminityList.filter(d => !checkedIds.includes(d))


            if( maxAminity > idsLenth){
                for(var j=0; j< unCheckedIds.length ; j++){
                    $("#aminityId-"+unCheckedIds[j]).prop("disabled", false);
                }
            }else{
                for(var j=0; j< unCheckedIds.length ; j++){
                    $("#aminityId-"+unCheckedIds[j]).prop("disabled", true);
                }
            }

        })
        //end handle aminity



    });

    })(jQuery);


    function convertToSlug(Text)
    {
        return Text
            .toLowerCase()
            .replace(/[^\w ]+/g,'')
            .replace(/ +/g,'-');
    }


    function deleteSliderImg(id){
        // project demo mode check
        var isDemo="{{ env('PROJECT_MODE') }}"
        var demoNotify="{{ env('NOTIFY_TEXT') }}"
        if(isDemo==0){
            toastr.error(demoNotify);
            return;
        }
        // end

        $.ajax({
            type: 'GET',
            url: "{{ url('user/property-slider-img/') }}"+"/"+ id,
            success: function (response) {
                if(response.success){
                    toastr.success(response.success)
                    $(".slider-tr-"+id).remove()
                }
            },
            error: function(err) {
                console.log(err);
            }
        });
    }


    function deletePdfFile(id){

        $.ajax({
            type: 'GET',
            url: "{{ url('user/property-delete-pdf/') }}"+"/"+ id,
            success: function (response) {
                if(response.success){
                    toastr.success(response.success)
                    $(".pdf-file-col-"+id).remove()
                }
            },
            error: function(err) {
                console.log(err);
            }
        });
    }


    function existNearestLocation(id){
        $.ajax({
            type: 'GET',
            url: "{{ url('user/exist-nearest-location/') }}"+"/"+ id,
            success: function (response) {
                if(response.success){
                    toastr.success(response.success)
                    $("#exist-nearest-location-"+id).remove()
                }
            },
            error: function(err) {
                console.log(err);
            }
        });
    }

</script>
@endsection