Файловый менеджер

Файловый менеджер - Редактировать - /home/clickysoft/public_html/somni.clickysoft.net/resources/views/landlord/add_property.blade.php

Назад
@extends('landlord.layouts.property') @section('title', 'Add Property - SOMNI') @section('content') <form action="{{route('landlord.add.property')}}" method="POST" id="add_landlord_property"> @csrf <section class="add-props-wizard"> <div class="container-fluid"> <div class="save-exit"> <button type="button" class="sve-exit-btn" id="save_and_exit">Save & Exit <img src="{{asset('/images/sve-cross.svg')}}" alt="" class="img-fluid" /></button> </div> <input type="hidden" name="step_count" value="0" /> <input type="hidden" name="property_id" value="{{ $partial_property->id ?? ''}}" /> <input type="hidden" name="unit_count" value="{{$unitCount}}"/> <div class="row justify-content-center"> <div class="col-md-12 col-lg-6"> <div id="smarttab" class="smart-tab-main"> <ul class="nav wizard-nav"> <li> <a class="nav-link" href="#tab-1"> </a> </li> <li> <a class="nav-link" href="#tab-2"> </a> </li> <li> <a class="nav-link" href="#tab-3"> </a> </li> <li> <a class="nav-link" href="#tab-4"> </a> </li> <li> <a class="nav-link" href="#tab-5"> </a> </li> </ul> <div class="tab-content"> <div id="tab-0" class="tab-pane" role="tabpanel"> <div class="ap-head"> <h3>Add A New Property</h3> </div> <div class="profile-fields-main wizard-prof"> <div class="row"> <div class="col-md-12"> <div class="profile-fields"> <label for="">Property Address<span></span></label> <input type="text" id="address_autocomplete" placeholder="570 Martin Luther King Blvd." name="property_address" value="{{($partial_property) ? $partial_property->address : ''}}" required> @if($errors->has('property_type')) <span class="text-danger">{{ $errors->first('property_type') }}</span> <input type="hidden" id="latitude" name="latitude" class="form-control"> <input type="hidden" name="longitude" id="longitude" class="form-control"> @endif </div> </div> <div class="col-md-12"> <div class="profile-fields"> <label for="">Email</label> <input type="email" class="specific-disabled" disabled="disabled" placeholder="{{auth()->user()->email}}"> </div> </div> <div class="col-md-12"> <div class="profile-fields"> <label for="">Owner Name<span></span></label> <input type="text" placeholder="{{auth()->user()->name}}" disabled="disabled" value="{{auth()->user()->name}}" readonly> </div> </div> <div class="col-md-12"> <div class="profile-fields"> <label for="">Property Type</label> <select class="custom-select property_type default_select select-selected" data-class="property_type" name="property_type" style="width: 100%" required> <option class="select-selected" value="">Please Select</option> @foreach(App\Models\Property::TYPE_SELECT as $key => $label) <option class="select-option" value="{{ $key }}" {{ ( isset($partial_property) && ($partial_property->type == $key) ) ? 'selected' : ''}} >{{ $label }}</option> @endforeach </select> @if($errors->has('property_type')) <span class="text-danger">{{ $errors->first('property_type') }}</span> @endif </div> </div> </div> </div> </div> <div id="tab-1" class="tab-pane" role="tabpanel"> <div class="ap-head"> <h3>New Property Details</h3> </div> <div class="profile-fields-main wizard-prof"> <div class="row"> <div class="col-md-12"> <div class="profile-fields"> <label for="">Property Name<span></span></label> <input type="text" placeholder="Enter property name" name="property_name" value="{{($partial_property) ? $partial_property->name : ''}}" required> @if($errors->has('property_name')) <span class="text-danger">{{ $errors->first('property_name') }}</span> @endif </div> </div> <div class="col-md-12"> <div class="profile-fields"> <label for="">Country<span></span></label> {{-- <select class="custom-select property_type select-selected select2_with_search select2 {{ $errors->has('country') ? 'is-invalid' : '' }}" name="country_id" id="country" required> <option value disabled {{ old('country', null) === null ? 'selected' : '' }}>{{ trans('global.pleaseSelect') }}</option> <option value="231">United States</option> --}} {{-- @foreach(App\Models\Country::getAllDecendingOrder() as $country) <option value="{{ $country->id }}" {{ old('country', '') === (string) $country->id ? 'selected' : '' }} {{ ( isset($partial_property) && ($partial_property->country_id == $country->id) ) ? 'selected' : ''}} >{{ $country->name }}</option> @endforeach --}} {{-- </select> --}} <input type="text" placeholder="Country" name="country" id="country" required/> @if($errors->has('country')) <span class="text-danger">{{ $errors->first('country') }}</span> @endif </div> </div> <div class="col-md-12"> <div class="profile-fields"> <label for="">City<span></span></label> {{-- <select class="custom-select property_type select-selected select2_with_search select2 {{ $errors->has('city') ? 'is-invalid' : '' }}" name="city_id" id="city" required> @if ($partial_property) @php $city = App\Models\City::whereId($partial_property->city_id)->first(); @endphp <option value="{{$city->id ?? ''}}" selected >{{$city->name ?? ''}}</option> @endif </select> --}} <input type="text" placeholder="City" name="city" id="city" required/> @if($errors->has('city')) <span class="text-danger">{{ $errors->first('city') }}</span> @endif </div> </div> </div> <div class="row"> <div class="col-md-6"> <div class="profile-fields"> <label for="">State<span></span></label> {{-- <select class="custom-select property_type select-selected select2_with_search select2 {{ $errors->has('state') ? 'is-invalid' : '' }}" name="state_id" id="state" required> @if ($partial_property) @php $state = App\Models\State::whereId($partial_property->state_id)->first(); @endphp <option value="{{$state->id ?? ''}}" selected >{{$state->name ?? ''}}</option> @endif </select> --}} <input type="text" placeholder="State" name="state" id="state" required/> @if($errors->has('state')) <span class="text-danger">{{ $errors->first('state') }}</span> @endif </div> </div> <div class="col-md-6"> <div class="profile-fields"> <label for="">Zip Code<span></span></label> <input type="text" placeholder="Enter zip code" name="zip_code" value="{{($partial_property) ? $partial_property->zip_code : ''}}" required> @if($errors->has('zip_code')) <span class="text-danger">{{ $errors->first('zip_code') }}</span> @endif </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="login-fields"> <label for="datePicks2">Date of Purchase<span></span></label> <div class="input-group date customDate" id="datepicker"> <input type="text" class=" border-0 p-0" id="date" placeholder="Choose Date" name="date_of_purchase" value="{{($partial_property) ? $partial_property->purchase_date : ''}}" required> <span class="input-group-append"> <img src="{{asset('/images/mini-date.svg')}}" alt="" class="img-fluid"> </span> </div> @if($errors->has('date_of_purchase')) <span class="text-danger">{{ $errors->first('date_of_purchase') }}</span> @endif </div> </div> <div class="col-md-12"> <div class="login-fields"> <label for="">Property Valuation</label> <div class="rent-field"> <div class="dollar-sign"> <p>$</p> </div> <input type="number" placeholder="0.00" name="property_value" value="{{($partial_property) ? $partial_property->value : ''}}"> @if($errors->has('property_value')) <span class="text-danger">{{ $errors->first('property_value') }}</span> @endif </div> </div> </div> <div class="col-md-12"> <div class="profile-fields"> <label for="">Purchase Terms<span></span></label> <select class="custom-select lease_term default_select select-selected" data-class="purchase_term" name="purchase_term" style="width: 100%" required> <option class="select-selected" value="">Please Select</option> @foreach(App\Models\Property::PURCHASE_TERM_SELECT as $key => $label) <option class="select-option" value="{{ $key }}" {{ ( isset($partial_property) && ($partial_property->purchase_term == $key) ) ? 'selected' : ''}}>{{ $label }}</option> @endforeach </select> @if($errors->has('purchase_term')) <span class="text-danger">{{ $errors->first('purchase_term') }}</span> @endif </div> </div> </div> </div> </div> <div id="tab-2" class="tab-pane" role="tabpanel"> <div class="ap-head"> <h3>Setup The Units</h3> </div> <div class="profile-fields-main wizard-prof"> <div class="row"> <div class="col-md-12"> <div class="profile-fields"> <label for="">Total Number of Units<span></span></label> @if ($partial_property && $partial_property->propertyUnits->isNotEmpty()) <input type="number" name="number_of_units" min="1" max="5" value="{{($partial_property->propertyUnits->isNotEmpty()) ? count($partial_property->propertyUnits) : ''}}"/> @else <input type="number" name="number_of_units" min="1" max="5" value=""/> @endif {{-- <input type="number" name="number_of_units"min="1" max="5" value="{{($partial_property->propertyUnits->isNotEmpty()) ? count($partial_property->propertyUnits) : ''}}"/> --}} @if($errors->has('number_of_units')) <span class="text-danger">{{ $errors->first('number_of_units') }}</span> @endif {{-- <div class="custom-select" data-multiple="false"> <div class="select-wrapper"> <div class="select-selected" data-value="null">Select Amount </div> <div class="select-arrow"></div> <div class="select-options gen-option "> <div class="select-option" data-value="Short-Term Rental"> Short-Term Rental </div> <div class="select-option" data-value="Month-to-Month Lease"> Month-to-Month Lease </div> <div class="select-option" data-value="6 Month Lease"> 6 Month Lease </div> <div class="select-option" data-value="12 Month Lease"> 12 Month Lease </div> <div class="select-option" data-value="1 Year Lease"> 1 Year Lease </div> <div class="select-option" data-value="Multi-Year Lease"> Multi-Year Lease </div> <div class="select-option" data-value="Lease with Purchase Option"> Lease with Purchase Option </div> <div class="select-option" data-value="Fixed-Term Vacation Rental"> Fixed-Term Vacation Rental </div> </div> </div> </div> --}} </div> </div> <div class="col-md-12"> <div class="profile-fields"> <label for="">Unit Layout<span></span></label> <select class="custom-select layout_type default_select select-selected" data-class="layout_type" name="layout_type" style="width: 100%" required> <option class="select-selected" value="">Please Select</option> @foreach(App\Models\Unit::LAYOUT_TYPE as $key => $label) <option class="select-option" value="{{ $key }}" {{( isset($units) && !empty($units) && $units[0]->layout_type == $key ) ? 'selected' : ''}}>{{ $label }}</option> @endforeach </select> @if($errors->has('layout_type')) <span class="text-danger">{{ $errors->first('layout_type') }}</span> @endif {{-- <div class="custom-select" data-multiple="false"> <div class="select-wrapper"> <div class="select-selected" data-value="null">Select Type </div> <div class="select-arrow"></div> <div class="select-options gen-option "> <div class="select-option" data-value="Studio"> <div class="unit-options"> <input type="radio" name="unitLayout"> Studio </div> </div> <div class="select-option" data-value="Two Bedroom"> <div class="unit-options"> <input type="radio" name="unitLayout"> Two Bedroom </div> </div> <div class="select-option" data-value="Three Bedroom"> <div class="unit-options"> <input type="radio" name="unitLayout"> Three Bedroom </div> </div> <div class="select-option" data-value="Penthouse"> <div class="unit-options"> <input type="radio" name="unitLayout"> Penthouse </div> </div> <div class="view-all-select"> <button type="button" class="v-select-all">View all</button> </div> </div> </div> </div> --}} </div> </div> </div> <div class="format-style-main"> <div class="format-syle-head"> <h5>What is the <span class="nova-bold">format style</span> of your units?* <div class="format-tooltip-container"> <span class="format-tooltip-trigger"><img src="{{asset('/images/style-tip.svg')}}" alt="" class="img-fluid"></span> <div class="format-tooltip-content"> <div class="format-tooltip-head"> <h6>Format Style Examples:</h6> <p>(APT A, APT D, APT G, APT Z, etc.) (APT #1, APT #5, APT #10, etc.) (Apt 1A, APT 2C, APT 5G, APT 9R, etc.) (Apt 1A, APT 2D, APT 5G, APT Z, etc.) (APT 103, APT 306, APT 705, etc.) (APT 100A, APT 205C, APT 508G, etc.)</p> </div> </div> </div> </h5> </div> <div class="format-checks-main" id="format_styles"> <div class="format-check"> <input type="checkbox" class="format_checkbox" name="format_styles" value="A-Z" {{ ( ($partial_property) && ($partial_property->format_style == 'A-Z')) ? 'checked' : '' }} required/> <p>A - Z</p> </div> <div class="format-check"> <input type="checkbox" class="format_checkbox" name="format_styles" value="1-10" {{ ($partial_property) && ($partial_property->format_style == '1-10') ? 'checked' : '' }} /> <p>1 - 10</p> </div> <div class="format-check"> <input type="checkbox" class="format_checkbox" name="format_styles" value="1A-10Z" {{ ($partial_property) && ($partial_property->format_style == '1A-10Z') ? 'checked' : '' }} /> <p>1A - 10Z</p> </div> <div class="format-check"> <input type="checkbox" class="format_checkbox" name="format_styles" value="1A-100B" {{ ($partial_property) && ($partial_property->format_style == '1A-100B') ? 'checked' : '' }} /> <p>1A - 100B</p> </div> <div class="format-check"> <input type="checkbox" class="format_checkbox" name="format_styles" value="100-900" {{ ($partial_property) && ($partial_property->format_style == '100-900') ? 'checked' : '' }} /> <p>100 - 900</p> </div> <div class="format-check"> <input type="checkbox" class="format_checkbox" name="format_styles" value="100A-900B" {{ ($partial_property) && ($partial_property->format_style == '100A-900B') ? 'checked' : '' }} /> <p>100A - 900B</p> </div> </div> @if($errors->has('format_styles')) <span class="text-danger">{{ $errors->first('format_styles') }}</span> @endif </div> </div> </div> <div id="tab-3" class="tab-pane" role="tabpanel"> <div class="ap-head"> <h3>Additional Unit Details</h3> </div> <div class="profile-fields-main wizard-prof"> <div class="row"> <div class="col-md-12"> <div class="profile-fields"> <label for="">Lease Terms<span></span></label> <select class="custom-select lease_term default_select select-selected" data-class="lease_term" name="lease_term" style="width: 100%" required> <option class="select-selected" value="">Please Select</option> @foreach(App\Models\Unit::LEASE_TERM_SELECT as $key => $label) <option class="select-option" value="{{ $key }}" {{( isset($units) && !empty($units) && $units[0]->lease_term == $key ) ? 'selected' : ''}} >{{ $label }}</option> @endforeach </select> @if($errors->has('lease_term')) <span class="text-danger">{{ $errors->first('lease_term') }}</span> @endif </div> </div> <div class="col-md-12"> <div class="login-fields"> <label for="datePicks2">Rent Due Date<span></span></label> <div class="input-group date customDate" id="datepicker2"> <input type="text" class=" border-0 p-0" id="date" placeholder="Choose Date" name="rent_due_date" value="{{ isset($units) && !empty($units) ? $units[0]->rent_due_date : '' }}" required> <span class="input-group-append"> <img src="{{asset('/images/mini-date.svg')}}" alt="" class="img-fluid"> </span> </div> @if($errors->has('rent_due_date')) <span class="text-danger">{{ $errors->first('rent_due_date') }}</span> @endif </div> </div> <div class="col-md-12"> <div class="login-fields"> <label for="">Monthly Rent <span></span></label> <div class="rent-field"> <div class="dollar-sign"> <p>$</p> </div> <input type="number" step=".01" placeholder="20.99" name="monthly_rent" value="{{ isset($units) && !empty($units) ? $units[0]->monthly_rent : '' }}" required> </div> @if($errors->has('monthly_rent')) <span class="text-danger">{{ $errors->first('monthly_rent') }}</span> @endif </div> </div> <div class="col-md-12"> <div class="login-fields"> <label for="">Security Deposit Rent <span></span></label> <div class="rent-field"> <div class="dollar-sign"> <p>$</p> </div> <input type="number" step=".01" placeholder="20.99" name="security_deposit" value="{{ isset($units) && !empty($units) ? $units[0]->security_deposit : '' }}" required> </div> @if($errors->has('security_deposit')) <span class="text-danger">{{ $errors->first('security_deposit') }}</span> @endif </div> </div> <div class="col-md-12"> <div class="login-fields"> <label for="">Unit Size <span></span></label> <input type="text" placeholder="Enter size of unit" name="unit_size" value="{{ isset($units) && !empty($units) ? $units[0]->size : '' }}" required> <div class="sq-ft-text"> <span>sq. ft.</span> </div> @if($errors->has('unit_size')) <span class="text-danger">{{ $errors->first('unit_size') }}</span> @endif </div> </div> <div class="col-md-12"> <div class="login-fields"> <label for="">Amenities</label> <select class="custom-select amenities_select2" data-class="amenities" name="amenities[]" style="width: 100%" multiple="multiple"> <option class="select-selected" value="" disabled>Please Select</option> @php $count = 0; @endphp @foreach(App\Models\Amenity::all() as $amenity) {{-- @dd($partial_property->propertyUnits[0]->amenities->contains($amenity->id)) --}} @if($count > 4) <option class="select-option disappear_option" value="{{ $amenity->id }}" {{ (($partial_property->propertyUnits[0] ?? null) && $partial_property->propertyUnits[0]->amenities->contains($amenity->id)) ? 'selected' : '' }} >{{ $amenity->name }}</option> @else <option class="select-option" value="{{ $amenity->id }}" {{ (($partial_property->propertyUnits[0] ?? null) && $partial_property->propertyUnits[0]->amenities->contains($amenity->id)) ? 'selected' : '' }}>{{ $amenity->name }}</option> @endif @php $count++; @endphp @endforeach </select> @if($errors->has('amenities')) <span class="text-danger">{{ $errors->first('amenities') }}</span> @endif </div> </div> </div> <div class="features-to-units"> <div class="format-syle-head"> <h5>Add these features to all <span class="nova-bold">units?<span class="asterik-mandatory"></span></span> </h5> </div> <div class="format-checks-main"> <div class="chk-box"> <label for="Yes"> <input type="radio" name="special_units_check" id="Yes" value="yes" required> <span class="checkmark"></span> Yes</label> </div> <div class="chk-box"> <label for="No"> <input type="radio" name="special_units_check" value="no" id="No"> <span class="checkmark"></span> No -</label> <div class="specify-select-units"> <a href="javascript:void(0)" class="specify-sel-btn" data-bs-toggle="modal" data-bs-target="#sepcialselectModal">specify select units</a> </div> </div> </div> </div> </div> </div> <div id="tab-4" class="tab-pane" role="tabpanel"> <div class="ap-head"> <h3>Varius curabitur eget</h3> </div> <div class="profile-fields-main wizard-prof"> <div class="row"> <div class="col-md-12"> <div class="login-fields"> <label for="">Number of Bedrooms<span></span></label> <select class="custom-select no_of_bedrooms default_select select-selected" data-class="no_of_bedrooms" name="no_of_bedrooms" style="width: 100%" required> <option class="select-selected" value="">Please Select</option> <option class="select-selected" value="1" {{( isset($units) && !empty($units) && $units[0]->no_of_bedrooms == 1 ) ? 'selected' : ''}}>1</option> <option class="select-selected" value="2" {{( isset($units) && !empty($units) && $units[0]->no_of_bedrooms == 2 ) ? 'selected' : ''}}>2</option> <option class="select-selected" value="3" {{( isset($units) && !empty($units) && $units[0]->no_of_bedrooms == 3 ) ? 'selected' : ''}}>3</option> <option class="select-selected" value="4" {{( isset($units) && !empty($units) && $units[0]->no_of_bedrooms == 4 ) ? 'selected' : ''}}>4</option> <option class="select-selected" value="5" {{( isset($units) && !empty($units) && $units[0]->no_of_bedrooms == 5 ) ? 'selected' : ''}}>5</option> <option class="select-selected" value="6" {{( isset($units) && !empty($units) && $units[0]->no_of_bedrooms == 6 ) ? 'selected' : ''}}>6</option> <option class="select-selected" value="7" {{( isset($units) && !empty($units) && $units[0]->no_of_bedrooms == 7 ) ? 'selected' : ''}}>7</option> <option class="select-selected" value="8" {{( isset($units) && !empty($units) && $units[0]->no_of_bedrooms == 8 ) ? 'selected' : ''}}>8</option> <option class="select-selected" value="9" {{( isset($units) && !empty($units) && $units[0]->no_of_bedrooms == 9 ) ? 'selected' : ''}}>9</option> <option class="select-selected" value="10" {{( isset($units) && !empty($units) && $units[0]->no_of_bedrooms == 10 ) ? 'selected' : ''}}>10</option> </select> @if($errors->has('no_of_bedrooms')) <span class="text-danger">{{ $errors->first('no_of_bedrooms') }}</span> @endif </div> </div> <div class="col-md-12"> <div class="login-fields"> <label for="">Number of Bathrooms<span></span></label> <select class="custom-select no_of_bathrooms default_select select-selected" data-class="no_of_bathrooms" name="no_of_bathrooms" style="width: 100%" required> <option class="select-selected" value="">Please Select</option> <option class="select-selected" value="1" {{( isset($units) && !empty($units) && $units[0]->no_of_bathroom == 1 ) ? 'selected' : ''}}>1</option> <option class="select-selected" value="2" {{( isset($units) && !empty($units) && $units[0]->no_of_bathroom == 2 ) ? 'selected' : ''}}>2</option> <option class="select-selected" value="3" {{( isset($units) && !empty($units) && $units[0]->no_of_bathroom == 3 ) ? 'selected' : ''}}>3</option> <option class="select-selected" value="4" {{( isset($units) && !empty($units) && $units[0]->no_of_bathroom == 4 ) ? 'selected' : ''}}>4</option> <option class="select-selected" value="5" {{( isset($units) && !empty($units) && $units[0]->no_of_bathroom == 5 ) ? 'selected' : ''}}>5</option> <option class="select-selected" value="6" {{( isset($units) && !empty($units) && $units[0]->no_of_bathroom == 6 ) ? 'selected' : ''}}>6</option> <option class="select-selected" value="7" {{( isset($units) && !empty($units) && $units[0]->no_of_bathroom == 7 ) ? 'selected' : ''}}>7</option> <option class="select-selected" value="8" {{( isset($units) && !empty($units) && $units[0]->no_of_bathroom == 8 ) ? 'selected' : ''}}>8</option> <option class="select-selected" value="9" {{( isset($units) && !empty($units) && $units[0]->no_of_bathroom == 9 ) ? 'selected' : ''}}>9</option> <option class="select-selected" value="10" {{( isset($units) && !empty($units) && $units[0]->no_of_bathroom == 10 ) ? 'selected' : ''}}>10</option> </select> @if($errors->has('no_of_bathrooms')) <span class="text-danger">{{ $errors->first('no_of_bathrooms') }}</span> @endif </div> </div> <div class="col-md-12"> <div class="login-fields"> <label for="datePicks2">Date Available</label> <div class="input-group date customDate" id="datepickerAvailable"> <input type="text" class=" border-0 p-0" id="date" placeholder="Choose Date" name="date_available" value="{{ isset($units) && !empty($units) ? $units[0]->available_date : '' }}"> <span class="input-group-append"> <img src="{{asset('/images/mini-date.svg')}}" alt="" class="img-fluid"> </span> </div> </div> </div> </div> </div> </div> </div> </div> <div id="smartwizard-navigation" class="next-back-nav"> <button type="button" class="" id="prev-btn">Back</button> <button type="button" class="" id="next-btn">Next</button> </div> </div> </div> </div> </section> <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered amenities-md-dialog"> <div class="modal-content amenities-md-content"> <div class="modal-body amenities-md-body"> <div class="row"> <div class="col-md-12"> <div class="md-amn-head-main"> <div class="amenities-md-head"> <h3>Amenities</h3> <p>Select all amenities that apply to your property units</p> </div> <div class="md-header"> <button type="button" class="cs-button" data-bs-dismiss="modal" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.244075 11.9107C-0.0813583 12.2362 -0.0813583 12.7638 0.244075 13.0892C0.569517 13.4147 1.09715 13.4147 1.42259 13.0892L6.66667 7.84517L11.9107 13.0892C12.2362 13.4147 12.7638 13.4147 13.0892 13.0892C13.4147 12.7638 13.4147 12.2362 13.0892 11.9107L7.84517 6.66667L13.0892 1.42259C13.4147 1.09715 13.4147 0.569517 13.0892 0.244075C12.7638 -0.0813583 12.2362 -0.0813583 11.9107 0.244075L6.66667 5.48817L1.42259 0.244075C1.09715 -0.0813583 0.569517 -0.0813583 0.244075 0.244075C-0.0813583 0.569517 -0.0813583 1.09715 0.244075 1.42259L5.48817 6.66667L0.244075 11.9107Z" fill="black" /> </svg></button> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="appartment-features-bx-main"> <div class="appartment-features-head"> <h6>Apartment Features</h6> </div> <div class="am-bx-main"> <div class="row overflow-auto custom_height mb-4"> @php $amenities = App\Models\Amenity::all(); // Replace this with your array of amenities @endphp @for ($i = 0; $i < count($amenities); $i++) @if ($i % 9 === 0) @if ($i !== 0) </div> <!-- Close the previous structure --> </div> @endif <div class="col-md-3 mb-4"> <!-- Start a new structure --> <div class="bx-left"> @endif <div class="unit-options md-am-opt"> <input type="checkbox" name="amenities[]" value="{{ $amenities[$i]->id }}" /> <p>{{ $amenities[$i]->name }}</p> </div> @if ($i === count($amenities) - 1) </div> </div> <!-- Close the last structure --> @endif @endfor </div> </div> </div> </div> </div> <div class="selected-all-selected-cta"> <button type="button" class="slect-all-btn">Select All</button> <button type="button" class="selected-btn selected_amenities_modal_btn" disabled="disabled">Add Selected</button> </div> </div> </div> </div> </div> <div class="modal fade" id="sepcialselectModal" aria-labelledby="exampleModalLabel" data-focus="false" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered special-select-md-dialog"> <div class="modal-content amenities-md-content"> <div class="modal-body amenities-md-body"> <div class="row"> <div class="col-md-12"> <div class="md-amn-head-main"> <div class="amenities-md-head"> <h3>Special Select</h3> <p>Semper mauris verra auctor tincidunt etiam varius molestie lectus</p> </div> <div class="md-header"> <button type="button" class="cs-button" data-bs-dismiss="modal" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.244075 11.9107C-0.0813583 12.2362 -0.0813583 12.7638 0.244075 13.0892C0.569517 13.4147 1.09715 13.4147 1.42259 13.0892L6.66667 7.84517L11.9107 13.0892C12.2362 13.4147 12.7638 13.4147 13.0892 13.0892C13.4147 12.7638 13.4147 12.2362 13.0892 11.9107L7.84517 6.66667L13.0892 1.42259C13.4147 1.09715 13.4147 0.569517 13.0892 0.244075C12.7638 -0.0813583 12.2362 -0.0813583 11.9107 0.244075L6.66667 5.48817L1.42259 0.244075C1.09715 -0.0813583 0.569517 -0.0813583 0.244075 0.244075C-0.0813583 0.569517 -0.0813583 1.09715 0.244075 1.42259L5.48817 6.66667L0.244075 11.9107Z" fill="black" /> </svg></button> </div> </div> </div> </div> <div class="row justify-content-between align-items-baseline"> <div class="col-md-5"> <div class="special-select-fields-main" id="modal_input_container_special"> <div class="special-select-fields"> <select class="custom-select modal_select2 lease_term_different select-selected" data-class="purchase_term" name="lease_term_different" style="width: 100%"> <option class="select-selected" value="">Please Select</option> @foreach(App\Models\Unit::LEASE_TERM_SELECT as $key => $label) <option class="select-option" value="{{ $key }}">{{ $label }}</option> @endforeach </select> {{-- <input type="text" placeholder="1-2 year lease"> --}} </div> <div class="special-select-fields"> <input type="number" step=".01" placeholder="$2,500/month" name="monthly_rent_diff"> </div> <div class="special-select-fields"> <input type="number" step=".01" placeholder="$500" name="security_deposit_diff"> </div> <div class="special-select-fields"> <input type="number" step=".01" placeholder="1,200 sq. ft." name="unit_size_diff"> </div> <div class="special-select-fields"> <select class="custom-select modal_select2_with_search select2_with_search amenities_diff" data-class="amenities" name="amenities_different[]" style="width: 100%" multiple="multiple"> <option class="select-selected" value="">Please Select</option> @foreach(App\Models\Amenity::all() as $amenity) <option class="select-option" value="{{ $amenity->id }}">{{ $amenity->name }}</option> @endforeach </select> </div> </div> </div> <div class="col-md-5"> <div class="select-all-apply-main"> <div class="selct-apply-head"> <h5>Select all that apply:</h5> </div> <div class="select-unit-par custom_height_amenities_units" id="amenitiesContainer"> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="selected-all-selected-cta"> <button type="button" class="selected-btn" disabled="disabled" id="add_details_to_units">Add Details</button> </div> </div> </div> </div> </div> </div> </div> </form> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://www.gstatic.com/firebasejs/8.3.2/firebase.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/jquery-smarttab@4/dist/js/jquery.smartTab.min.js" type="text/javascript"></script> <link href="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.27/dist/sweetalert2.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.27/dist/sweetalert2.all.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script> <script src="{{asset('/js/global.js')}}"></script> <script src="{{asset('/js/add-properties.js')}}"></script> <script type="text/javascript" src="https://maps.google.com/maps/api/js?key={{ env('GOOGLE_MAP_KEY') }}&libraries=places" ></script> <script> // console.log('Maps Wala Kaam '); // google.maps.event.addDomListener(window, 'load', initialize); function getStateZipFromAddressComponents(components, type) { for (var i = 0; i < components.length; i++) { for (var j = 0; j < components[i].types.length; j++) { if (components[i].types[j] === type) { return components[i].long_name; } } } return ''; } window.addEventListener('load', initialize); function initialize() { var input = document.getElementById('address_autocomplete'); var autocomplete = new google.maps.places.Autocomplete(input); autocomplete.addListener('place_changed', function () { var place = autocomplete.getPlace(); var country = getStateZipFromAddressComponents(place.address_components, 'country'); var state = getStateZipFromAddressComponents(place.address_components, 'administrative_area_level_1'); var zip_code = getStateZipFromAddressComponents(place.address_components, 'postal_code'); if(country){ $('#country').val(country); } if(state){ $('#state').val(state); } if(zip_code){ $('#zip_code').val(zip_code); } $('#latitude').val(place.geometry['location'].lat()); $('#longitude').val(place.geometry['location'].lng()); }); } </script> @if(\Session::has('success')) <script> toastr.options = { "closeButton": true, "debug": false, "newestOnTop": false, "progressBar": false, "positionClass": "toast-top-right", "preventDuplicates": false, "onclick": null, "showDuration": "300", "hideDuration": "1000", "timeOut": "5000", "extendedTimeOut": "1000", "showEasing": "swing", "hideEasing": "linear", "showMethod": "fadeIn", "hideMethod": "fadeOut" } toastr.success('{!! \Session::get("success") !!}'); </script> @endif @if(\Session::has('error')) <script> toastr.options = { "closeButton": true, "debug": false, "newestOnTop": false, "progressBar": false, "positionClass": "toast-top-right", "preventDuplicates": false, "onclick": null, "showDuration": "300", "hideDuration": "1000", "timeOut": "5000", "extendedTimeOut": "1000", "showEasing": "swing", "hideEasing": "linear", "showMethod": "fadeIn", "hideMethod": "fadeOut" } toastr.error('{!! \Session::get("error") !!}'); </script> @endif @endsection

| ver. 1.4 | Github | . | PHP 8.1.29 | Генерация страницы: 0.01 | proxy | phpinfo | Настройка