@php
    $property_size = Config::get('static_array.property_size') ?? [];
    $conditions = ['New', 'Old', 'Renovated', 'Under Construction']; // Example conditions
    $furnishing_types = ['Unfurnished', 'Semi-Furnished', 'Fully Furnished'];
    $listing_by = ['Agent', 'Owner'];
@endphp

<div class="row">
    {{-- Property Type --}}
    <div class="col-md-6 mb-4">
        <label for="property_type" class="form-label">Property Type</label>
        <div class="form-check">
            @foreach(['Agricultural', 'Residential', 'Commercial', 'Other'] as $type)
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="property_type" value="{{ $type }}" id="property_type_{{ $loop->index+1 }}" {{ old('property_type') == $type ? 'checked' : '' }}>
                    <label class="form-check-label" for="property_type_{{ $loop->index+1 }}">{{ $type }}</label>
                </div>
            @endforeach
            {!! $errors->first('property_type', '<label class="help-block text-danger">:message</label>') !!}
        </div>
    </div>

    {{-- Condition --}}
    <div class="col-md-6 mb-4">
        <label for="condition" class="form-label">Condition</label>
        <select name="condition" id="condition" class="form-control @error('condition') is-invalid @enderror">
            <option value="">-- Select Condition --</option>
            @foreach($conditions as $condition)
                <option value="{{ $condition }}" {{ old('condition') == $condition ? 'selected' : '' }}>{{ $condition }}</option>
            @endforeach
        </select>
        {!! $errors->first('condition', '<label class="help-block text-danger">:message</label>') !!}
    </div>

    {{-- Address --}}
    <div class="col-md-6 mb-4">
        <label for="address" class="form-label">Property Address</label>
        <input type="text" name="address" id="address" class="form-control @error('address') is-invalid @enderror" placeholder="Enter the street, house number, and/or post code" value="{{ old('address') }}">
        {!! $errors->first('address', '<label class="help-block text-danger">:message</label>') !!}
    </div>

    {{-- Furnishing --}}
    <div class="col-md-6 mb-4">
        <label for="furnishing" class="form-label">Furnishing</label>
        <select name="furnishing" id="furnishing" class="form-control @error('furnishing') is-invalid @enderror">
            <option value="">-- Select Furnishing --</option>
            @foreach($furnishing_types as $furnishing)
                <option value="{{ $furnishing }}" {{ old('furnishing') == $furnishing ? 'selected' : '' }}>{{ $furnishing }}</option>
            @endforeach
        </select>
        {!! $errors->first('furnishing', '<label class="help-block text-danger">:message</label>') !!}
    </div>

    {{-- Parking Space --}}
    <div class="col-md-6 mb-4">
        <label for="parking_space" class="form-label">Parking Space</label>
        <input type="number" name="parking_space" id="parking_space" min="0" class="form-control @error('parking_space') is-invalid @enderror" placeholder="Number of parking spaces" value="{{ old('parking_space') }}">
        {!! $errors->first('parking_space', '<label class="help-block text-danger">:message</label>') !!}
    </div>

    {{-- Square Meters --}}
    <div class="col-md-6 mb-4">
        <label for="square_meters" class="form-label">Square Meters</label>
        <input type="text" name="square_meters" id="square_meters" class="form-control @error('square_meters') is-invalid @enderror" placeholder="Enter size in m²" value="{{ old('square_meters') }}">
        {!! $errors->first('square_meters', '<label class="help-block text-danger">:message</label>') !!}
    </div>

    {{-- Secure Parking Checkbox --}}
    <div class="col-md-6 mb-4">
        <div class="form-check mt-2">
            <input {{ old('secure_parking') == '1' ? 'checked' : '' }} class="form-check-input" type="checkbox" value="1" name="secure_parking" id="secure_parking">
            <label class="form-check-label" for="secure_parking">
                Secure Parking
            </label>
        </div>
    </div>

    {{-- Minimum Rental Period (days) --}}
    <div class="col-md-6 mb-4">
        <label for="min_rental_period" class="form-label">Minimum Rental Period (days)</label>
        <input type="number" name="min_rental_period" id="min_rental_period" min="0" class="form-control @error('min_rental_period') is-invalid @enderror" value="{{ old('min_rental_period') }}">
        {!! $errors->first('min_rental_period', '<label class="help-block text-danger">:message</label>') !!}
    </div>
    {{-- Secure Parking Checkbox --}}
