{{-- Single repeatable rent detail row. Vars: $i (index), $row (array of values or empty) --}}
<div class="rent-row">
    <button type="button" class="btn btn-sm btn-flat-danger rent-row-remove p-25" title="Remove">
        <i data-feather="x" style="width:16px;height:16px;"></i>
    </button>

    <div class="row">
        <div class="col-md-3 mb-1">
            <label class="form-label">From Date</label>
            <input type="date" class="form-control form-control-sm rent-from"
                   name="rent_details[{{ $i }}][from_date]" value="{{ $row['from_date'] ?? '' }}">
        </div>
        <div class="col-md-3 mb-1">
            <label class="form-label">To Date</label>
            <input type="date" class="form-control form-control-sm rent-to"
                   name="rent_details[{{ $i }}][to_date]" value="{{ $row['to_date'] ?? '' }}">
        </div>
        <div class="col-md-3 mb-1">
            <label class="form-label">Rent Per Month (&#8377;)</label>
            <input type="number" class="form-control form-control-sm rent-per-month"
                   name="rent_details[{{ $i }}][rent_per_month]" value="{{ $row['rent_per_month'] ?? '' }}"
                   placeholder="0" step="0.01" min="0">
        </div>
        <div class="col-md-3 mb-1 d-flex align-items-end">
            <div class="form-check mb-50">
                <input class="form-check-input rent-metro" type="checkbox" value="1"
                       name="rent_details[{{ $i }}][is_metro]" id="rent_metro_{{ $i }}"
                       {{ !empty($row['is_metro']) ? 'checked' : '' }}>
                <label class="form-check-label" for="rent_metro_{{ $i }}">
                    Metro (Delhi, Mumbai, Chennai, Kolkata)
                </label>
            </div>
        </div>

        <div class="col-md-12 mb-1">
            <label class="form-label">Address</label>
            <input type="text" class="form-control form-control-sm"
                   name="rent_details[{{ $i }}][address]" value="{{ $row['address'] ?? '' }}"
                   placeholder="Rented premises address">
        </div>

        <div class="col-md-4 mb-1">
            <label class="form-label">Landlord Name</label>
            <input type="text" class="form-control form-control-sm"
                   name="rent_details[{{ $i }}][landlord_name]" value="{{ $row['landlord_name'] ?? '' }}">
        </div>
        <div class="col-md-8 mb-1">
            <label class="form-label">Landlord Address</label>
            <input type="text" class="form-control form-control-sm"
                   name="rent_details[{{ $i }}][landlord_address]" value="{{ $row['landlord_address'] ?? '' }}">
        </div>

        <div class="col-md-4 mb-1">
            <label class="form-label">Landlord PAN</label>
            <input type="text" class="form-control form-control-sm text-uppercase"
                   name="rent_details[{{ $i }}][landlord_pan]" value="{{ $row['landlord_pan'] ?? '' }}"
                   maxlength="10" placeholder="ABCDE1234F">
        </div>
        <div class="col-md-4 mb-1">
            <label class="form-label">Landlord Aadhaar Number</label>
            <input type="text" class="form-control form-control-sm"
                   name="rent_details[{{ $i }}][landlord_aadhaar]" value="{{ $row['landlord_aadhaar'] ?? '' }}"
                   maxlength="12" placeholder="12-digit Aadhaar">
        </div>
        <div class="col-md-4 mb-1">
            <label class="form-label">Relationship with the Landlord</label>
            <input type="text" class="form-control form-control-sm"
                   name="rent_details[{{ $i }}][landlord_relationship]" value="{{ $row['landlord_relationship'] ?? '' }}"
                   placeholder="e.g. None / Parent">
        </div>
    </div>
</div>