@extends('admin.layouts.main')
@section('title')
<title>Add property</title>
@endsection
@section('content')
<main class="main">
                    <section class="section lyt-section typ-add-property">
                        <h2 class="bs-heading typ-27 typ-blue typ-800 mt-18 mb-24">
                            Edit Property
                        </h2>
                        <div class="bs-form typ-add-property">
                            <h3 class="bs-heading typ-20 mb-15">Add property details</h3>
                            <form onsubmit="return validateForm()" id="editProperty1" action="{{route('admin.adminUpdateProperty',$property)}}" method="POST" enctype="multipart/form-data">
                            @csrf   
                            @method('PUT')
                            <div class="row">
                                    <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="property-name"
                                                class="input-label typ-500 typ-clr-grey2 ls-0 mb-10">Property Name</label>
                                            <input type="text" name="property_name" value="{{$property->property_name}}" class="input-field" id="property-name"
                                            placeholder="Add property name">
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="property-type"
                                                class="input-label typ-500 typ-clr-grey2 ls-0 mb-10">Property Type</label>
                                                <select class="input-select" value="{{$property->property_type}}" name="property_type" id="property-type">
                                                <option value="0">Select Property Type</option>
                                                <option value="Commercial" {{ $property->property_type == 'Commercial' ? 'selected' : '' }}>Commercial</option>
                                                <option value="ready_to_move_in" {{ $property->property_type == 'ready_to_move_in' ? 'selected' : '' }}>Ready to move in</option>
                                                <option value="under_construction" {{ $property->property_type == 'under_construction' ? 'selected' : '' }}>Under construction</option>
                                                <option value="office" {{ $property->property_type == 'Commercial' ? 'office' : '' }}>Office</option>

                                            </select>
                                            <div id="property-type-error" class="error"></div>

                                        </div>
                                    </div>
                                    <!-- <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="property-status"
                                                class="input-label typ-500 typ-clr-grey2 ls-0 mb-10">Property Status</label>
                                            <select class="input-select" name="property_status" id="property-status">
                                            <option value="">Select Property Status</option>
                                                <option value="">For Rent</option>
                                                <option value="">For Lease</option>
                                                <option value="">For Rent</option>
                                            </select>
                                        </div>
                                    </div> -->
                                    <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="property-area"
                                                class="input-label typ-500 typ-clr-grey2 ls-0 mb-10">Area</label>
                                                <input type="number" id="property-area" value="{{$property->area}}" name="area" class="input-field col-12 col-md-12" placeholder="Add area sq ft">
                                            <!-- <select class="input-select" id="property-area">
                                                <option value="">85 sq ft</option>
                                                <option value="">For Lease</option>
                                                <option value="">For Rent</option>
                                            </select> -->
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="property-rooms"
                                                class="input-label typ-500 typ-clr-grey2 ls-0 mb-10">Minimum Beds</label>
                                            <select class="input-select" value="{{$property->min_beds}}" name="min_beds" id="property-rooms">
                                            <option value="1" {{ $property->min_beds == 1 ? 'selected' : '' }}>1</option>
                                            <option value="2" {{ $property->min_beds == 2 ? 'selected' : '' }}>2</option>
                                            <option value="3" {{ $property->min_beds == 3 ? 'selected' : '' }}>3</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="property-beds"
                                                class="input-label typ-500 typ-clr-grey2 ls-0 mb-10">Minimum Baths</label>
                                            <select class="input-select" name="min_bath" value="{{$property->min_bath}}" id="property-beds">
                                            <option value="1" {{ $property->min_bath == 1 ? 'selected' : '' }}>1</option>
                                            <option value="2" {{ $property->min_bath == 2 ? 'selected' : '' }}>2</option>
                                            <option value="3" {{ $property->min_bath == 3 ? 'selected' : '' }}>3</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-12 mb-24">
                                        <div class="row">
                                        <div class="col-lg-4 col-md-6 col-12">
                                        <div class="bs-input-box input-box">
                                            <label for="property-direction"
                                                class="input-label typ-500 typ-clr-grey2 ls-0 mb-10">Get Direction <span
                                                    class="typ-11">(Paste a property location Google Maps link
                                                    here)</span></label>
                                            <input type="text" value="{{$property->location_link}}" name="location_link" id="property-direction"
                                                 placeholder="Add google map link"
                                                class="input-field">
                                        </div>
                                    </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="description"
                                                class="input-label typ-500 typ-clr-grey2 ls-0 mb-10">Description</label>
                                            <textarea id="description" name="description" class="input-textarea"
                                                rows="10">{{$property->description}}</textarea>
                                                <span style="color:red;" id="descriptionError"></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="property-address"
                                                class="input-label typ-500 typ-clr-grey2 ls-0 mb-10">Address</label>
                                            <input type="text" name="address" value="{{$property->address}}" class="input-field" id="property-address"
                                            placeholder="Add address">
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="zip-code" class="input-label typ-500 typ-clr-grey2 ls-0 mb-10">Zip
                                                Code</label>
                                            <input type="number" value="{{$property->zip_code}}" name="zip_code" class="input-field" id="zip-code" placeholder="Zip code">
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="state"
                                                class="input-label typ-500 typ-clr-grey2 ls-0 mb-10">State</label>
                                            <input type="text" name="state" value="{{$property->state}}" class="input-field" placeholder="Add state" id="state">
                                        </div>
                                    </div>
                                     <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                        <label for="city"
                                                class="input-label typ-500 typ-clr-grey2 ls-0 mb-10">City</label>
                                            <select onchange="handleCityChange()" class="input-select" name="city" id="city">
                                            <option value="0">Select city </option>
                                                @foreach($cities as $city)
                                                <option value="{{$city->id}}" {{$city->id==$property->city ? 'selected' : ""}} >{{$city->city_name}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div id="city-error" class="error"></div>

                                    </div>
                                    <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                        <label for="locality"
                                                class="input-label typ-500 typ-clr-grey2 ls-0 mb-10">Locality</label>
                                            <select class="input-select" name="locality" id="locality">
                                                @foreach($localities as $locality)
                                                <option value="{{$locality->id}}" {{$locality->id==$property->locality ? 'selected' : ""}}>{{$locality->locality_name}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="landmarks"
                                                class="input-label typ-500 typ-clr-grey2 ls-0 mb-10">Landmark</label>
                                            <input type="text" value="{{$property->landmark}}" name="landmark" class="input-field" id="landmarks" placeholder="Add land mark">
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label
                                                class="input-label typ-500 typ-clr-grey2 ls-0 mb-10">Media</label>
                                            <div class="upload-file-wrapper text-center">
                                                <input type="file" name="property_images[]" multiple  accept="image/png, image/jpeg, image/jpg" id="upload-media" class="input-file">
                                                <div class="inner-upload-file uploadFile">
                                                    <div class="img-box mb-6">
                                                        <img src="assets/images/form/file.svg" draggable="false"
                                                            class="img-fluid" alt="">
                                                    </div>
                                                    <p class="bs-para typ-16 typ-grey4 ">Drop Pictures here or
                                                        click to upload.</p>
                                                </div>
                                                <div id="property_images-error" class="error"></div> <!-- Div for displaying error message -->

                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                        <div class="img-box-wrapper uploaded-loop-img" id="">
                                         @foreach($property->property_images as $property_image)
                                             <div class="img-box" id="property_image{{$property_image->id}}">
                                                    <img src="{{asset('storage/'.$property_image->image)}}" draggable="false"
                                                        class="img-fluid" alt="">
                                                    <div class="overlay-box">
                                                        <div class="delete-box" onclick="deletePropertyImage('{{$property_image->id}}')">
                                                            <span class="icon icon-bin"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                                @endforeach

                                            </div>
                                           <div class="img-box-wrapper uploaded-loop-img mt-2" id="image-preview">
                                        

                                            </div>
                                         </div>

                                    </div>
                                    <div class="col-lg-12 col-12 mb-24">
                                    <div class="input-box">
                                        @php
                                        $features=explode(", ",$property->features)
                                        @endphp
                                            <label for="emergency-exit" class="input-label typ-500 typ-clr-grey2 ls-0 mb-10">Additional
                                                features</label>
                                            <div class="d-md-inline-block mb-10 me-md-4">
                                                <input type="checkbox"
                                                    class="input-checkbox bs-checkbox typ-green me-10"
                                                    id="emergency-exit" name="features[]" value="Emergency Exit" @if(in_array('Emergency Exit',$features) )checked @endif>
                                                <label for="emergency-exit"
                                                    class="input-label typ-500 typ-clr-grey9 d-inline-block ls-0">Emergency
                                                    Exit</label>
                                            </div>
                                            <div class="d-md-inline-block mb-10 me-md-4">
                                                <input type="checkbox"
                                                    class="input-checkbox bs-checkbox typ-green me-10" id="cctv"
                                                    name="features[]" value="CCTV" @if(in_array('CCTV',$features) )checked @endif>
                                                <label for="cctv"
                                                    class="input-label typ-500 typ-clr-grey9 d-inline-block ls-0">CCTV</label>
                                            </div>
                                            <div class="d-md-inline-block mb-10 me-md-4">
                                                <input type="checkbox"
                                                    class="input-checkbox bs-checkbox typ-green me-10" id="free-wifi"
                                                    name="features[]" value="Free Wi-Fi" @if(in_array('Free Wi-Fi',$features) )checked @endif>
                                                <label for="free-wifi"
                                                    class="input-label typ-500 typ-clr-grey9 d-inline-block ls-0">Free
                                                    Wi-Fi</label>
                                            </div>
                                            <div class="d-md-inline-block mb-10 me-md-4">
                                                <input type="checkbox"
                                                    class="input-checkbox bs-checkbox typ-green me-10" id="parking-area"
                                                    name="features[]" value="Free Parking In The Area" @if(in_array('Free Parking In The Area',$features) )checked @endif>
                                                <label for="parking-area"
                                                    class="input-label typ-500 typ-clr-grey9 d-inline-block ls-0">Free
                                                    Parking In The Area</label>
                                            </div>
                                            <div class="d-md-inline-block mb-10 me-md-4">
                                                <input type="checkbox"
                                                    class="input-checkbox bs-checkbox typ-green me-10"
                                                    id="air-conditioning" name="features[]" value="Air Conditioning" @if(in_array('Air Conditioning',$features) )checked @endif>
                                                <label for="air-conditioning"
                                                    class="input-label typ-500 typ-clr-grey9 d-inline-block ls-0">Air
                                                    Conditioning</label>
                                            </div>
                                            <div class="d-md-inline-block mb-10 me-md-4">
                                                <input type="checkbox"
                                                    class="input-checkbox bs-checkbox typ-green me-10" id="skyline-view"
                                                    name="features[]" value="Skyline view" @if(in_array('Skyline view',$features) )checked @endif>
                                                <label for="skyline-view"
                                                    class="input-label typ-500 typ-clr-grey9 d-inline-block ls-0">Skyline
                                                    view</label>
                                            </div>
                                            <div class="d-md-inline-block mb-10 me-md-4">
                                                <input type="checkbox"
                                                    class="input-checkbox bs-checkbox typ-green me-10" id="sea-view"
                                                    name="features[]" value="Sea view" @if(in_array('Sea view',$features) )checked @endif>
                                                <label for="sea-view"
                                                    class="input-label typ-500 typ-clr-grey9 d-inline-block ls-0">Sea
                                                    view</label>
                                            </div>
                                            <div class="d-md-inline-block mb-10 me-md-4">
                                                <input type="checkbox"
                                                    class="input-checkbox bs-checkbox typ-green me-10" id="play-area"
                                                    name="features[]" value="Kids play area" @if(in_array('Kids play area',$features) )checked @endif>
                                                <label for="play-area"
                                                    class="input-label typ-500 typ-clr-grey9 d-inline-block ls-0">Kids
                                                    play area</label>
                                            </div>
                                            <div class="d-md-inline-block mb-10 me-md-4">
                                                <input type="checkbox"
                                                    class="input-checkbox bs-checkbox typ-green me-10"
                                                    id="security-guard" name="features[]" value="Security Guard" @if(in_array('Security Guard',$features) )checked @endif>
                                                <label for="security-guard"
                                                    class="input-label typ-500 typ-clr-grey9 d-inline-block ls-0">Security
                                                    Guard</label>
                                            </div>
                                            <div class="d-md-inline-block mb-10 me-md-4">
                                                <input type="checkbox"
                                                    class="input-checkbox bs-checkbox typ-green me-10" id="terrace"
                                                    name="features[]" value="Terrace" @if(in_array('Terrace',$features) )checked @endif>
                                                <label for="terrace"
                                                    class="input-label typ-500 typ-clr-grey9 d-inline-block ls-0">Terrace</label>
                                            </div>
                                            <div class="d-md-inline-block mb-10 me-md-4">
                                                <input type="checkbox"
                                                    class="input-checkbox bs-checkbox typ-green me-10"
                                                    id="laundry-service" name="features[]" value="Laundry Service" @if(in_array('Laundry Service',$features) )checked @endif>
                                                <label for="laundry-service"
                                                    class="input-label typ-500 typ-clr-grey9 d-inline-block ls-0">Laundry
                                                    Service</label>
                                            </div>
                                            <div class="d-md-inline-block mb-10 me-md-10">
                                                <input type="checkbox"
                                                    class="input-checkbox bs-checkbox typ-green me-10"
                                                    id="elevator-lift" name="features[]" value="Elevator Lift" @if(in_array('Elevator Lift',$features) )checked @endif>
                                                <label for="elevator-lift"
                                                    class="input-label typ-500 typ-clr-grey9 d-inline-block ls-0">Elevator
                                                    Lift</label>
                                            </div>
                                        </div>
                                        <div id="features-error" class="error"></div>

                                    </div>
                                    <div class="col-lg-12 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <div class="d-inline-block mb-10 me-10">
                                                <input type="radio" id="rent" name="property_for" {{$property->property_for == 'RENT' ? 'checked' : ''}} value="RENT" onchange="handleRadioChange()" class="input-radio bs-radio">
                                                <label for="rent" class="input-label typ-500 typ-clr-grey8 d-inline-block ls-0 cur-pointer">For Rent</label>
                                            </div>
                                            <div class="d-inline-block mb-10 me-10">
                                                <input type="radio" id="buy" name="property_for" {{$property->property_for == 'BUY' ? 'checked' : ''}} value="BUY" onchange="handleRadioChange()"  class="input-radio bs-radio" >
                                                <label for="buy" class="input-label typ-500 typ-clr-grey8 d-inline-block ls-0 cur-pointer">To buy</label>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="{{$property->property_for == 'BUY' ? '' : 'd-none'}}" id="buy_amount">
                                    <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="monthly-rent" class="input-label typ-500 typ-clr-grey2 ls-0 mb-10">Price (In INR)</label>
                                            <div class="rupee-box">
                                            <input type="number" class="input-field" value="{{$property->amount}}" name="amount" id="amount" placeholder="">
                                            </div>
                                        </div>
                                        <div id="amount-error" class="error"></div>

                                    </div>
                                    </div>

                                    <div class="row {{$property->property_for == 'RENT' ? '' : 'd-none'}}" id="rent_content">
                                    <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="monthly-rent"
                                                class="input-label typ-500 typ-clr-grey2 mb-6">Rent per month</label>
                                            <div class="rupee-box">
                                                <input type="number" class="input-field" value="{{$property->rent_amount}}" name="rent_amount" id="monthly-rent" placeholder="">
                                            </div>
                                        </div>
                                        <div id="rent_amount-error" class="error"></div>

                                    </div>
                                    <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="start-date" class="input-label typ-500 typ-clr-grey2 mb-6">Rent
                                                Start Date</label>
                                            <div class="bs-date">
                                                <input type="date" placeholder="{{$property->rent_start_date ? $property->rent_start_date->format('d-m-Y') : ''}}"  name="rent_start_date" class="input-date" id="rent_start_date">
                                            </div>
                                        </div>
                                        <span class="text-danger" id="start-date-error"></span>
                                        @error('date_error')
                                        <span class="text-danger" id="">{{$message}}</span>
                                        @enderror
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="end-date" class="input-label typ-500 typ-clr-grey2 mb-6">Rent
                                                End Date</label>
                                            <div class="bs-date">
                                                <input type="date" placeholder="{{$property->rent_end_date ? $property->rent_end_date->format('d-m-Y') : ''}}"  name="rent_end_date" class="input-date" id="rent_end_date">
                                            </div>
                                        </div>
                                        <span id="end-date-error" class="text-danger"></span>
                                    </div>
                                    <div class="col-lg-12 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label class="input-label typ-500 typ-clr-grey2 mb-6">Attach
                                                Documents</label>
                                            <div class="upload-file-wrapper text-center">
                                                <input name="document" type="file" id="upload-doc" class="input-file">
                                                <div class="inner-upload-file uploadFile">
                                                    <div class="img-box mb-6">
                                                        <img src="assets/images/form/file.svg" draggable="false"
                                                            class="img-fluid" alt="">
                                                    </div>
                                                    <p class="bs-para typ-16 typ-grey4 filename">Drop Pictures here or
                                                        click to upload.</p>
                                                </div>
                                            </div>
                                        </div>
                                       
                                    </div>
                                    
                                    @if($property->document)
                                        @php
                                            $name=basename($property->document);
                                        @endphp
                                        <a class="mb-2" href="{{asset('storage/'.$property->document)}}">Download {{$name}}</a>
                                        @endif
                                    </div>


                                    <div class="col-lg-12 col-12 mb-30">
                                        <div class="bs-input-box input-box">
                                            <div class="append-div">
                                                <div class="bs-flex-lyt upper-flex bs-search-box-set">
                                                    <div class="bs-flex-lyt upper-flex">
                                                        <div class="d-flex gap-24">
                                                            <select name="property_status" id="property_status" class="form-select">
                                                                <option value="0"> select status</option>
                                                                <option value="0" {{$property->property_status=="Sold" ? 'selected' : ""}}>Sold</option>
                                                                <option value="0" {{$property->property_status=="Rented" ? 'selected' : ""}}>Rented</option>
                                                                <option value="Approved" {{$property->property_status=="Approved" ? 'selected' : ""}}>Approved</option>
                                                                <option value="SENT FOR APPROVAL" {{$property->property_status=="SENT FOR APPROVAL" ? 'selected' : ""}}>SENT FOR APPROVAL</option>

                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <span class="error" id="property_status-error"></span>
                                    </div>
                                    @if($property->property_status=="Sold" )
                                        <div></div>
                                     @elseif($property->property_status=="Rented")  
                                     <div></div>
 
                                    @else
                                    <div class="col-lg-12 col-12">
                                        <div class="bs-input-box input-box">
                                            <button type="submit" class="bs-button typ-fill-complete">
                                             Update
                                            </button>
                                        </div>
                                    </div>
                                    @endif
                                </div>
                            </form>
                        </div>
                    </section>
                </main>
                <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

                <script>
function validateForm() {
    const rentStartDate = document.getElementById('rent_start_date').value;
    const rentEndDate = document.getElementById('rent_end_date').value;

    var validated=true;
    var error=document.getElementById('start-date-error');
    var end_date_error=document.getElementById('end-date-error');

    const currentDate = new Date();
    var date = new Date(rentStartDate);
    var rentDate = new Date(rentEndDate);


    if (rentDate && rentDate < date) {
        end_date_error.textContent = "End date should be greater than start date";
        validated= false;
    }
    return validated;
}
</script>
 <script>

    $(document).ready(function() {
        handleCityChange();
    });


        function handleCityChange(){
    var cityId=document.getElementById("city").value;
    if (cityId) {
                fetch(`/clients/homevana-backend/public/get-localities/${cityId}`, {
                    method: "GET",
                    headers: {
                        'Content-Type': 'application/json',
                    }
                })
                .then(response => response.json())
                .then(data => {
                    console.log("Localities fetched:", data);
                    const localitySelect = document.getElementById('locality');
                    localitySelect.innerHTML = '';
                    data.data.forEach(locality => {
                        const option = document.createElement('option');
                        option.value = locality.id;
                        option.textContent = locality.locality_name;
                        if (locality.id == '{{ $property->locality }}') {
                            option.selected = true;
                        }
                        localitySelect.appendChild(option);
                    });
                })
                .catch(error => console.error('Error fetching localities:', error));
            } else {
                document.getElementById('locality').innerHTML = '';
            }
}




    document.getElementById('upload-media').addEventListener('change', function(event) {
        const files = event.target.files;
        const previewContainer = document.getElementById('image-preview');
        previewContainer.innerHTML = ''; // Clear previous images

        const fileListArray = Array.from(files);

        fileListArray.forEach((file, index) => {
            const reader = new FileReader();

            reader.onload = function(e) {
                const imgBox = document.createElement('div');
                imgBox.className = 'img-box';
                imgBox.dataset.index = index;

                const img = document.createElement('img');
                img.src = e.target.result;
                img.draggable = false;
                img.className = 'img-fluid';

                const overlayBox = document.createElement('div');
                overlayBox.className = 'overlay-box';

                const deleteBox = document.createElement('div');
                deleteBox.className = 'delete-box';
                deleteBox.innerHTML = '<span class="icon icon-bin"></span>';
                deleteBox.addEventListener('click', function() {
                    imgBox.remove();
                    fileListArray.splice(index, 1);
                    updateFileInput(fileListArray);
                });

                overlayBox.appendChild(deleteBox);
                imgBox.appendChild(img);
                imgBox.appendChild(overlayBox);
                previewContainer.appendChild(imgBox);
            };

            reader.readAsDataURL(file);
        });

        function updateFileInput(files) {
            const dataTransfer = new DataTransfer();
            files.forEach(file => dataTransfer.items.add(file));
            document.getElementById('upload-media').files = dataTransfer.files;
        }
    });

        const token='{{csrf_token()}}';
    function deletePropertyImage(id){
     fetch("{{route('propertyImage.delete')}}",{
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
            'X-CSRF-Token': token
        },
        body: JSON.stringify({ 'id': id })
    }).then(response => response.json())
    .then(data => {
      
        if(data.status==200) {
            document.getElementById(`property_image${id}`).remove();
        }
    }) .catch(error => {
        console.log('error', error);
    });
    }
</script>
<script>
    function handleRadioChange(){
        const checkbox = document.getElementById('rent');
        const rendcontainer=document.getElementById('rent_content');
        const buy_amount=document.getElementById('buy_amount');


        if (checkbox.checked) {
            rendcontainer.className="row";
            buy_amount.style.display='none';
            } else {
                rendcontainer.className="row d-none";  
                buy_amount.style.display='block';
                buy_amount.className="";
          }
    }

</script>

@endsection