@extends('layouts.user')
@section('title') {{ __('contents.editRental') }} @endsection
@section('style')
<style>
    #map { height: 400px; width: 100%; display: none; }
    .dash-btn-two.disabled {
        opacity: 0.6;
        pointer-events: none;
        cursor: no-drop;
    }
    .btn.icon-center {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .form-step { display: none; }
    .form-step.active { display: block; }
    #formProgress { background-color: #1d3a8c !important; }
    .switch.btn-lg { min-width: 100% !important; }
    .close-btn {
        position: absolute;
        top: -10px;
        left: -10px;
        background-color: #000;
        color: #fff;
        border: none;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 10;
        transition: background-color 0.3s ease;
    }
    .close-btn:hover { background-color: #333; }
    .file-preview-frame {
		box-sizing: border-box;
		border: 1px solid #ddd;
		border-radius: 12px; /* Rounded Corners */
		box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* Soft Shadow */
		transition: all 0.3s ease;
		margin: 8px;
		padding: 0;
		overflow: hidden;
		background: #fff;
	}
	.file-preview-frame:hover {
		box-shadow: 0 5px 15px rgba(0,0,0,0.1);
		transform: translateY(-2px); /* Lift up slightly */
	}
	.file-preview-frame.cover-is-selected {
		border: 2px solid #28a745 !important;
		background-color: #f0fff4;
	}
	.file-thumbnail-footer {
		background: #fff;
		padding: 10px;
		border-top: 1px solid #f8f9fa;
	}
	.file-detail-caption {
		font-size: 11px;
		color: #999;
		margin-bottom: 6px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.cover-selector-btn {
		cursor: pointer;
		display: block;
		width: 100%;
		padding: 6px 10px;
		margin-bottom: 8px;
		border-radius: 50px; 
		border: 1px solid #e0e0e0;
		background-color: #f8f9fa;
		color: #666;
		font-size: 12px;
		font-weight: 600;
		text-align: center;
		transition: all 0.2s ease;
	}
	.cover-selector-btn:hover {
		background-color: #e2e6ea;
		border-color: #ccc;
	}
	.cover-selector-btn i { margin-right: 5px; }
	.cover-selector-btn.active {
		background-color: #28a745;
		border-color: #28a745;
		color: white;
		box-shadow: 0 2px 6px rgba(40, 167, 69, 0.4);
	}
	.file-preview-thumbnails {
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: flex-start !important; 
		align-items: flex-start !important;
	}
	.file-preview {
		text-align: left !important;
	}
	.file-preview-frame {
		width: 260px; 
	}
</style>
@endsection
@section('content')
@php
$village = "";
if(!empty($property->village)){
	$village = \App\Models\Village::where('code',$property->village)->first();
}
$commune = \App\Models\Commune::where('code',$property->commune)->first();
$district = \App\Models\District::where('code',$property->district)->first();
$province = \App\Models\Province::where('code',$property->province)->first();

$prop_info = json_decode($property->Info);
$prop_utilites = json_decode($property->utilities);
$prop_others = json_decode($property->others);
$prop_variations = json_decode($property->variations);
$variationData = $property->variations ? json_decode($property->variations, true) : [];

$varitaions = json_decode($type->variations);
$info = json_decode($type->info);
$utilities = json_decode($type->utilities);
$others = json_decode($type->other_terms);
@endphp
<h2 class="main-title d-block d-lg-none">{{ __('contents.newRental') }}</h2>
<form method="post" enctype="multipart/form-data"  action="{{ route('user.update-rental') }}">
	@csrf
	<!-- Progress Bar -->
    <div class="progress mb-4">
        <div class="progress-bar" id="formProgress" role="progressbar" 
             style="width: 0%;" aria-valuemin="0" aria-valuemax="100"></div>
    </div>
	<input type="hidden" name="rental" value="{{ $property->id }}">

	<!-- STEP 1: Address & Location -->
    <div class="form-step active">
		<div class="bg-white card-box border-20">
			<h4 class="dash-title-three">Address & Location</h4>
			<input type="hidden" name="latitude" id="latitude" value="{{ $property->latitude }}">
			<input type="hidden" name="longitude" id="longitude" value="{{$property->longitude}}" >
			<div class="row">
		        <div class="col-md-6 notranslate">
		            <div class="dash-input-wrapper mb-30">
		                <label for="">{{ __('contents.province') }}*</label>
		                <select name="province" id="province" class="select2" required data-erorr="{{ __('contents.province') }} is required">
		                	<option value=" "disabled> {{ __('contents.selectProvince') }}</option>
		                	@foreach($provinces as $p)
							<option value="{{ $p->code }}" selected ><span class="notranslate">{{ $p->{'name_'.app()->getLocale() } }}</span></option>
							@endforeach
						</select>
		            </div>
		            <!-- /.dash-input-wrapper -->
		        </div>
		        <div class="col-md-6 notranslate">
		            <div class="dash-input-wrapper mb-30" id="district_div">
		                <label for="">{{ __('contents.district') }}*</label>
		                <select name="district" id="district" class="select2" required data-erorr="{{ __('contents.district') }} is required">
		                	<option value=" " disabled> {{ __('contents.select') }}</option>
		                	@foreach($districts as $d)
							<option value="{{ $d->code }}" selected ><span class="notranslate">{{ $d->{'name_'.app()->getLocale() } }}</span></option>
							@endforeach
						</select>
		            </div>
		            <!-- /.dash-input-wrapper -->
		        </div>
		        <div class="col-md-6 notranslate">
		            <div class="dash-input-wrapper mb-30" id="commune_div">
		                <label for="">{{ __('contents.commune') }}*</label>
		                <select name="commune" id="commune" class="select2" required data-erorr="{{ __('contents.commune') }} is required">
		                	<option value=" " disabled> {{ __('contents.select') }}</option>
		                	@foreach($communes as $c)
							<option value="{{ $c->code }}" selected ><span class="notranslate">{{ $c->{'name_'.app()->getLocale() } }}</span></option>
							@endforeach
						</select>
		            </div>
		            <!-- /.dash-input-wrapper -->
		        </div>
		        <div class="col-md-6 notranslate">
		            <div class="dash-input-wrapper mb-30" id="village_div">
		                <label for="">{{ __('contents.village') }}</label>
		                <select name="village" id="village" class="select2">
		                	<option value=" " disabled> {{ __('contents.select') }}</option>
		                	@foreach($villages as $v)
							<option value="{{ $v->code }}" selected ><span class="notranslate">{{ $v->{'name_'.app()->getLocale() } }}</span></option>
							@endforeach
						</select>
		            </div>
		            <!-- /.dash-input-wrapper -->
		        </div>
				<div class="col-md-6 notranslate">
					<div class="dash-input-wrapper mb-25">
						<label for="street">Street</label>
						<input type="text" name="street" value="{{ old('street', $property->street) }}" id="street" placeholder="145/A, Ranchview">
					</div>
				</div>

				<div class="col-md-6 notranslate">
					<div class="dash-input-wrapper mb-25">
						<label for="home">Home</label>
						<input type="text" name="home" value="{{ old('home', $property->home) }}" id="home" placeholder="145/A, Ranchview">
					</div>
				</div>
				<div class="col-12">
		            <div class="dash-input-wrapper mb-25">
		                <label for="">Address*</label>
		                <input type="text" name="address" value="{{ $property->address }}" id="address" placeholder="145/A, Ranchview" required data-error="Address is Required">
		            </div>
		        </div>
			</div>
			<br>
			<label id="map-label" >Drag and Drop the Marker to Select the Location:</label>
			<div id="map"></div>
			<div class="grid">
                <button type="button" class="btn-two btn-block w-100 next-step mt-3">Next</button>
            </div>
		</div>
		<!-- /.card-box -->
	</div>

	<!-- STEP 2: Overview -->
    <div class="form-step">
		<div class="bg-white card-box border-20 mt-40">
		    <h4 class="dash-title-three">{{ __('contents.overview') }}</h4>
		    <div class="dash-input-wrapper mb-30">
		        <label for="">{{ __('contents.propTitleEN') }}*</label>
		        <input type="text" name="title" value="{{ $property->title_en }}"  placeholder="Your Property Name" required>
		    </div>
		    <!-- /.dash-input-wrapper -->
		    <div class="dash-input-wrapper mb-30">
		        <label for="">{{ __('contents.descEN') }}</label>
		        <textarea name="description" class="size-lg" placeholder="Write about property...">{!! $property->description_en !!}</textarea>
		    </div>
		    <!-- /.dash-input-wrapper -->
		    <div class="row align-items-end">
		    	<input type="hidden" name="property_type" id="type" value="{{ $type->id }}">
		        <div class="col-md-6">
		            <div class="dash-input-wrapper mb-30">
						<label for="">Price*<span class="d-none" id="avrPrice"><br><small>{{ __('contents.avrPrice') }}</small></span></label>
		                <input  name="price" id="price" type="number" min="0.01" step="0.01" placeholder="Your Price" value="{{ $property->price }}" required>
		            </div>
		            <!-- /.dash-input-wrapper -->
		        </div>
		        <div class="col-md-6">
		            <div class="dash-input-wrapper mb-30">
						<label for="">Contact No.*</label>
		                <input  name="contact" type="tel" value="{{ $property->contact }}" placeholder="Your Contact Number." required>
		            </div>
		            <!-- /.dash-input-wrapper -->
		        </div>
		    </div>
		    <div class="row">
                <div class="col-md-6">
                    <button type="button" class="btn btn-one w-100 prev-step mt-3">Previous</button>
                </div>
                <div class="col-md-6">
                    <button type="button" class="btn btn-two w-100 next-step mt-3">Next</button>
                </div>
            </div>
		</div>
	</div>

	<!-- /.card-box -->
	<div class="form-step">
		@if(!empty($property->gallery))
			@php
			$gallery = json_decode($property->gallery);
			$imgs = getMediaByType($property->id,'image');
			$videos = getMediaByType($property->id,'video');
			@endphp
		@endif
		<div class="bg-white card-box border-20 mt-40">
			<h4 class="dash-title-three">Photo</h4>
			@php
				$previewFiles = [];
				$previewConfig = [];
				$currentCover = '';
				if(isset($property)) {
					$existingImgs = getMediaByType($property->id, 'image'); 
					$currentCover = $property->cover_image ?? $property->thumbnail ?? ($existingImgs[0] ?? '');
					if (!empty($existingImgs)) {
						foreach ($existingImgs as $img) {
							$previewFiles[] = asset("uploads/media/$img");
							$previewConfig[] = [
								'caption' => $img,
								'key'     => $img, 
								'downloadUrl' => asset("uploads/media/$img"),
							];
						}
					}
				}
			@endphp

			{{-- 2. HIDDEN INPUTS --}}
			{{-- This input holds the filename of the selected cover image --}}
			<input type="hidden" name="cover_image" id="cover_image_input" value="{{ $currentCover }}">

			{{-- 3. FILE INPUT --}}
			<input type="file" id="file-upload" name="gallery[]" multiple />

			<small>Upload file .jpg, .png</small>

			{{-- 4. ERROR MESSAGE --}}
			<p id="file-error-msg" class="text-danger mt-2 fw-500" style="font-size: 0.9rem;">
				* Please select at least 5 images to continue.
			</p>

			{{-- 5. NAVIGATION BUTTONS --}}
			@if(!empty($variations) || !empty($info) || (isset($aminites) && count($aminites) > 0 && isset($type) && $type->allow_amenities == 'yes') || !empty($utilities) || !empty($others) )
			<div class="row">
				<div class="col-md-6">
					<button type="button" class="btn btn-one w-100 prev-step mt-3">Previous</button>
				</div>
				<div class="col-md-6">
					{{-- ADDED ID HERE: btn-next-photo --}}
					<button type="button" id="btn-next-photo" class="btn btn-two w-100 next-step mt-3" disabled>Next</button>
				</div>
			</div>
			@else
			<div class="row">
				<div class="col-md-6">
					<button type="button" class="btn btn-one w-100 prev-step mt-3">Previous</button>
				</div>
				<div class="col-md-6">
					{{-- ADDED ID HERE TOO --}}
					<button type="submit" id="btn-submit-photo" class="btn btn-two w-100 mt-3" disabled>Submit</button>
				</div>
			</div>
			@endif
		</div>
		<!-- /.card-box -->
	</div>

	@if(!empty($varitaions))
	<div class="form-step">
		 <template id="unit-template">
	        <div class="bg-blue border-20 mt-20 position-relative unit-block">
	            <button type="button" class="close-btn" style="position:absolute;top:10px;right:10px;">
	                <i class="fa fa-times"></i>
	            </button>
	            <div class="row">
	                <div class="col-12">
	                    <div class="card-box">
	                        <div class="row justify-content-center">
	                            @if(in_array("ID", $varitaions))
	                            <div class="col-md-3">
	                                <div class="dash-input-wrapper mb-30">
	                                    <label>ID*</label>
	                                    <input name="variations_id_%%INDEX%%" required>
	                                </div>
	                            </div>
	                            @endif
	                            @if(in_array("Price", $varitaions))
	                            <div class="col-md-3">
	                                <div class="dash-input-wrapper mb-30">
	                                    <label>Price*</label>
	                                    <input type="number" min="0" name="variations_price_%%INDEX%%" required>
	                                </div>
	                            </div>
	                            @endif
	                            @if(in_array("Floor", $varitaions))
	                            <div class="col-md-3">
	                                <div class="dash-input-wrapper mb-30">
	                                    <label>Floor</label>
	                                    <input type="number" min="0" name="variations_floor_%%INDEX%%">
	                                </div>
	                            </div>
	                            @endif
	                            @if(in_array("Width", $varitaions))
	                            <div class="col-md-3">
	                                <div class="dash-input-wrapper mb-30">
	                                    <label>Width</label>
	                                    <input type="number" min="0" name="variations_width_%%INDEX%%">
	                                </div>
	                            </div>
	                            @endif
	                            @if(in_array("Length", $varitaions))
	                            <div class="col-md-3">
	                                <div class="dash-input-wrapper mb-30">
	                                    <label>Length</label>
	                                    <input type="number" min="0" name="variations_length_%%INDEX%%">
	                                </div>
	                            </div>
	                            @endif
	                            @if(in_array("Area", $varitaions))
	                            <div class="col-md-3">
	                                <div class="dash-input-wrapper mb-30">
	                                    <label>Area</label>
	                                    <input type="number" min="0" name="variations_area_%%INDEX%%">
	                                </div>
	                            </div>
	                            @endif
	                            @if(in_array("Bedroom", $varitaions))
	                            <div class="col-md-3">
	                                <div class="dash-input-wrapper mb-30">
	                                    <label>Bedroom #</label>
	                                    <input type="number" min="0" name="variations_bedroom_%%INDEX%%">
	                                </div>
	                            </div>
	                            @endif
	                            @if(in_array("Bathroom", $varitaions))
	                            <div class="col-md-3">
	                                <div class="dash-input-wrapper mb-30">
	                                    <label>Bathroom #</label>
	                                    <input type="number" min="0" name="variations_bathroom_%%INDEX%%">
	                                </div>
	                            </div>
	                            @endif
	                            @if(in_array("Car Parking", $varitaions))
	                            <div class="col-md-3">
	                                <div class="dash-input-wrapper mb-30">
	                                    <label>Car Parking</label>
	                                    <input type="number" min="0" name="variations_carParking_%%INDEX%%">
	                                </div>
	                            </div>
	                            @endif
	                            @if(in_array("Motor Parking", $varitaions))
	                            <div class="col-md-3">
	                                <div class="dash-input-wrapper mb-30">
	                                    <label>Motor Parking</label>
	                                    <input type="number" min="0" name="variations_motorParking_%%INDEX%%">
	                                </div>
	                            </div>
	                            @endif
	                            @if(in_array("Availability", $varitaions))
	                            <div class="col-md-3">
	                                <div class="dash-input-wrapper mb-30">
	                                    <label>Availability</label>
										<center>
											<input data-size="lg" name="variations_Availability_%%INDEX%%" value="active" type="checkbox" data-toggle="switchbutton" data-onlabel="<i class='fa-regular fa-check text-white'></i> Yes" data-offlabel="<i class='fa-regular fa-multiply text-danger'></i> No">
										</center>
	                                </div>
	                            </div>
	                            @endif
	                        </div>
	                    </div>
	                </div>
	            </div>
	        </div>
	    </template>
		<div class="bg-white card-box border-20 mt-40">
			<h4 class="dash-title-three">{{ __('contents.variationHeading') }}</h4>
			<div class="price-div d-none" id="price-div">
				<p>{{ __('contents.startingFrom') }}</p>
				<h5> {{$settings->currency_symbol }} <span id="price-heading"></span> {{ $settings->currency_code }} </h5>
				{{ __('contents.avrPrice') }}
			</div>
			<div class="row align-items-end" id="varitaion_div">
				
		    </div>
		    <div class="d-grid mt-40">
		    	<div class="btn btn-dark btn-lg" id="add-unit" ><i class="fa-regular fa-plus me-2"></i>Add Unit</div>
		    </div>
		    <input type="hidden" name="variation_data" id="variation_data">
		    @if(!empty($info) || (count($aminites) > 0 && $type->allow_amenities == 'yes') || !empty($utilities) || !empty($others) )
            <div class="row">
                <div class="col-md-6">
                    <button type="button" class="btn btn-one w-100 prev-step mt-3">Previous</button>
                </div>
                <div class="col-md-6">
                    <button type="button" class="btn btn-two w-100 next-step mt-3">Next</button>
                </div>
            </div>
            @else
            <div class="row">
                <div class="col-md-6">
                    <button type="button" class="btn btn-one w-100 prev-step mt-3">Previous</button>
                </div>
                <div class="col-md-6">
                    <button type="submit" class="btn btn-two w-100 mt-3">Submit</button>
                </div>
            </div>
            @endif
		</div>
	</div>
	@endif

	@if(!empty($info))
	<div class="form-step">
		<div class="bg-white card-box border-20 mt-40">
			<h4 class="dash-title-three">{{ __('contents.Pinfo') }}</h4>
			<div class="row align-items-end">
				@if(in_array("Container Truck Access",$info))
				<div class="col-md-6">
		            <div class="dash-input-wrapper mb-30">
		                <label for="">{{ __('contents.containerAccess') }}</label>
		            	<input type="number"  min="0" name="info_container_access" value="{{ !empty($prop_info->container_access)?$prop_info->container_access:'' }}" placeholder="Enter the Number of Container">
		            </div>
		            <!-- /.dash-input-wrapper -->
		        </div>
		        @endif
		        @if(in_array("Rooms",$info))
				<div class="col-md-6">
		            <div class="dash-input-wrapper mb-30">
		                <label for="">{{ __('contents.rooms') }}</label>
		            	<input type="number"  min="0" name="info_rooms" value="{{ !empty($prop_info->rooms)?$prop_info->rooms:'' }}" placeholder="Number of Rooms">
		            </div>
		            <!-- /.dash-input-wrapper -->
		        </div>
		        @endif
				@if(in_array("Number of Story",$info))
				<div class="col-md-6">
		            <div class="dash-input-wrapper mb-30">
		                <label for="">{{ __('contents.storyNumber') }}</label>
		            	<input type="number"  min="0" name="info_story_number" value="{{ !empty($prop_info->story_number)?$prop_info->story_number:'' }}" placeholder="Enter the Number of Story">
		            </div>
		            <!-- /.dash-input-wrapper -->
		        </div>
		        @endif
		        @if(in_array("Bedrooms",$info))
		        <div class="col-md-6">
		            <div class="dash-input-wrapper mb-30">
		                <label for="">{{ __('contents.bedrooms') }}</label>
		                <input type="number"  min="0" value="{{ !empty($prop_info->bedrooms)?$prop_info->bedrooms:'' }}" name="info_bedrooms" placeholder="Number of Bedrooms">
		            </div>
		            <!-- /.dash-input-wrapper -->
		        </div>
		        @endif
		        @if(in_array("Bathrooms",$info))
		        <div class="col-md-6">
		            <div class="dash-input-wrapper mb-30">
		                <label for="">{{ __('contents.bathrooms') }}</label>
		                <input type="number" min="0" value="{{ !empty($prop_info->bathrooms)?$prop_info->bathrooms:'' }}" name="info_bathrooms" placeholder="Number of Bathrooms">
		            </div>
		            <!-- /.dash-input-wrapper -->
		        </div>
		        @endif
		        @if(in_array("Living Rooms",$info))
		        <div class="col-md-6">
		            <div class="dash-input-wrapper mb-30">
		                <label for="">{{ __('contents.livingrooms') }}</label>
		                <input type="number" min="0" value="{{ !empty($prop_info->livingrooms)?$prop_info->livingrooms:'' }}"  name="info_livingrooms" placeholder="Number of Living rooms">
		            </div>
		            <!-- /.dash-input-wrapper -->
		        </div>
		        @endif
		        @if(in_array("Kitchen",$info))
		        <div class="col-md-4">
		            <div class="dash-input-wrapper mb-30">
		                <label for="">{{ __('contents.kitchen') }}</label>
		                <select name="info_kitchen" class="nice-select">
		                	<option value=" "> {{ __('contents.select') }}</option>
		                	<option  >YES</option>
		                	<option  >NO</option>
						</select>
		            </div>
		            <!-- /.dash-input-wrapper -->
		        </div>
		        @endif
		        @if(in_array("Balcony",$info))
		        <div class="col-md-4">
		            <div class="dash-input-wrapper mb-30">
		                <label for="">{{ __('contents.balcony') }}</label>
		                <select name="info_balcony" class="nice-select">
		                	<option value=" "> {{ __('contents.select') }}</option>
		                	<option  >YES</option>
		                	<option  >NO</option>
						</select>
		            </div>
		            <!-- /.dash-input-wrapper -->
		        </div>
		        @endif
		        @if(in_array("Furnished",$info))
		        <div class="col-md-4">
		            <div class="dash-input-wrapper mb-30">
		                <label for="">{{ __('contents.furnished') }}</label>
		                <select name="info_furnished" class="nice-select">
		                	<option value=" "> {{ __('contents.select') }}</option>
		                	<option  >Fully Furnished</option>
		                	<option  >Semi Furnished</option>
		                	<option  >Unfurnished</option>
						</select>
		            </div>
		            <!-- /.dash-input-wrapper -->
		        </div>
		        @endif
		        @if(in_array("Car Parking",$info))
		        <div class="col-md-6">
		            <div class="dash-input-wrapper mb-30">
		                <label for="">{{ __('contents.carParking') }}</label>
		                <input type="number" min="0" value="{{ !empty($prop_info->car_parking)?$prop_info->car_parking:'' }}" name="info_car_parking" placeholder="Number of Cars">
		            </div>
		            <!-- /.dash-input-wrapper -->
		        </div>
		        @endif
		        @if(in_array("Motor Parking",$info))
		        <div class="col-md-6">
		            <div class="dash-input-wrapper mb-30">
		                <label for="">{{ __('contents.motorParking') }}</label>
		                <input type="number" min="0" value="{{ !empty($prop_info->motor_parking)?$prop_info->motor_parking:'' }}" name="info_motor_parking" placeholder="Number of Motors">
		            </div>
		            <!-- /.dash-input-wrapper -->
		        </div>
		        @endif
		      	@if(in_array("Buliding Width (m)",$info))
				<div class="col-md-6">
					<div class="dash-input-wrapper mb-30">
						<label for="edit_building_width">{{ __('contents.bulidingWidth') }}</label>
						<input type="number" min="0" step="0.01" 
							id="edit_building_width" 
							value="{{ !empty($prop_info->building_width) ? $prop_info->building_width : '' }}" 
							name="info_building_width" 
							placeholder="Building Width in Meters">
					</div>
				</div>
				@endif

				@if(in_array("Buliding Length (m)",$info))
				<div class="col-md-6">
					<div class="dash-input-wrapper mb-30">
						<label for="edit_building_length">{{ __('contents.bulidingLength') }}</label>
						<input type="number" min="0" step="0.01" 
							id="edit_building_length" 
							value="{{ !empty($prop_info->building_length) ? $prop_info->building_length : '' }}" 
							name="info_building_length" 
							placeholder="Building Length in Meters">
					</div>
				</div>
				@endif

				@if(in_array("Buliding Total Area (sqm)",$info))
				<div class="col-md-6">
					<div class="dash-input-wrapper mb-30">
						<label for="edit_building_area">{{ __('contents.bulidingArea') }}</label>
						<input type="number" min="0" step="0.01" 
							id="edit_building_area" 
							value="{{ !empty($prop_info->building_area) ? $prop_info->building_area : '' }}" 
							name="info_building_area" 
							placeholder="Building Total Area in Meters">
					</div>
				</div>
				@endif
		       	@if(in_array("Land Width (m)",$info))
				<div class="col-md-6">
					<div class="dash-input-wrapper mb-30">
						<label for="edit_land_width">{{ __('contents.landWidth') }}</label>
						<input type="number" min="0" step="0.01" 
							id="edit_land_width" 
							value="{{ !empty($prop_info->land_width) ? $prop_info->land_width : '' }}" 
							name="info_land_width" 
							placeholder="Land Width in Meters">
					</div>
					</div>
				@endif

				@if(in_array("Land Length (m)",$info))
				<div class="col-md-6">
					<div class="dash-input-wrapper mb-30">
						<label for="edit_land_length">{{ __('contents.landLength') }}</label>
						<input type="number" min="0" step="0.01" 
							id="edit_land_length" 
							value="{{ !empty($prop_info->land_length) ? $prop_info->land_length : '' }}" 
							name="info_land_length" 
							placeholder="Land Length in Meters">
					</div>
					</div>
				@endif

				@if(in_array("Land Total Area (sqm)",$info))
				<div class="col-md-6">
					<div class="dash-input-wrapper mb-30">
						<label for="edit_land_area">{{ __('contents.landArea') }}</label>
						<input type="number" min="0" step="0.01" 
							id="edit_land_area" 
							value="{{ !empty($prop_info->land_area) ? $prop_info->land_area : '' }}" 
							name="info_land_area" 
							placeholder="Land Total Area in Meters">
					</div>
					</div>
				@endif
		        @if(in_array("Land Zone",$info))
		        <div class="col-md-6">
		            <div class="dash-input-wrapper mb-30">
		                <label for="">{{ __('contents.landZone') }}</label>
		                <select name="info_land_zone" class="nice-select">
		                	<option value=" "> {{ __('contents.select') }}</option>
		                	<option  >Residential</option>
		                	<option  >Commercial</option>
		                	<option  >Agriculture</option>
		                	<option  >Development</option>
		                	<option  >Industrial</option>
						</select>
		            </div>
		            <!-- /.dash-input-wrapper -->
		        </div>
		        @endif
		        @if(in_array("Access Road",$info))
		        <div class="col-md-6">
		            <div class="dash-input-wrapper mb-30">
		                <label for="">{{ __('contents.accessRoad') }}</label>
		                <select name="info_access_road" class="nice-select">
		                	<option value=" "> {{ __('contents.select') }}</option>
		                	<option  >YES</option>
		                	<option  >NO</option>
						</select>
		            </div>
		            <!-- /.dash-input-wrapper -->
		        </div>
		        @endif
		        @if(in_array("Space Width (m)",$info))
		        <div class="col-md-6">
		            <div class="dash-input-wrapper mb-30">
		                <label for="">{{ __('contents.spaceWidth') }}</label>
		                <input type="number" min="0" value="{{ !empty($prop_info->space_width)?$prop_info->space_width:'' }}" name="info_space_width" placeholder="Space Width in Meters">
		            </div>
		            <!-- /.dash-input-wrapper -->
		        </div>
		        @endif
		        @if(in_array("Space Length (m)",$info))
		        <div class="col-md-6">
		            <div class="dash-input-wrapper mb-30">
		                <label for="">{{ __('contents.spaceLength') }}</label>
		                <input type="number" min="0" value="{{ !empty($prop_info->space_length)?$prop_info->space_length:'' }}" name="info_space_length" placeholder="Space Length in Meters">
		            </div>
		            <!-- /.dash-input-wrapper -->
		        </div>
		        @endif
		        @if(in_array("Space Total Area (sqm)",$info))
		        <div class="col-md-6">
		            <div class="dash-input-wrapper mb-30">
		                <label for="">{{ __('contents.spaceArea') }}</label>
		                <input type="number" min="0" value="{{ !empty($prop_info->space_area)?$prop_info->space_area:'' }}" name="info_space_area" placeholder="Space Area in SQM">
		            </div>
		            <!-- /.dash-input-wrapper -->
		        </div>
		        @endif
		    </div>
		    @if((count($aminites) > 0 && $type->allow_amenities == 'yes') || !empty($utilities) || !empty($others) )
            <div class="row">
                <div class="col-md-6">
                    <button type="button" class="btn btn-one w-100 prev-step mt-3">Previous</button>
                </div>
                <div class="col-md-6">
                    <button type="button" class="btn btn-two w-100 next-step mt-3">Next</button>
                </div>
            </div>
            @else
            <div class="row">
                <div class="col-md-6">
                    <button type="button" class="btn btn-one w-100 prev-step mt-3">Previous</button>
                </div>
                <div class="col-md-6">
                    <button type="submit" class="btn btn-two w-100 mt-3">Submit</button>
                </div>
            </div>
            @endif
		</div>
	</div>
	@endif
	<!-- /.card-box -->

	@if(count($aminites) > 0 && $type->allow_amenities == 'yes' )
	<div class="form-step">
		<div class="bg-white card-box border-20 mt-40">
			<h4 class="dash-title-three m0 pb-5">Select Amenities</h4>
			<ul class="style-none d-flex flex-wrap filter-input">
				@php 
				if(!empty($property->amenities)){
					$as = json_decode($property->amenities);
				}else{
					$as = [];
				}
				@endphp
				@foreach($aminites as $aminity)
				<li>
					<input type="checkbox" name="amenities[]" value="{{ $aminity->id }}"