<div class="col-md-6 mb-4">
    <div class="form-check mt-2">
        <input 
            {{ old('service_charge') == '1' ? 'checked' : '' }} 
            class="form-check-input" 
            type="checkbox" 
            value="1" 
            name="service_charge" 
            id="service_charge"
        >
        <label class="form-check-label" for="service_charge">
            Service charge 
        </label>
    </div>
</div>

{{-- Service Charge Fee --}}
<div class="col-md-6 mb-4 service-charge-dependent" style="display: {{ old('service_charge') == '1' ? 'block' : 'none' }};">
    <label for="service_charge_fee" class="form-label">Service Charge Fee</label>
    <input 
        type="text" 
        name="service_charge_fee" 
        id="service_charge_fee" 
        class="form-control @error('service_charge_fee') is-invalid @enderror" 
        placeholder="Enter fee" 
        value="{{ old('service_charge_fee') }}"
    >
    {!! $errors->first('service_charge_fee', '<label class="help-block text-danger">:message</label>') !!}
</div>

{{-- Service Charge Covers --}}
<div class="col-md-6 mb-4 service-charge-dependent" style="display: {{ old('service_charge') == '1' ? 'block' : 'none' }};">
    <label for="service_charge_cover" class="form-label">Service Charge Covers</label>
    <input 
        type="text" 
        name="service_charge_cover" 
        id="service_charge_cover" 
        class="form-control @error('service_charge_cover') is-invalid @enderror" 
        placeholder="What does service charge cover?" 
        value="{{ old('service_charge_cover') }}"
    >
    {!! $errors->first('service_charge_cover', '<label class="help-block text-danger">:message</label>') !!}
</div>



   {{-- Listing By --}}
<div class="col-md-6 mb-4">
    <label for="listing_by" class="form-label">Listing By</label>
    <select name="listing_by" id="listing_by" class="form-control @error('listing_by') is-invalid @enderror">
        <option value="">-- Select --</option>
        @foreach($listing_by as $lb)
            <option value="{{ $lb }}" {{ old('listing_by') == $lb ? 'selected' : '' }}>{{ $lb }}</option>
        @endforeach
    </select>
    {!! $errors->first('listing_by', '<label class="help-block text-danger">:message</label>') !!}
</div>

{{-- Agency Fee --}}
<div class="col-md-6 mb-4 agent-dependent" style="display: {{ old('listing_by') == 'Agent' ? 'block' : 'none' }};">
    <label for="agency_fee" class="form-label">Agency Fee</label>
    <input type="text" name="agency_fee" id="agency_fee" class="form-control @error('agency_fee') is-invalid @enderror" placeholder="Enter agency fee" value="{{ old('agency_fee') }}">
    {!! $errors->first('agency_fee', '<label class="help-block text-danger">:message</label>') !!}
</div>

{{-- Legal & Agreement Fee --}}
<div class="col-md-6 mb-4 agent-dependent" style="display: {{ old('listing_by') == 'Agent' ? 'block' : 'none' }};">
    <label for="legal_agreement_fee" class="form-label">Legal & Agreement Fee</label>
    <input type="text" name="legal_agreement_fee" id="legal_agreement_fee" class="form-control @error('legal_agreement_fee') is-invalid @enderror" placeholder="Enter legal/agreement fee" value="{{ old('legal_agreement_fee') }}">
    {!! $errors->first('legal_agreement_fee', '<label class="help-block text-danger">:message</label>') !!}
</div>





    {{-- Caution Fee --}}
    <div class="col-md-6 mb-4">
        <label for="caution_fee" class="form-label">Caution Fee</label>
        <input type="text" name="caution_fee" id="caution_fee" class="form-control @error('caution_fee') is-invalid @enderror" placeholder="Enter caution fee" value="{{ old('caution_fee') }}">
        {!! $errors->first('caution_fee', '<label class="help-block text-danger">:message</label>') !!}
    </div>
</div>
{{-- @push('script') --}}
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Service Charge toggle
        const serviceChargeCheckbox = document.getElementById('service_charge');
        const dependentFields = document.querySelectorAll('.service-charge-dependent');
        if(serviceChargeCheckbox) {
            serviceChargeCheckbox.addEventListener('change', function() {
                dependentFields.forEach(field => {
                    field.style.display = this.checked ? 'block' : 'none';
                });
            });
        }

        // Listing By / Agent toggle
        const listingBySelect = document.getElementById('listing_by');
        const agentFields = document.querySelectorAll('.agent-dependent');
        if(listingBySelect) {
            listingBySelect.addEventListener('change', function() {
                agentFields.forEach(field => {
                    field.style.display = this.value === 'Agent' ? 'block' : 'none';
                });
            });
        }
    });
</script>
{{-- @endpush --}}