@if(!empty($propertyCondition))
<div class="accordion-item" id="property_condition" style="display: none;">
    <h2 class="accordion-header accordion-header-primary">
        <button class="accordion-button collapsed bg-primary text-white" type="button" data-bs-toggle="collapse"
            data-bs-target="#property_condition_1" aria-expanded="true" aria-controls="property_condition_1">
            Property Condition
        </button>
    </h2>
    <div id="property_condition_1" class="accordion-collapse collapse" data-bs-parent="#accordion-one">
        <div class="accordion-body  pt-4">
                <div class="row align-items-end">
                    <div class="mb-3 col-md-3">
                        <label class="form-label">Exterior Material</label>
                        <select class="multi-select form-control form-control-sm" for="id_label_multiple" name="exterior_material">
                            <option value="Aluminum" @selected(old('exterior_material', $propertyCondition['exterior_material'] ?? '') == 'Aluminum')>Aluminum</option>
                            <option value="Brick" @selected(old('exterior_material', $propertyCondition['exterior_material'] ?? '') == 'Brick')>Brick</option>
                            <option value="Cedar" @selected(old('exterior_material', $propertyCondition['exterior_material'] ?? '') == 'Cedar')>Cedar</option>
                            <option value="Composition Siding Cement" @selected(old('exterior_material', $propertyCondition['exterior_material'] ?? '') == 'Composition Siding Cement')>Composition Siding Cement</option>
                            <option value="Composition Siding Wood" @selected(old('exterior_material', $propertyCondition['exterior_material'] ?? '') == 'Composition Siding Wood')>Composition Siding Wood</option>
                            <option value="Concrete Block" @selected(old('exterior_material', $propertyCondition['exterior_material'] ?? '') == 'Concrete Block')>Concrete Block</option>
                            <option value="Cultured Stone" @selected(old('exterior_material', $propertyCondition['exterior_material'] ?? '') == 'Cultured Stone')>Cultured Stone</option>
                            <option value="Drivit Type" @selected(old('exterior_material', $propertyCondition['exterior_material'] ?? '') == 'Drivit Type')>Drivit Type</option>
                            <option value="Log" @selected(old('exterior_material', $propertyCondition['exterior_material'] ?? '') == 'Log')>Log</option>
                            <option value="Log siding" @selected(old('exterior_material', $propertyCondition['exterior_material'] ?? '') == 'Log siding')>Log siding</option>
                            <option value="Shingle Shake" @selected(old('exterior_material', $propertyCondition['exterior_material'] ?? '') == 'Shingle Shake')>Shingle Shake</option>
                            <option value="Stone" @selected(old('exterior_material', $propertyCondition['exterior_material'] ?? '') == 'Stone')>Stone</option>
                            <option value="Stucco Style" @selected(old('exterior_material', $propertyCondition['exterior_material'] ?? '') == 'Stucco Style')>Stucco Style</option>
                            <option value="Vinyl" @selected(old('exterior_material', $propertyCondition['exterior_material'] ?? '') == 'Vinyl')>Vinyl</option>
                            <option value="Vinyl with Brick" @selected(old('exterior_material', $propertyCondition['exterior_material'] ?? '') == 'Vinyl with Brick')>Vinyl with Brick</option>
                            <option value="Vinyl with Stone" @selected(old('exterior_material', $propertyCondition['exterior_material'] ?? '') == 'Vinyl with Stone')>Vinyl with Stone</option>
                            <option value="Wood" @selected(old('exterior_material', $propertyCondition['exterior_material'] ?? '') == 'Wood')>Wood</option>
                            <option value="Wood Brick" @selected(old('exterior_material', $propertyCondition['exterior_material'] ?? '') == 'Wood Brick')>Wood Brick</option>
                            <option value="Wood with Stone" @selected(old('exterior_material', $propertyCondition['exterior_material'] ?? '') == 'Wood with Stone')>Wood with Stone</option>
                            <option value="Other" @selected(old('exterior_material', $propertyCondition['exterior_material'] ?? '') == 'Other')>Other</option>
                        </select>
                    </div>
            
                    <div class="mb-3 col-md-3">
                        <x-input-label for="Exterior Condition" :value="__('Exterior Condition')" />
                        <x-text-input name="exterior_condition" value="{{ old('exterior_condition',$propertyCondition['exterior_condition']) }}" placeholder="Enter Exterior Condition" />
                    </div>
                    <div id="roofage" class="mb-3 col-md-3" style="display:none;">
                        <x-input-label for="Roof Age" :value="__('Roof Age')" />
                        <x-text-input type="number" name="roof_age" value="{{ old('roof_age',$propertyCondition['roof_age']) }}" placeholder="Enter Roof Age" />
                    </div>
                    <div id="roofcondition" class="mb-3 col-md-3" style="display:none;">
                        <label class="form-label">Roof Condition</label>
                        <select class="multi-select form-control" for="id_label_multiple" name="roof_condition">
                            <option value="" @selected(old('roof_condition', $propertyCondition['roof_condition'] ?? '') == '')>Choose...</option>
                            <option value="Good" @selected(old('roof_condition', $propertyCondition['roof_condition'] ?? '') == 'Good')>Good</option>
                            <option value="Bad" @selected(old('roof_condition', $propertyCondition['roof_condition'] ?? '') == 'Bad')>Bad</option>
                            <option value="Worst" @selected(old('roof_condition', $propertyCondition['roof_condition'] ?? '') == 'Worst')>Worst</option>
                        </select>
                    </div>
                    <div id="multiplelayers" class="mb-3 col-md-3" style="display:none;">
                            <x-input-label for="multiple_layers" :value="__('Are there Multiple Layers?')" />
                            <select name="multiple_layers" class="default-select form-control form-control-sm wide">
                                <option value="" {{ old('multiple_layers', $propertyCondition['multiple_layers'] ?? '') === '' ? 'selected' : '' }}>Choose...</option>
                                <option value="yes" {{ old('multiple_layers', $propertyCondition['multiple_layers'] ?? '') === 'yes' ? 'selected' : '' }}>Yes</option>
                                <option value="no" {{ old('multiple_layers', $propertyCondition['multiple_layers'] ?? '') === 'no' ? 'selected' : '' }}>No</option>
                            </select>
                        </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="interior_condition_overall" :value="__('Interior Condition Overall')" />
                        <x-text-input name="interior_condition_overall" placeholder="Enter Interior condition" value="{{ old('interior_condition_overall', $propertyCondition['interior_condition_overall'] ?? '') }}"/>
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="mechanicals" :value="__('Mechanicals')" />
                        <x-text-input name="mechanicals" placeholder="Enter Mechanicals Condition"  value="{{ old('mechanicals', $propertyCondition['mechanicals'] ?? '') }}" />
                    </div>
                    
                    <div class="mb-3 col-md-3">
                        <label class="form-label">Water Softener</label>
                        <select id="" class="default-select form-control form-control-sm wide" name="water_softener">
                            <option value="" @selected(old('water_softener', $propertyCondition['water_softener'] ?? '') === '')>Choose...</option>
                            <option value="yes" @selected(old('water_softener', $propertyCondition['water_softener'] ?? '') === 'yes')>Yes</option>
                            <option value="no" @selected(old('water_softener', $propertyCondition['water_softener'] ?? '') === 'no')>No</option>
                        </select>
                    </div>
                    
                    <div class="mb-3 col-md-3">
                        <label class="form-label">Hot Water Tank</label>
                        <select id="hot_water_tank" class="default-select form-control form-control-sm wide" name="hot_water_tank">
                            <option value="" @selected(old('hot_water_tank', $propertyCondition['hot_water_tank'] ?? '') === '')>Choose...</option>
                            <option value="yes" @selected(old('hot_water_tank', $propertyCondition['hot_water_tank'] ?? '') === 'yes')>Yes</option>
                            <option value="no" @selected(old('hot_water_tank', $propertyCondition['hot_water_tank'] ?? '') === 'no')>No</option>
                        </select>
                    </div>
                    <div class="mb-3 col-md-3" id="hot_water_tank_age" style="{{ (isset($propertyCondition['hot_water_tank'] ) && $propertyCondition['hot_water_tank']  === 'yes') ? '' : 'display:none' }}">
                        <x-input-label for="hot_water_tank_age" :value="__('Hot Water Tank Age')" />
                        <x-text-input name="hot_water_tank_age" placeholder="Enter Hot Water Tank Age"
                                      value="{{ old('hot_water_tank_age', $propertyCondition['hot_water_tank_age'] ?? '') }}" />
                    </div>
                    
                    <div class="mb-3 col-md-3">
                        <x-input-label for="appliance_quality" :value="__('Appliance Quality')" />
                        <x-text-input name="appliance_quality" placeholder="Enter Appliance Quality"
                                      value="{{ old('appliance_quality', $propertyCondition['appliance_quality'] ?? '') }}" />
                    </div>
                    
                    <div class="mb-3 col-md-3">
                        <x-input-label for="kitchen_quality" :value="__('Kitchen Quality')" />
                        <x-text-input name="kitchen_quality" placeholder="Enter Kitchen Quality"
                                      value="{{ old('kitchen_quality', $propertyCondition['kitchen_quality'] ?? '') }}" />
                    </div>
                    
                    <div class="mb-3 col-md-3">
                        <x-input-label for="lot_condition" :value="__('Lot Condition')" />
                        <x-text-input name="lot_condition" placeholder="Enter Lot Condition"
                                      value="{{ old('lot_condition', $propertyCondition['lot_condition'] ?? '') }}" />
                    </div>
                    
                    <div class="mb-3 col-md-3">
                        <x-input-label for="flooring_condition" :value="__('Flooring Condition')" />
                        <x-text-input name="flooring_condition" placeholder="Enter Flooring Condition"
                                      value="{{ old('flooring_condition', $propertyCondition['flooring_condition'] ?? '') }}" />
                    </div>
                    
                    <div class="mb-3 col-md-3">
                        <x-input-label for="fixtures_quality" :value="__('Fixtures - Quality')" />
                        <x-text-input name="fixtures_quality" placeholder="Enter Fixtures Quality"
                                      value="{{ old('fixtures_quality', $propertyCondition['fixtures_quality'] ?? '') }}" />
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif