@extends('layouts.admin')
@section('title') {{ __('contents.editRental') }} @endsection
@section('style')
<style>
    #map { height: 400px; width: 100%; }
    .dash-btn-two.disabled {
        opacity: 0.6; /* Decreased opacity */
        pointer-events: none; /* Prevent interaction */
        cursor: no-drop;
    }
    .btn.icon-center {
	  display: inline-flex;
	  align-items: center;
	  justify-content: center;
	}

	.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;
	}
</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) : [];

@endphp
<h2 class="main-title d-block d-lg-none">{{ __('contents.newRental') }}</h2>
<form method="post" enctype="multipart/form-data"  action="{{ route('admin.update-rental') }}">
	@csrf
	<input type="hidden" name="rental" value="{{ $property->id }}">
	<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">
	            <div class="dash-input-wrapper mb-30">
	                <label for="">{{ __('contents.province') }}*</label>
	                <select name="province" id="province" class="select2" >
	                	<option value=" "disabled> {{ __('contents.selectProvince') }}</option>
	                	@foreach($provinces as $p)
						<option value="{{ $p->code }}" selected >{{ $p->{'name_'.app()->getLocale() } }}</option>
						@endforeach
					</select>
	            </div>
	            <!-- /.dash-input-wrapper -->
	        </div>
	        <div class="col-md-6">
	            <div class="dash-input-wrapper mb-30" id="district_div">
	                <label for="">{{ __('contents.district') }}*</label>
	                <select name="district" id="district" class="select2" >
	                	<option value=" " disabled> {{ __('contents.select') }}</option>
	                	@foreach($districts as $d)
						<option value="{{ $d->code }}" selected >{{ $d->{'name_'.app()->getLocale() } }}</option>
						@endforeach
					</select>
	            </div>
	            <!-- /.dash-input-wrapper -->
	        </div>
	        <div class="col-md-6">
	            <div class="dash-input-wrapper mb-30" id="commune_div">
	                <label for="">{{ __('contents.commune') }}*</label>
	                <select name="commune" id="commune" class="select2">
	                	<option value=" " disabled> {{ __('contents.select') }}</option>
	                	@foreach($communes as $c)
						<option value="{{ $c->code }}" selected >{{ $c->{'name_'.app()->getLocale() } }}</option>
						@endforeach
					</select>
	            </div>
	            <!-- /.dash-input-wrapper -->
	        </div>
	        <div class="col-md-6">
	            <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 >{{ $v->{'name_'.app()->getLocale() } }}</option>
						@endforeach
					</select>
	            </div>
	            <!-- /.dash-input-wrapper -->
	        </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">
	            </div>
	        </div>
		</div>
		<br>
		<label id="map-label" >Drag and Drop the Marker to Select the Location:</label>
		<div id="map"></div>
	</div>
	<!-- /.card-box -->

	<div class="bg-white card-box border-20 mt-40">
	    <h4 class="dash-title-three">{{ __('contents.overview') }}</h4>
	    <ul class="nav nav-tabs w-100" role="tablist">
			<li class="nav-item" role="presentation">
				<button type="button" class="nav-link active" data-bs-toggle="tab" data-bs-target="#fc1" role="tab">English</button>
			</li>
			<li class="nav-item" role="presentation">
				<button type="button" class="nav-link" data-bs-toggle="tab" data-bs-target="#fc2" role="tab">Khmer</button>
			</li>
		</ul>
		<div class="tab-content mt-30">
			<div class="tab-pane show active" role="tabpanel" id="fc1">
				<div class="dash-input-wrapper mb-30">
			        <label for="">{{ __('contents.propTitleEN') }}*</label>
			        <input type="text" name="title_en" 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_en" class="size-lg" placeholder="Write about property...">{!! $property->description_en !!}</textarea>
			    </div>
			    <!-- /.dash-input-wrapper -->
			</div>
			<!-- /.tab-pane -->
			<div class="tab-pane" role="tabpanel" id="fc2">
				<div class="dash-input-wrapper mb-30">
			        <label for="">{{ __('contents.propTitleKM') }}</label>
			        <input type="text" name="title_km" value="{{ $property->title_km }}"  placeholder="Your Property Name">
			    </div>
			    <!-- /.dash-input-wrapper -->
			    <div class="dash-input-wrapper mb-30">
			        <label for="">{{ __('contents.descKM') }}</label>
			        <textarea name="description_km" class="size-lg" placeholder="Write about property...">{!! $property->description_km !!}</textarea>
			    </div>
			    <!-- /.dash-input-wrapper -->
			</div>
			<!-- /.tab-pane -->
		</div>
	    
	    <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>
	<!-- /.card-box -->
	@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 & Video Attachment</h4>
	    <!-- <div class="dash-input-wrapper mb-20">
	        <label for="">File Attachment*</label>
	        <div id="file-list"></div>
	    </div> -->
	    <!-- /.dash-input-wrapper -->
	    <input type="file" id="file-upload" name="gallery[]"  multiple />
	    <!-- <div class="dash-btn-one d-inline-block position-relative me-3">
	        <i class="bi bi-plus"></i>
	        Upload File
	        
	    </div> -->
	    <small>Upload file .jpg, .png, .mp4</small>
	</div>
	<!-- /.card-box -->
	
	@php $varitaions = json_decode($type->variations); @endphp
	@if(!empty($varitaions))
	 <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><br>
									<center>
										<input 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">
	</div>
	@endif

		@if(!empty($info))
	<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="">{{ __('contents.bulidingWidth') }}</label>
	                <input type="number" min="0" value="{{ !empty($prop_info->building_width)?$prop_info->building_width:'' }}" name="info_building_width" placeholder="Building Width in Meters">
	            </div>
	            <!-- /.dash-input-wrapper -->
	        </div>
	        @endif
	        @if(in_array("Buliding Length (m)",$info))
	        <div class="col-md-6">
	            <div class="dash-input-wrapper mb-30">
	                <label for="">{{ __('contents.bulidingLength') }}</label>
	                <input type="number" min="0" value="{{ !empty($prop_info->building_length)?$prop_info->building_length:'' }}" name="info_building_length" placeholder="Building Length in Meters">
	            </div>
	            <!-- /.dash-input-wrapper -->
	        </div>
	        @endif
	        @if(in_array("Buliding Total Area (sqm)",$info))
	        <div class="col-md-6">
	            <div class="dash-input-wrapper mb-30">
	                <label for="">{{ __('contents.bulidingArea') }}</label>
	                <input type="number" min="0" value="{{ !empty($prop_info->building_area)?$prop_info->building_area:'' }}" name="info_building_area" placeholder="Building Total Area in Meters">
	            </div>
	            <!-- /.dash-input-wrapper -->
	        </div>
	        @endif
	        @if(in_array("Land Width (m)",$info))
	        <div class="col-md-6">
	            <div class="dash-input-wrapper mb-30">
	                <label for="">{{ __('contents.landWidth') }}</label>
	                <input type="number" min="0" value="{{ !empty($prop_info->land_width)?$prop_info->land_width:'' }}" name="info_land_width" placeholder="Land Width in Meters">
	            </div>
	            <!-- /.dash-input-wrapper -->
	        </div>
	        @endif
	        @if(in_array("Land Length (m)",$info))
	        <div class="col-md-6">
	            <div class="dash-input-wrapper mb-30">
	                <label for="">{{ __('contents.landLength') }}</label>
	                <input type="number" min="0" value="{{ !empty($prop_info->land_length)?$prop_info->land_length:'' }}" name="info_land_length" placeholder="Land Length in Meters">
	            </div>
	            <!-- /.dash-input-wrapper -->
	        </div>
	        @endif
	        @if(in_array("Land Total Area (sqm)",$info))
	        <div class="col-md-6">
	            <div class="dash-input-wrapper mb-30">
	                <label for="">{{ __('contents.landArea') }}</label>
	                <input type="number" min="0" value="{{ !empty($prop_info->land_area)?$prop_info->land_area:'' }}" name="info_land_area" placeholder="Land Total Area in Meters">
	            </div>
	            <!-- /.dash-input-wrapper -->
	        </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>
	</div>
	@endif
	<!-- /.card-box -->

	@if(count($aminites) > 0 && $type->allow_amenities == 'yes' )
	<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 }}"