{{-- @if(!empty($preListing['parcels'])) --}}
<div class="accordion-item" id="parcels" style="{{  ( isset($address['has_parcel']) && $address['has_parcel'] === 1 ) ? '' : '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="#parcel_accordion" aria-expanded="true" aria-controls="parcel_accordion">
            Percels
        </button>
    </h2>
    <div id="parcel_accordion" class="accordion-collapse collapse" data-bs-parent="#accordion-one">
        <div class="accordion-body  pt-4">  

            <div id="more_parcel_section">

                @forelse ($preListing['parcels'] as $parcels)
                
                <div class="row border border-2 pt-2 mb-2 rounded single_family_parcels_form" >
                    <h4 class="mb-2 mt-1 text-primary">Primary Parcel</h4>
                    
                    <div class="mb-3 col-md-3">
                        <x-input-label for="description" :value="__('Description')" />
                        <textarea class="form-control form-control-sm" rows="2" name="percels_description[]"  placeholder="Enter your Description...">{{ old('percels_description', $parcels['percels_description'] ?? '')  }}"</textarea>
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="apn_no" :value="__('Add Parcel id/ APN No.')" />
                        <x-text-input name="percels_apn_no[]" type="number" placeholder="Enter APN No" value="{{ old('percels_apn_no', $parcels['percels_apn_no'] ?? '')  }}" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="legal_description" :value="__('Legal Description')" />
                        <x-text-input name="percels_legal_description[]" placeholder="Enter Legal Description"  value="{{ old('percels_legal_description', $parcels['percels_legal_description'] ?? '')  }}" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="address" :value="__('Address')" />
                        <x-text-input name="percels_address[]" placeholder="Enter Address"  value="{{ old('percels_address', $parcels['percels_address'] ?? '')  }}" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="lot_size_acre" :value="__('Lot Size (Acre)')" />
                        <x-text-input name="percels_lot_size_acre[]" type="number" placeholder="Enter Lot Size"   value="{{ old('percels_lot_size_acre', $parcels['percels_lot_size_acre'] ?? '')  }}"/>
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="taxes" :value="__('Taxes')" />
                        <x-text-input name="percels_taxes[]" type="number" placeholder="Enter Taxes"  value="{{ old('percels_taxes', $parcels['percels_taxes'] ?? '')  }}"  />
                    </div>
                </div>
                @empty
                <div class="row border border-2 pt-2 mb-2 rounded single_family_parcels_form" >
                    <h4 class="mb-2 mt-1 text-primary">Primary Parcel</h4>
                    
                    <div class="mb-3 col-md-3">
                        <x-input-label for="description" :value="__('Description')" />
                        <textarea class="form-control form-control-sm" rows="2" name="percels_description[]"  placeholder="Enter your Description..."></textarea>
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="apn_no" :value="__('Add Parcel id/ APN No.')" />
                        <x-number-input name="percels_apn_no[]" placeholder="Enter APN No" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="legal_description" :value="__('Legal Description')" />
                        <x-text-input name="percels_legal_description[]" placeholder="Enter Legal Description" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="address" :value="__('Address')" />
                        <x-text-input name="percels_address[]" placeholder="Enter Address" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="lot_size_acre" :value="__('Lot Size (Acre)')" />
                        <x-text-input name="percels_lot_size_acre[]" type="number" placeholder="Enter Lot Size" />
                    </div>
                    <div class="mb-3 col-md-3">
                        <x-input-label for="taxes" :value="__('Taxes')" />
                        <x-text-input name="percels_taxes[]" type="number" placeholder="Enter Taxes" />
                    </div>
                </div>
                @endforelse
               
            </div>
            <div class="row mt-2">
                <div class=" col-md-3">
                    <button type="button" class="btn btn-outline-primary btn-md" id="add_more_parcel_btn">
                        Add More Parcel</button>
                </div>
            </div>
          
        </div>
    </div>
</div>
{{-- @endif --}}