@props(['insurances' => []])

<x-buyer-lender-process.template.accordion-template title="Other Insurance" targeId="other-insurance-accordion-content">
    @forelse ($insurances as  $insuranc)
    <div class="order-insurance-section border border-1 rounded p-3">
        <div class="row">
            <div class="col-md-3">
                <x-input-label for="name" :value="__('Title')" />
                <x-text-input name="insurance_title[]" placeholder="Enter Title" :value="old('insurance_title', $insuranc['insurance_title'] ?? '')"/>
            </div>
            <div class="col-md-8">
                <x-text-area name="insurance_notes[]" rows="2" placeholder="Enter your notes here..."  :value="old('insurance_notes', $insuranc['insurance_notes'] ?? '')"/>
            </div>
            <div class="align-items-center col-md-1 d-flex justify-content-center pt-2">
                <i
                    class="add-order-insurance-inputs border border-1 border-light fa-plus fa-solid p-1 py-2 rounded-5 text-primary"></i>
                    @if($loop->index != 0)
                    <i class="border border-1 border-light delete-inputs fa-solid fa-trash p-1 py-2 rounded-5 text-danger"></i>
                    @endif
            </div>
        </div>
    </div>
    @empty
    <div class="order-insurance-section border border-1 rounded p-3">
        <div class="row">
            <div class="col-md-3">
                <x-input-label for="name" :value="__('Title')" />
                <x-text-input name="insurance_title[]" placeholder="Enter Title" />
            </div>
            <div class="col-md-8">
                <x-text-area name="insurance_notes[]" rows="2" placeholder="Enter your notes here..." />
            </div>
            <div class="align-items-center col-md-1 d-flex justify-content-center pt-2">
                <i class="add-order-insurance-inputs border border-1 border-light fa-plus fa-solid p-1 py-2 rounded-5 text-primary me-1"></i>
            </div>
        </div>
    </div>
    @endforelse 
   
</x-buyer-lender-process.template.accordion-template>