@if(!empty($apartments))

{{-- <div class="accordion-item" id="appartment-information-for-multi-family" 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="#appartment" aria-expanded="true" aria-controls="default-collapseOne">
            Apartment for Residential Property
        </button>
    </h2>
    <div id="appartment" class="accordion-collapse collapse" data-bs-parent="#accordion-basic-property"> --}}
        <x-prelisting.accordion-template title="Apartment for Residential Property" id="appartment-information-for-multi-family" display="none" target="appartment">
        <div class="accordion-body  pt-1">

            <input type="hidden" name="apartment_for_residential_property"
                value="_____________apartment_for_residential_property_____________">

            <div id="apartment-residential-multi-family-section">

                @forelse ($apartments as $apartment)
                <div class="row mt-3 apartment-residential-multi-family-form border border-2 pt-2 rounded" id="">
                    <h4>Apartment {{ $loop->iteration }}</h4>
                    <hr>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="bedrooms" :value="__('No. of Bedrooms')" />
                        <x-number-input name="num_bedrooms[]" placeholder="Enter No Bedrooms"
                            value="{{ old('num_bedrooms', $apartment['num_bedrooms']) }}" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="full_bathrooms" :value="__('No. of Full Bathrooms')" />
                        <x-number-input name="num_full_bathrooms[]" placeholder="Enter No of Full Bathrooms"
                            value="{{ old('num_full_bathrooms', $apartment['num_full_bathrooms']) }}" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="half_bathrooms" :value="__('No. of Half Bathrooms')" />
                        <x-number-input name="num_half_bathrooms[]" placeholder="Enter No of Half Bathroom"
                            value="{{ old('num_half_bathrooms', $apartment['num_half_bathrooms']) }}" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="building_level" :value="__('Building Level')" />
                        <x-number-input name="building_level[]" placeholder="Enter Building Level"
                            value="{{ old('building_level', $apartment['building_level']) }}" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="appartment_total_square_footage" :value="__('Total Square Footage')" />
                        <x-number-input name="appartment_total_square_footage[]"
                            placeholder="Enter Total Square Footage"
                            value="{{ old('appartment_total_square_footage', $apartment['appartment_total_square_footage']) }}" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="Appliances" :value="__('Appliances')" />
                        <x-text-input name="appartment_appliances[]" placeholder="Enter Appliances"
                            value="{{ old('appartment_appliances', $apartment['appartment_appliances']) }}" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <label class="form-label">Is Property Vacant?</label>
                        <select class="default-select form-control form-control-sm wide" name="is_property_vacant[]">
                            <option value="" @selected(is_null($apartment['is_property_vacant']))>Choose...</option>
                            <option value="yes" @selected($apartment['is_property_vacant']=='yes' )>Yes</option>
                            <option value="no" @selected($apartment['is_property_vacant']=='no' )>No</option>
                        </select>
                    </div>

                    <div class="mb-3 col-md-3">
                        <x-input-label for="Tenant Name" :value="__('Tenant Name')" />
                        <x-text-input name="tenant_name[]" placeholder="Enter Tenant Name"
                            value="{{ old('tenant_name', $apartment['tenant_name']) }}" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <label class="form-label">Type of lease</label>
                        <select name="type_of_lease[]" class="default-select form-control form-control-sm wide">
                            <option value="" @selected(is_null($apartment['type_of_lease']))>Choose...</option>
                            <option value="N" @selected($apartment['type_of_lease']=='N' )>N</option>
                            <option value="NN" @selected($apartment['type_of_lease']=='NN' )>NN</option>
                            <option value="NNN" @selected($apartment['type_of_lease']=='NNN' )>NNN</option>
                            <option value="Gross" @selected($apartment['type_of_lease']=='Gross' )>Gross</option>
                            <option value="Gross Modified" @selected($apartment['type_of_lease']=='Gross Modified' )>
                                Gross Modified</option>
                        </select>
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="term_of_lease" :value="__('Term of Lease')" />
                        <x-text-input name="term_of_lease[]" placeholder="Enter Term of Lease"
                            value="{{ old('term_of_lease', $apartment['term_of_lease']) }}" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="start_date_of_lease" :value="__('Start Date of Lease')" />
                        <x-text-input type="date" name="start_date_of_lease[]" placeholder="Enter Start Date of Lease"
                            value="{{ old('start_date_of_lease', $apartment['start_date_of_lease']) }}" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="end_or_renewal_date_of_lease" :value="__('End or Renewal Date of Lease')" />
                        <x-text-input type="date" name="end_or_renewal_date_of_lease[]" placeholder="Enter Date"
                            value="{{ old('end_or_renewal_date_of_lease', $apartment['end_or_renewal_date_of_lease']) }}" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="flooring" :value="__('Flooring')" />
                        <x-text-input name="flooring[]" placeholder="Enter Flooring"
                            value="{{ old('flooring', $apartment['flooring']) }}" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="paint_condition" :value="__('Paint Condition')" />
                        <x-text-input name="paint_condition[]" placeholder="Enter Paint Condition"
                            value="{{ old('paint_condition', $apartment['paint_condition']) }}" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <label class="form-label">Is Property Furnished?</label>
                        <select class="default-select form-control form-control-sm wide" name="is_property_furnished[]">
                            <option value="" @selected(is_null($apartment['is_property_furnished']))>Choose...</option>
                            <option value="yes" @selected($apartment['is_property_furnished']=='yes' )>Yes</option>
                            <option value="no" @selected($apartment['is_property_furnished']=='no' )>No</option>
                        </select>
                    </div>
                    <div class="mb-3 col-md-3">
                        <label class="form-label">Monthly Rent</label>
                        <div class="input-group">
                            <span class="input-group-text">$</span>
                            <input type="number" class="form-control form-control-sm" placeholder="Enter Monthly Rent"
                                name="monthly_rent[]" value="{{ old('monthly_rent', $apartment['monthly_rent']) }}">
                        </div>
                    </div>
                    <div class="mb-3 col-md-3">
                        <label class="form-label">Leasing Deposit</label>
                        <div class="input-group">
                            <span class="input-group-text">$</span>
                            <input type="number" class="form-control form-control-sm"
                                placeholder="Enter Leasing Deposit" name="leasing_deposit[]"
                                value="{{ old('leasing_deposit', $apartment['leasing_deposit']) }}">
                        </div>
                    </div>
                    <div class="mb-3 col-md-3">
                        <label class="form-label">Other Deposit</label>
                        <div class="input-group">
                            <span class="input-group-text">$</span>
                            <input type="number" class="form-control form-control-sm" placeholder="Enter Other Deposit"
                                name="other_deposit[]" value="{{ old('other_deposit', $apartment['other_deposit']) }}">
                        </div>
                    </div>
                    <div class="mb-3 col-md-3">
                        <label class="form-label">Last Month Rent Collected… If So, Amount</label>
                        <div class="input-group">
                            <span class="input-group-text">$</span>
                            <input type="number" class="form-control form-control-sm"
                                placeholder="Enter Last Month Rent" name="last_month_rent_collected[]"
                                value="{{ old('last_month_rent_collected', $apartment['last_month_rent_collected']) }}">
                        </div>
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="electric_included" :value="__('Electric Included')" />
                        <x-text-input name="electric_included[]" placeholder="Enter Electric Included"
                            value="{{ old('electric_included', $apartment['electric_included']) }}" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="water_included" :value="__('Water Included')" />
                        <x-text-input name="water_included[]" placeholder="Enter Water Included"
                            value="{{ old('water_included', $apartment['water_included']) }}" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="gas_included" :value="__('Gas Included')" />
                        <x-text-input name="gas_included[]" placeholder="Enter Gas Included"
                            value="{{ old('gas_included', $apartment['gas_included']) }}" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="hot_water_tank_age" :value="__('Hot Water Tank Age')" />
                        <x-text-input name="appartment_hot_water_tank_age[]" placeholder="Enter Hot Water Tank Age"
                            value="{{ old('appartment_hot_water_tank_age', $apartment['appartment_hot_water_tank_age']) }}" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="condition_of_apartment" :value="__('Condition of Apartment')" />
                        <x-text-input name="condition_of_apartment[]" placeholder="Enter Condition of Apartment"
                            value="{{ old('condition_of_apartment', $apartment['condition_of_apartment']) }}" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="common_area" :value="__('Common Area')" />
                        <x-text-input name="common_area[]" placeholder="Enter Common Area"
                            value="{{ old('common_area', $apartment['common_area']) }}" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="furnace_details" :value="__('Furnace Details')" />
                        <x-text-input name="furnace_details[]" placeholder="Enter Furnace Details"
                            value="{{ old('furnace_details', $apartment['furnace_details']) }}" />
                    </div>
                </div>

                @empty
                <div class="row mt-3 apartment-residential-multi-family-form border border-2 pt-2 rounded" id="">
                    <h4>Apartment 1</h4>
                    <hr>

                    <div class="mb-3 col-md-3">
                        <x-input-label for="bedrooms" :value="__('No. of Bedrooms')" />
                        <x-number-input name="num_bedrooms[]" placeholder="Enter No Bathrooms" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="full_bathrooms" :value="__('No. of Full Bathrooms')" />
                        <x-number-input name="num_full_bathrooms[]" placeholder="Enter No of Full Bathrooms" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="half_bathrooms" :value="__('No. of Half Bathrooms')" />
                        <x-number-input name="num_half_bathrooms[]" placeholder="Enter No of Half Bathroom" />
                    </div>

                    <div class="mb-3 col-md-3">
                        <x-input-label for="building_level" :value="__('Building Level')" />
                        <x-number-input name="building_level[]" placeholder="Enter Building Level" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="appartment_total_square_footage" :value="__('Total Square Footage')" />
                        <x-number-input name="appartment_total_square_footage[]"
                            placeholder="Enter Total Square Footage" />
                    </div>

                    <div class="mb-3 col-md-3">
                        <x-input-label for="Appliances" :value="__('Appliances')" />
                        <x-text-input name="appartment_appliances[]" placeholder="Enter Appliances" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <label class="form-label">Is Property Vacant?</label>
                        <select class="default-select form-control  form-control-sm wide" name="is_property_vacant[]">
                            <option selected value="" selected>Choose...</option>
                            <option value="yes">Yes</option>
                            <option value="no">No</option>
                        </select>
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="Tenant Name" :value="__('Tenant Name')" />
                        <x-text-input name="tenant_name[]" placeholder="Enter Tenant Name" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <label class="form-label">Type of lease</label>
                        <select name="type_of_lease[]" class="default-select form-control  form-control-sm wide">
                            <option selected value="">Choose...</option>
                            <option value="N">N</option>
                            <option value="NN">NN</option>
                            <option value="NNN">NNN</option>
                            <option value="Gross">Gross</option>
                            <option value="Gross Modified">Gross Modified</option>
                        </select>
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="term_of_lease" :value="__('Term of Lease')" />
                        <x-text-input name="term_of_lease[]" placeholder="Enter Term of Lease" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="start_date_of_lease" :value="__('Start Date of Lease')" />
                        <x-text-input type="date" name="start_date_of_lease[]"
                            placeholder="Enter Start Date of Lease" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="end_or_renewal_date_of_lease" :value="__('End or Renewal Date of Lease')" />
                        <x-text-input type="date" name="end_or_renewal_date_of_lease[]" placeholder="Enter Date" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="flooring" :value="__('Flooring')" />
                        <x-text-input name="flooring[]" placeholder="Enter Flooring" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="paint_condition" :value="__('Paint Condition')" />
                        <x-text-input name="paint_condition[]" placeholder="Enter Paint Condition" />
                    </div>

                    <div class="mb-3 col-md-3">
                        <label class="form-label">Is Property Furnised</label>
                        <select id="" class="default-select form-control  form-control-sm wide"
                            name="is_property_furnished[]">
                            <option selected value="">Choose...</option>
                            <option value="yes">Yes</option>
                            <option value="no">No</option>
                        </select>
                    </div>
                    <div class="mb-3 col-md-3">
                        <label class="form-label">Monthly Rent</label>
                        <div class="input-group">
                            <span class="input-group-text">$</span>
                            <input type="number" class="form-control form-control-sm" placeholder="Enter Monthly Rent"
                                name="monthly_rent[]">>
                        </div>
                    </div>
                    <div class="mb-3 col-md-3">
                        <label class="form-label">Leasing Deposit</label>
                        <div class="input-group">
                            <span class="input-group-text">$</span>
                            <input type="number" class="form-control form-control-sm"
                                placeholder="Enter Leasing Deposit" name="leasing_deposit[]">
                        </div>
                    </div>
                    <div class="mb-3 col-md-3">
                        <label class="form-label">Other Deposit</label>
                        <div class="input-group">
                            <span class="input-group-text">$</span>
                            <input type="number" class="form-control form-control-sm" placeholder="Enter Other Deposit"
                                name="other_deposit[]">
                        </div>
                    </div>
                    <div class="mb-3 col-md-3">
                        <label class="form-label">Last Month Rent Collected… If So, Amount</label>
                        <div class="input-group">
                            <span class="input-group-text">$</span>
                            <input type="number" class="form-control form-control-sm"
                                placeholder="Enter Last Month Rent" name="last_month_rent_collected[]">
                        </div>
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="electric_included" :value="__('Electric Included')" />
                        <x-text-input name="electric_included[]" placeholder="Enter Electric Included" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="water_included" :value="__('Water Included')" />
                        <x-text-input name="water_included[]" placeholder="Enter Water Included" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="gas_included" :value="__('Gas Included')" />
                        <x-text-input name="gas_included[]" placeholder="Enter Gas Included" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="furnace_details" :value="__('Furnace Details')" />
                        <x-text-input name="furnace_details[]" placeholder="Enter Furnace Details" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="hot_water_tank_age" :value="__('Hot Water Tank Age')" />
                        <x-text-input name="appartment_hot_water_tank_age[]" placeholder="Enter Hot Water Tank Age" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="condition_of_apartment" :value="__('Condition of Apartment')" />
                        <x-text-input name="condition_of_apartment[]" placeholder="Enter Condition of Apartment" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="common_area" :value="__('Common Area')" />
                        <x-text-input name="common_area[]" placeholder="Enter Common Area" />
                    </div>
                </div>
                @endforelse

            </div>

            <div class="row align-items-end">
                <div class="mb-3 col-md-3">
                    <button type="button" id="add-more-apartment-residential-multi-family-btn"
                        class="btn btn-outline-light btn-md">Add Apartment</button>
                </div>
            </div>
        </div>
        </x-prelisting.accordion-template>

        {{-- <input type="hidden" name="end_apartment_for_residential_property"
            value="_____________end_apartment_for_residential_property_____________">
    </div>
</div> --}}

@endif