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

@section('meta')
    <meta name="description" content="{{__('user.Create Property')}}">
    <meta name="title" content="{{__('user.Create Property')}}">
@endsection

@section('frontend-content')
    <section class="breadcrumbs__content" style="background-image: url({{ asset($breadcrumb) }});">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="breadcrumb-content">
                        <ul class="breadcrumb__menu list-none">
                            <li><a href="{{ route('home') }}">{{__('user.Home')}}</a></li>
                            <li class="active"><a href="{{ route('user.dashboard') }}">{{__('user.Dashboard')}}</a></li>
                        </ul>
                        <h2 class="breadcrumb__title m-0">{{__('user.Create Property')}}</h2>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End breadcrumbs -->

    <div id="hidden-location-box" class="d-none">
        <div class="delete-dynamic-location">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-12">
                    <!-- Single Form Element -->
                    <div class="mg-top-20">
                        <h4 class="homec-submit-form__heading">{{__('user.Nearest Location')}}</h4>
                        <div class="form-group homec-form-input">
                            <select name="nearest_locations[]" class="homec-form-select homec-border">
                                <option value="">{{__('user.Select')}}</option>
                                @foreach ($nearest_locations as $nearest_location)
                                    <option value="{{ $nearest_location->id }}">{{ $nearest_location->location }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-12">
                    <!-- Single Form Element -->
                    <div class="mg-top-20">
                        <h4 class="homec-submit-form__heading">{{__('user.Distance(km)')}}</h4>
                        <div class="form-group homec-form-input homec-form-add">
                            <input type="text" name="distances[]" autocomplete="off">
                            <button type="button" class="homec-form-add__button homec-form-add__button--delete removeNearestPlaceRow"><img src="{{ asset('frontend/img/delete-icon.svg') }}"></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="hidden-addition-box" class="d-none">
        <div class="delete-dynamic-additio">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-12">
                    <!-- Single Form Element -->
                    <div class="mg-top-20">
                        <h4 class="homec-submit-form__heading">{{__('user.Key')}}</h4>
                        <div class="form-group homec-form-input">
                            <input type="text" name="add_keys[]" autocomplete="off">
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-12">
                    <!-- Single Form Element -->
                    <div class="mg-top-20">
                        <h4 class="homec-submit-form__heading">{{__('user.Value')}}</h4>
                        <div class="form-group homec-form-input homec-form-add">
                            <input type="text" name="add_values[]" autocomplete="off">
                            <button type="button" class="homec-form-add__button homec-form-add__button--delete removeAdditioanRow"><img src="{{ asset('frontend/img/delete-icon.svg') }}"></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="hidden-plan-box" class="d-none">
        <div class="delete-dynamic-plan">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-12">
                    <div class="mg-top-30">
                        <p class="homec-img-video-label mg-btm-10">{{__('user.Image')}}</p>
                        <!-- Image Input -->
                        <div class="homec-image-video-upload homec-border">
                            <input type="file" class="btn-check" name="plan_images[]">
                            <label class="homec-image-video-upload__label plan-video-id" >
                                <img src="{{ asset('frontend/img/upload-file.svg') }}" alt="#">
                                <span class="homec-image-video-upload__title">{{__('user.Please')}} <span class="homec-primary-color">{{__('user.Choose File')}}</span> {{__('user.to upload')}} </span>
                            </label>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-12">
                    <!-- Single Form Element -->
                    <div class="mg-top-30">
                        <h4 class="homec-submit-form__heading">{{__('user.Title')}} </h4>
                        <div class="form-group homec-form-input">
                            <input type="text" name="plan_titles[]">
                        </div>
                    </div>
                    <!-- Single Form Element -->
                    <div class="mg-top-30">
                        <h4 class="homec-submit-form__heading">{{__('user.Description')}}</h4>
                        <div class="form-group homec-form-input homec-form-add">
                            <textarea name="plan_descriptions[]"></textarea>
                            <button type="button" class="homec-form-add__button homec-form-add__button--delete removePlanRow"><img src="{{ asset('frontend/img/delete-icon.svg') }}"></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <section class="pd-top-80 pd-btm-80">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <form action="{{ route('user.property.store') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="homec-submit-form">
                            <h4 class="homec-submit-form__title">{{__('user.Basic Information')}}</h4>
                            <div class="homec-submit-form__inner">
                                <div class="row">
                                    <div class="col-12">
                                        <!-- Single Form Element -->
                                        <div class="mg-top-20">
                                            <h4 class="homec-submit-form__heading">{{__('user.Title')}} *</h4>
                                            <div class="form-group homec-form-input">
                                                <input type="text" name="title" id="title" value="{{ old('title') }}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <!-- Single Form Element -->
                                        <div class="mg-top-20">
                                            <h4 class="homec-submit-form__heading">{{__('user.Slug')}} *</h4>
                                            <div class="form-group homec-form-input">
                                                <input type="text" name="slug" id="slug" value="{{ old('slug') }}">
                                            </div>
                                        </div>
                                    </div>
                                    <input type="hidden" name="purpose" value="{{ $request_purpose }}">
                                    <div class="col-lg-6 col-md-6 col-12">
                                        <!-- Single Form Element -->
                                        <div class="mg-top-20">
                                            <h4 class="homec-submit-form__heading">{{__('admin.Purpose')}} *</h4>
                                            <div class="form-group homec-form-input">
                                                <select class="homec-form-select homec-border" name="purpose" id="purpose">
                                                    <option value="lease">{{__('admin.For Lease')}}</option>
                                                    <option value="purchase">{{__('admin.For Purchase')}}</option>
                                                    <option value="either">{{__('admin.For Either')}}</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-12">
                                        <!-- Single Form Element -->
                                        <div class="mg-top-20">
                                            <h4 class="homec-submit-form__heading">{{__('user.Property Type')}} *</h4>
                                            <div class="form-group homec-form-input">
                                                <select class="homec-form-select homec-border select2" name="property_type[]" multiple="multiple">
                                                    <option value="">{{__('user.Select')}}</option>
                                                    @foreach ($types as $type)
                                                        <option value="{{ $type->id }}">{{ $type->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-12">
                                        <!-- Single Form Element -->
                                        <div class="mg-top-20">
                                            <h4 class="homec-submit-form__heading">{{__('Category')}} *</h4>
                                            <div class="form-group homec-form-input">
                                                <select class="homec-form-select homec-border" name="category_id" id="category_id">
                                                    <option value="">{{__('user.Select')}}</option>
                                                    @foreach ($categories as $category)
                                                        <option value="{{ $category->id }}">{{ $category->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-12">
                                        <!-- Single Form Element -->
                                        <div class="mg-top-20">
                                            <h4 class="homec-submit-form__heading">{{__('Sub Category')}} *</h4>
                                            <div class="form-group homec-form-input" id="category_selector">
                                                <select class="homec-form-select homec-border" name="subcategory_id" id="subcategory_id">
                                                    <option value="">{{__('user.Select')}}</option>
                                                   
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="homec-submit-form mg-top-40">
                                <h4 class="homec-submit-form__title">{{__('user.Property Location')}}</h4>
                                <div class="homec-submit-form__inner">
                                    <div class="row">
                                        <div class="col-lg-6 col-md-6">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('State')}} *</h4>
                                                <div class="form-group homec-form-input">
                                                    <select  name="state_id" class="homec-form-select homec-border select2" id="state_id">
                                                        <option value="">{{__('user.Select')}}</option>
                                                        @foreach ($states as $state)
                                                        <option value="{{ $state->state_id }}">{{ $state->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('County')}} *</h4>
                                                <div class="form-group homec-form-input" id="state_selector">
                                                    <select  name="county_id" class="homec-form-select homec-border select2" id="county_id">
                                                        <option value="">{{__('user.Select')}}</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        

                                        <div class="col-lg-6 col-md-6">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('user.City')}} *</h4>
                                                <div class="form-group homec-form-input" id="county_selector">
                                                    <select  name="city_id" id="city_id" class="homec-form-select homec-border select2">
                                                        <option value="">{{__('user.Select')}}</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('ZIP Code')}} *</h4>
                                                <div class="form-group homec-form-input" id="city_selector">
                                                    <select  name="zip_id" id="zip_id" class="homec-form-select homec-border select2">
                                                        <option value="">{{__('user.Select')}}</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        

                                        <div class="col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('user.Address')}} *</h4>
                                                <div class="form-group homec-form-input">
                                                    <input type="text" name="address" id="address" required>
                                                    <ul id="results-list"></ul> <!-- Results list -->
                                                </div>
                                            </div>
                                        </div>

                                        @if($setting->live_map == 'yes')
                                            <div class="col-12">
                                                <!-- Single Form Element -->
                                                <div class="mg-top-20">
                                                    <h4 class="homec-submit-form__heading">{{__('user.Map')}} *</h4>
                                                    <div id="map">

                                                    </div>
                                                    <input type="hidden" id="lat" name="lat" value="">
                                                    <input type="hidden" id="lng" name="lng" value="">
                                                </div>
                                            </div>
                                        @else
                                            <div class="col-lg-6 col-md-6 col-12">
                                                <!-- Single Form Element -->
                                                <div class="mg-top-20">
                                                    <h4 class="homec-submit-form__heading">{{__('user.Google Map')}} *</h4>
                                                    <div class="form-group homec-form-input">
                                                        <textarea name="google_map">{{ old('google_map') }}</textarea>
                                                    </div>
                                                </div>
                                            </div>
                                        @endif

                                        <div class="{{$setting->live_map == 'yes' ? 'col-12' : 'col-lg-6 col-md-6 col-12'}}">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('user.Address Details')}} *</h4>
                                                <div class="form-group homec-form-input">
                                                    <textarea name="address_description">{{ old('address_description') }}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="homec-submit-form mg-top-40">
                                <h4 class="homec-submit-form__title">{{__('Space')}}</h4>
                                <div class="homec-submit-form__inner">
                                    <div class="row"> 
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Allowed Zoning ')}} *</h4>                                                
                                                    <select class="homec-form-select homec-border select2" name="allowed_zoning[]" id="allowed_zoning" multiple="multiple">
                                                        <option value="Residential">Residential</option>
                                                        <option value="Commercial">Commercial</option>
                                                        <option value="Industrial">Industrial</option>     
                                                        <option value="Agricultural">Agricultural</option> 
                                                        <option value="Office">Office</option> 
                                                        <option value="Institutional">Institutional</option> 
                                                        <option value="Mixed-Use">Mixed-Use</option> 
                                                        <option value="Planned Unit Development">Planned Unit Development</option> 
                                                        <option value="Historic">Historic</option> 
                                                        <option value="Overlay Zones">Overlay Zones</option> 
                                                        <option value="Other">Other</option> 
                                                    </select>
                                                
                                            </div>
                                        </div>

                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Is Divisible')}} *</h4>
                                                <div class="form-group homec-form-input">
                                                    <select class="homec-form-select homec-border" name="divisible">
                                                    
                                                            <option value="1">Yes</option>
                                                            <option value="0">No</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                        <!-- Single Form Element -->
                                        <div class="mg-top-20">
                                            <h4 class="homec-submit-form__heading">{{__('Listing Status')}} *</h4>
                                            <div class="form-group homec-form-input">
                                                <select class="homec-form-select homec-border" name="listing_status" id="listing_status">
                                                    <option value="1">Active</option>
                                                    <option value="2">Pending</option>
                                                    <option value="3">Leased</option>
                                                    <option value="4">Sold</option>
                                                    <option value="5">On Hold</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="homec-submit-form mg-top-40">
                                <h4 class="homec-submit-form__title">{{__('Buildings')}}</h4>
                                <div class="homec-submit-form__inner">
                                    <div class="row">
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Size(sq. ft)')}} </h4>
                                                <div class="form-group homec-form-input">
                                                    <input type="text" name="total_area" value="{{ old('total_area') }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Available Space')}} *</h4>
                                                <div class="form-group homec-form-input">
                                                    <input type="number" name="available_space" value="{{ old('available_space') }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Max Config SF')}} *</h4>
                                                <div class="form-group homec-form-input">
                                                    <input type="number" name="max_config_sf" value="{{ old('max_config_sf') }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Total Building SF')}} *</h4>
                                                <div class="form-group homec-form-input">
                                                    <input type="number" name="building_area" value="{{ old('building_area') }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Year Built')}} *</h4>
                                                <div class="form-group homec-form-input">
                                                    <input type="number" name="year_built" value="{{ old('year_built') }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Year Renovated(YYYY)')}} *</h4>
                                                <div class="form-group homec-form-input">
                                                    <input type="number" name="year_renovated" value="{{ old('year_renovated') }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Building Class')}} *</h4>
                                                <div class="form-group homec-form-input">
                                                    <select class="homec-form-select homec-border" name="building_class" id="building_class" >
                                                        <option value="A">A</option>
                                                        <option value="B">B</option>      
                                                        <option value="C">C</option>   
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Building Height(Feet)')}} </h4>
                                                <div class="form-group homec-form-input">
                                                    <input type="number" name="building_height" value="{{ old('building_height') }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Parking Spaces')}} *</h4>
                                                <div class="form-group homec-form-input">
                                                    <input type="number" name="parking_space" value="{{ old('parking_space') }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Stories')}} *</h4>
                                                <div class="form-group homec-form-input">
                                                    <input type="number" name="stories" value="{{ old('stories') }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Tenant Type')}} *</h4>
                                                <div class="form-group homec-form-input">
                                                    <select class="homec-form-select homec-border" name="tenant_type" id="tenant_type">
                                                        <option value="1">Single Tenant</option>
                                                        <option value="2">Multi Tenant</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Co-Tenants')}} </h4>
                                                <div class="form-group homec-form-input">
                                                    <input type="text" name="co_tenants" value="{{ old('co_tenants') }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <div class="mg-top-20">
                                            <h4 class="homec-submit-form__heading">{{__('Facilities ')}} *</h4>
                                                <div class="form-group homec-form-input">
                                                    <select class="homec-form-select homec-border select2" id="facilities" name="facilities[]" multiple="multiple">
                                                        @foreach ($aminities as $aminity)
                                                            <option value="{{ $aminity->id }}">{{ $aminity->aminity }}</option>
                                                        @endforeach  
                                                    </select>
                                                </div>                                            
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Public Notes')}} </h4>
                                                <div class="form-group homec-form-input">
                                                    <textarea name="public_notes" id="public_notes" class="form-control summernote" cols="30" rows="4">{{ old('public_notes') }}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Nearby Intersections')}} </h4>
                                                <div class="form-group homec-form-input">
                                                <textarea name="near_by_intersections" id="near_by_intersections" class="form-control summernote" cols="30" rows="4">{{ old('near_by_intersections') }}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="homec-submit-form mg-top-40" id="sales_section">
                                <h4 class="homec-submit-form__title">{{__('Sales')}}</h4>
                                <div class="homec-submit-form__inner">
                                    <div class="row">
                                        <div class="col-lg-6 col-md-6 col-12">
                                        <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('user.Price')}} *</h4>
                                                <div class="form-group homec-form-input">
                                                    <input type="text" name="price" value="{{ old('price') }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('CAP Rate')}} *</h4>
                                                <div class="form-group homec-form-input">
                                                    <input type="number" name="cap_rate" value="{{ old('cap_rate') }}">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="homec-submit-form mg-top-40" id="lease_section">
                                <h4 class="homec-submit-form__title">{{__('Lease Information')}}</h4>
                                <div class="homec-submit-form__inner">
                                    <div class="row">
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Rate type')}} *</h4>
                                                <div class="form-group homec-form-input">
                                                    <select class="homec-form-select homec-border" name="rate_type" id="rate_type">
                                                        <option value="1">Per Year</option>
                                                        <option value="2">Per Month</option>                                                        
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Listing type')}} *</h4>
                                                <div class="form-group homec-form-input">
                                                    <select class="homec-form-select homec-border" name="rate_type" id="rate_type">
                                                        <option value="Direct">Direct</option>
                                                        <option value="Sublet">Sublet</option>                                                        
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                        <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Rentable Sqft(%)')}} *</h4>
                                                <div class="form-group homec-form-input">
                                                    <input type="number" name="rentable_area" value="{{ old('rentable_area') }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                        <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Total CAM(Per Sq. ft./Yard) ')}} *</h4>
                                                <div class="form-group homec-form-input">
                                                    <input type="number" name="total_CAM" value="{{ old('total_CAM') }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12" id="asking_rent_div">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Asking Rent')}} *</h4>
                                                <div class="form-group homec-form-input">
                                                    <input type="number"  name="asking_rent" value="{{ old('asking_rent') }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6" id="budget_div">
                                            <div class="form-group">
                                                <label for="" class="homec-submit-form__heading">{{__('Budget/Asking Rent Range')}}</label>
                                                <div class="slider-container">
                                                    <div id="budgetRange" class="slider"></div>
                                                    <input type="text" id="budget" name="budget" class="form-control readonly-input" readonly>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Estimated CAM ')}} *</h4>
                                                <div class="form-group homec-form-input">
                                                    <input type="number" name="CAM" value="{{ old('CAM') }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12" id="service_type_div">
                                        <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Service type')}} *</h4>
                                                <div class="form-group homec-form-input">
                                                    <select class="homec-form-select homec-border" name="service_type" id="service_type">
                                                        <option value="">{{__('user.Select')}}</option>
                                                        <option value="1">NNN</option>
                                                        <option value="2">Gross</option>
                                                        <option value="3">Modified Gross</option>
                                                        <option value="4">NN</option>
                                                        <option value="5">N</option>
                                                        <option value="6">Percentage Lease</option>
                                                        <option value="7">Ground Lease</option>
                                                        <option value="8">Bond Lease</option>
                                                        <option value="9">Indexed Lease</option>
                                                        <option value="10">Full-Service Lease</option> 
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('TI (If Applicable)')}} *</h4>
                                                <div class="form-group homec-form-input">
                                                    <input type="number" name="ti" value="{{ old('ti') }}">
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Vacancy Rate(%)')}} *</h4>
                                                <div class="form-group homec-form-input">
                                                    <input type="number" name="vacancy_rate" value="{{ old('vacancy_rate') }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Min Terms')}} *</h4>
                                                <div class="form-group homec-form-input">
                                                    <select class="homec-form-select homec-border select2" name="min_terms[]" id="min_terms" multiple="multiple">
                                                        <option value="3">3 Years</option>
                                                        <option value="5">5 Years</option>      
                                                        <option value="7">7 Years</option>  
                                                        <option value="10">10 Years</option> 
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Leasing Highlights')}} </h4>
                                                <div class="form-group homec-form-input">
                                                    <textarea name="highlights" id="highlights" class="form-control summernote" cols="30" rows="4">{{ old('highlights') }}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="homec-submit-form mg-top-40">
                                <h4 class="homec-submit-form__title">{{__('Demographics')}}</h4>
                                <div class="homec-submit-form__inner">
                                    <div class="row">
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Population')}} </h4>
                                                <div class="form-group homec-form-input">
                                                    <input type="number" name="population" value="{{ old('population') }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Households')}} </h4>
                                                <div class="form-group homec-form-input">
                                                    <input type="number" name="households" value="{{ old('households') }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Median Age')}} </h4>
                                                <div class="form-group homec-form-input">
                                                    <input type="number" name="median_age" value="{{ old('median_age') }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Median Income')}} </h4>
                                                <div class="form-group homec-form-input">
                                                    <input type="number" name="median_income" value="{{ old('median_income') }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('Vehicles Per Day')}} </h4>
                                                <div class="form-group homec-form-input">
                                                    <input type="number" name="vehicles_per_day" value="{{ old('vehicles_per_day') }}">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                           
                            <div class="homec-submit-form mg-top-40">
                                <h4 class="homec-submit-form__title">{{__('user.Property Image')}}</h4>
                                <div class="homec-submit-form__inner">
                                    <div class="row">
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <div class="mg-top-20">
                                                <p class="homec-img-video-label mg-btm-10">{{__('user.Thumbnail Image')}}*</span></p> 
                                                <!-- Image Input -->
                                                <div class="homec-image-video-upload homec-border">
                                                    <input type="file" class="btn-check" id="input-video1" name="thumbnail_image">
                                                    <label class="homec-image-video-upload__label" for="input-video1">
                                                        <img src="{{ asset('frontend/img/upload-file.svg') }}" alt="#">
                                                        <span class="homec-image-video-upload__title">{{__('user.Please')}} <span class="homec-primary-color">{{__('user.Choose File')}}</span> {{__('user.to upload')}} </span>
                                                    </label>
                                                </div>
                                            </div>                                            
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <div class="mg-top-20">
                                                <p class="homec-img-video-label mg-btm-10">{{__('user.Slider Image')}} ({{__('user.Multiple')}}) *</span></p> 
                                                <!-- Image Input -->
                                                <div class="homec-image-video-upload homec-border">
                                                    <input type="file" class="btn-check" name="slider_images[]" multiple id="input-video12">
                                                    <label class="homec-image-video-upload__label" for="input-video12">
                                                        <img src="{{ asset('frontend/img/upload-file.svg') }}" alt="#">
                                                        <span class="homec-image-video-upload__title">{{__('user.Please')}} <span class="homec-primary-color">{{__('user.Choose File')}}</span> {{__('user.to upload')}} </span>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div> 
                            <div class="homec-submit-form mg-top-40">
                                <h4 class="homec-submit-form__title">{{__('user.Property Video')}}</h4>
                                <div class="homec-submit-form__inner">
                                    <div class="row">
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <div class="mg-top-20">
                                                <p class="homec-img-video-label mg-btm-10">{{__('user.Video Thumbnail Image')}} </p>
                                                <!-- Image Input -->
                                                <div class="homec-image-video-upload homec-border">
                                                    <input type="file" class="btn-check" name="video_thumbnail" id="input-video13">
                                                    <label class="homec-image-video-upload__label" for="input-video13">
                                                        <img src="{{ asset('frontend/img/upload-file.svg') }}" alt="#">
                                                        <span class="homec-image-video-upload__title">{{__('user.Please')}} <span class="homec-primary-color">{{__('user.Choose File')}}</span> {{__('user.to upload')}} </span>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('user.Youtube video id')}} </h4>
                                                <div class="form-group homec-form-input">
                                                    <input type="text" name="video_id">
                                                </div>
                                            </div>
                                            <!-- Single Form Element -->
                                            <div class="mg-top-20">
                                                <h4 class="homec-submit-form__heading">{{__('user.Video description')}}</h4>
                                                <div class="form-group homec-form-input">
                                                    <textarea name="video_description">{{ old('video_description') }}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="homec-submit-form mg-top-40">
                                <h4 class="homec-submit-form__title">{{__('user.Property Plan')}}</h4>
                                <div class="homec-submit-form__inner" id="plan-box">
                                    <div class="row">
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <div class="mg-top-30">
                                                <p class="homec-img-video-label mg-btm-10">{{__('user.Image')}}</p>
                                                <!-- Image Input -->
                                                <div class="homec-image-video-upload homec-border">
                                                    <input type="file" class="btn-check" name="plan_images[]" >
                                                    <label class="homec-image-video-upload__label plan-video-id">
                                                        <img src="{{ asset('frontend/img/upload-file.svg') }}" alt="#">
                                                        <span class="homec-image-video-upload__title">{{__('user.Please')}} <span class="homec-primary-color">{{__('user.Choose File')}}</span> {{__('user.to upload')}} </span>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <!-- Single Form Element -->
                                            <div class="mg-top-30">
                                                <h4 class="homec-submit-form__heading">{{__('user.Title')}} </h4>
                                                <div class="form-group homec-form-input">
                                                    <input type="text" name="plan_titles[]">
                                                </div>
                                            </div>
                                            <!-- Single Form Element -->
                                            <div class="mg-top-30">
                                                <h4 class="homec-submit-form__heading">{{__('user.Description')}}</h4>
                                                <div class="form-group homec-form-input homec-form-add">
                                                    <textarea name="plan_descriptions[]"></textarea>
                                                    <button id="addNewPlan" type="button" class="homec-form-add__button"><img src="{{ asset('frontend/img/plus-icon.svg') }}"></button>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="homec-submit-form mg-top-40">
                            <h4 class="homec-submit-form__title">{{__('user.Nearest Location')}}</h4>
                            <div class="homec-submit-form__inner" id="nearest-place-box">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-12">
                                        <!-- Single Form Element -->
                                        <div class="mg-top-20">
                                            <h4 class="homec-submit-form__heading">{{__('user.Nearest Location')}}</h4>
                                            <div class="form-group homec-form-input">
                                                <select name="nearest_locations[]" class="homec-form-select homec-border">
                                                    <option value="">{{__('user.Select')}}</option>
                                                    @foreach ($nearest_locations as $nearest_location)
                                                        <option value="{{ $nearest_location->id }}">{{ $nearest_location->location }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-12">
                                        <!-- Single Form Element -->
                                        <div class="mg-top-20">
                                            <h4 class="homec-submit-form__heading">{{__('user.Distance(km)')}}</h4>
                                            <div class="form-group homec-form-input homec-form-add">
                                                <input type="text" name="distances[]" autocomplete="off">
                                                <button id="addNearestPlaceRow" type="button" class="homec-form-add__button"><img src="{{ asset('frontend/img/plus-icon.svg') }}"></button>

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

                        <div class="homec-submit-form mg-top-40">
                            <h4 class="homec-submit-form__title">{{__('user.Additional Information')}}</h4>
                            <div class="homec-submit-form__inner" id="additional-box">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-12">
                                        <!-- Single Form Element -->
                                        <div class="mg-top-20">
                                            <h4 class="homec-submit-form__heading">{{__('user.Key')}}</h4>
                                            <div class="form-group homec-form-input">
                                                <input type="text" name="add_keys[]" autocomplete="off">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-12">
                                        <!-- Single Form Element -->
                                        <div class="mg-top-20">
                                            <h4 class="homec-submit-form__heading">{{__('user.Value')}}</h4>
                                            <div class="form-group homec-form-input homec-form-add">
                                                <input type="text" name="add_values[]" autocomplete="off">
                                                <button id="addAdditionalRow" type="button" class="homec-form-add__button"><img src="{{ asset('frontend/img/plus-icon.svg') }}"></button>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="homec-submit-form mg-top-40">
                            <h4 class="homec-submit-form__title">{{__('user.SEO Information')}}</h4>
                            <div class="homec-submit-form__inner">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-12">
                                        <!-- Single Form Element -->
                                        <div class="mg-top-20">
                                            <h4 class="homec-submit-form__heading">{{__('user.SEO Title')}}</h4>
                                            <div class="form-group homec-form-input">
                                                <input type="text" name="seo_title" value="{{ old('seo_title') }}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-12">
                                        <!-- Single Form Element -->
                                        <div class="mg-top-20">
                                            <h4 class="homec-submit-form__heading">{{__('user.SEO Meta Description')}}</h4>
                                            <div class="form-group homec-form-input">
                                                <input type="text" name="seo_meta_description" value="{{ old('seo_meta_description') }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div> 
                        <div class="row">
                            <div class="col-12 d-flex justify-content-end mg-top-40">
                                <button type="submit" class="homec-btn homec-btn__second"><span>{{__('user.Submit Property')}}</span></button>
                            </div>
                        </div>
                    </form>
                 </div>
            </div>
        </div>
    </section>

    

    <script>
        $(document).ready(function() {
            var slider = document.getElementById('budgetRange');
            var priceValue = document.getElementById('budget');

            // Initialize noUiSlider
            noUiSlider.create(slider, {
                start: [100, 10000], // Default min and max values
                connect: true, // To create a connected range slider
                range: {
                    'min': 0,
                    'max': 10000
                },
                step: 10,
                format: {
                    to: function (value) {
                        return '$' + Math.round(value); // Format the value to display as currency
                    },
                    from: function (value) {
                        return value.replace('$', ''); // Remove the $ sign when the value is processed
                    }
                }
            });

            // Update the price value when the slider changes
            slider.noUiSlider.on('update', function(values, handle) {
                priceValue.value = values.join(' - ');
            });

            $('.select2').select2({
                placeholder: "Select options", // Placeholder text
                allowClear: true, // Allow clearing selected options
                width: '100%' // Set the width to 100%
            });
        });

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

            // slug generate and check

            $("#title").on("keyup",function(e){
                let slug = convertToSlug($(this).val());
                $("#slug").val(slug);

                $.ajax({
                    type:"get",
                    url:"{{url('/admin/check-slug/')}}"+"/"+slug,
                    success:function(response){

                    },
                    error:function(err){
                        if(err.status == 403){
                            toastr.error(err.responseJSON.message);
                            $("#slug").val('');
                        }
                    }
                })
            })

            // slug generate and check

            //start dynamic nearest place add and remove

            $("#addNearestPlaceRow").on("click",function(){
                var new_row=$("#hidden-location-box").html();
                $("#nearest-place-box").append(new_row)
            })

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

            $("#purpose").on("change",function(){
                var purpose = $(this).val()
                if(purpose == 'lease'){
                    $("#sales_section").addClass('d-none');
                    $("#lease_section").removeClass('d-none');                
                }else if(purpose == 'purchase'){
                    $("#sales_section").removeClass('d-none');
                    $("#lease_section").addClass('d-none');
                }else{
                    $("#sales_section").removeClass('d-none');
                    $("#lease_section").removeClass('d-none');
                }               
            });

            //end dynamic nearest place add and remove

            //start additonal information add and remove

            $("#addAdditionalRow").on("click",function(){
                var new_row=$("#hidden-addition-box").html();
                $("#additional-box").append(new_row)
            })

            $(document).on('click', '.removeAdditioanRow', function () {
                $(this).closest('.delete-dynamic-additio').remove();
            });

            //end additonal information add and remove

            //start dynamic plan add and remove

            $("#addNewPlan").on("click",function(){
                var new_row=$("#hidden-plan-box").html();
                $("#plan-box").append(new_row)
            })

            $(document).on('click', '.removePlanRow', function () {
                $(this).closest('.delete-dynamic-plan').remove();
            });

            //end dynamic plan  add and remove

            // load plan image

            $(document).on('click', '.plan-video-id', function () {
                $(this).siblings('input[type="file"]').click();
            });

            // load plan image

        });

        })(jQuery);

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

        $("#state_id").change(function (){
            let id = this.value;
            let route = "{{ url('/user/property/county/list/') }}/" + id;
            ajax_switch_state(route);
        });

        $("#county_id").change(function (){
            let id = this.value;
            let route = "{{ url('/user/property/city/list/') }}/" + id;
            ajax_switch_county(route);
        });
        
        $("#city_id").change(function (){
            let id = this.value;
            let route = "{{ url('/user/property/zip/list/') }}/" + id;
            ajax_switch_city(route);
        });
       

        function ajax_switch_state(route) {
            //alert(route)
            $.get({
                url: route,
                dataType: 'json',
                data: {},
                beforeSend: function () {
                },
                success: function (response) {
                    console.log(response.template);
                    $.each(response, function(index, county) {
                        $('#state_selector').html(response.template);
                    });
                },
                complete: function () {
                },
            });
        }
        
        function ajax_switch_county(route) {
            //alert(route);
            $.get({
                url: route,
                dataType: 'json',
                data: {},
                beforeSend: function () {
                },
                success: function (response) {
                    $.each(response, function(index, city) {
                        $('#county_selector').html(response.template);
                    });
                },
                complete: function () {
                },
            });
        }

        function ajax_switch_city(route) {
            $.get({
                url: route,
                dataType: 'json',
                data: {},
                beforeSend: function () {
                },
                success: function (response) {
                    $.each(response, function(index, zip) {
                        $('#city_selector').html(response.template);
                    });
                },
                complete: function () {
                },
            });
        }

        
        $("#category_id").change(function (){
            let id = this.value;
            let route = "{{ url('property/subcategory/list/') }}/" + id;
            //alert(route);
            ajax_switch_category(route)
        });

        function ajax_switch_category(route) {
            $.get({
                url: route,
                dataType: 'json',
                data: {},
                beforeSend: function () {
                },
                success: function (response) {
                  
                    $('#category_selector').html(response.template);
                },
                complete: function () {
                },
            });
        }

        var lat=28.602264;
        var long=77.197189;

        navigator.geolocation.getCurrentPosition(
            function(position) {
                lat = position.coords.latitude;
                long = position.coords.longitude;               
            },
            function(error) {
                console.error("Error Code = " + error.code + " - " + error.message);
            }
            );
        var map = L.map('map').setView([lat, long], 15);
        L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
            attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
        }).addTo(map);

        var currentMarker;

        map.on('click', function(e) {
            const lat = e.latlng.lat;
            const lng = e.latlng.lng;

            // Update hidden input fields
            document.getElementById('lat').value = lat;
            document.getElementById('lng').value = lng;

            // Update or create the marker
            if (currentMarker) {
                map.removeLayer(currentMarker); // Remove existing marker
            }
            currentMarker = L.marker([lat, lng]).addTo(map); // Add new marker

            // Fetch the address from the clicked coordinates
            fetch(`https://nominatim.openstreetmap.org/reverse?format=json&lat=${lat}&lon=${lng}`)
                .then(response => response.json())
                .then(data => {
                    if (data && data.display_name) {
                        document.getElementById('address').value = data.display_name; // Set the address input
                    } else {
                        document.getElementById('address').value = "Clicked Location"; // Fallback text
                    }
                });
        });


        function debounce(func, delay) {
            let timeout;
            return function(...args) {
                const context = this;
                clearTimeout(timeout);
                timeout = setTimeout(() => func.apply(context, args), delay);
            };
        }

        // Wait for the DOM to fully load
        document.addEventListener('DOMContentLoaded', function() {
            const addressInput = document.getElementById('address');
            const resultsElement = document.getElementById('results-list');

            if (addressInput) {
                addressInput.addEventListener(
                    'keyup',
                    debounce(function () {
                        const keyword = this.value;

                        if (keyword.length > 3) {
                            const xhr = new XMLHttpRequest();
                            const url = 'https://nominatim.openstreetmap.org/search?format=json&q=' + encodeURIComponent(keyword);
                            xhr.open('GET', url, true);
                            xhr.onload = function () {
                                if (xhr.status >= 200 && xhr.status < 400) {
                                    const data = JSON.parse(xhr.responseText);
                                    resultsElement.innerHTML = '';
                                    if (data.length > 0) {
                                        let resultsHTML = '';
                                        data.forEach(function (v) {
                                            resultsHTML += `<li data-lat="${v.lat}" data-lon="${v.lon}">${v.display_name}</li>`;
                                        });
                                        resultsElement.innerHTML = resultsHTML;
                                        resultsElement.style.display = 'block';

                                        resultsElement.addEventListener('click', function (event) {
                                            if (event.target.tagName.toLowerCase() === 'li') {
                                                const thatItem = event.target;
                                                const getLat = thatItem.getAttribute('data-lat');
                                                const getLon = thatItem.getAttribute('data-lon');
                                                const displayName = thatItem.textContent;

                                                // Update input values
                                                addressInput.value = displayName;
                                                document.getElementById('lat').value = getLat;
                                                document.getElementById('lng').value = getLon;

                                                // Set the map view to the selected coordinates
                                                map.setView([getLat, getLon], 13);

                                                // Update or create the marker
                                                if (currentMarker) {
                                                    map.removeLayer(currentMarker); // Remove existing marker
                                                }
                                                currentMarker = L.marker([getLat, getLon]).addTo(map); // Add new marker

                                                resultsElement.style.display = 'none'; // Hide results
                                            }
                                        });
                                    } else {
                                        resultsElement.style.display = 'none'; // No results found
                                    }
                                }
                            };
                            xhr.send();
                        } else {
                            resultsElement.style.display = 'none'; // Hide results if input is too short
                        }
                    }, 500) // 500ms debounce
                );

                // Hide results when clicking outside
                document.addEventListener('click', function (event) {
                    if (!addressInput.contains(event.target) && !resultsElement.contains(event.target)) {
                        resultsElement.style.display = 'none';
                    }
                });
            }
        });
        $('#tenant_type').change(function(){
                var tenant_type = $(this).val();
                if(tenant_type == 2){
                    $('#co_tenants').prop('disabled', false);
                }else{
                    $('#co_tenants').prop('disabled', true);
                }
            }); 
        function getZipCodes(cityId) {
            
        if (cityId) {
            let route = "{{ url('/user/property/zip/list/') }}/" + cityId;
            //alert(route);
            $.get({
                url: route,
                dataType: 'json',
                success: function (response) {
                  //  alert(response.template);
                    $('#city_selector').html(response.template);
                },
                error: function (xhr) {
                    console.log(xhr.responseText);
                }
            });
        } else {
            $('#zip_id').html('<option value="">Select</option>');
        }
    }
    $(document).ready(function() {
        $('.summernote').summernote({
            height: 200,
            minHeight: 200,
            maxHeight: 500,
            focus: true,
            placeholder: "Enter description...",
            toolbar: [
                ['style', ['bold', 'italic', 'underline', 'clear']],
                ['font', ['strikethrough', 'superscript', 'subscript']],
                ['fontsize', ['fontsize']],
                ['color', ['color']],
                ['para', ['ul', 'ol', 'paragraph']],
                ['height', ['height']],
                ['insert', ['link', 'picture', 'video']],
                ['view', ['fullscreen', 'codeview', 'help']]
            ],
            callbacks: {
                onImageUpload: function(files) {
                    var editor = $(this);
                    var data = new FormData();
                    data.append("file", files[0]);
                    data.append("_token", "{{ csrf_token() }}");

                    $.ajax({
                        url: "{{ route('admin.summernote.upload') }}",
                        method: "POST",
                        data: data,
                        processData: false,
                        contentType: false,
                        success: function(response) {
                            if (response.location) {
                                editor.summernote('insertImage', response.location);
                            }
                        }
                    });
                }
            }
        });
    });

    </script>

@endsection