@props(['title', 'date', 'document','note' ,'surveys' => []])

<x-buyer-lender-process.template.accordion-template title="Survey" targeId="survey-accordion-content">
    <div class="px-5">
    @forelse ($surveys as $survey)

    <div class="survey-section border border-1 p-3">
        <div class="row survey-form-section">
            <div class="col-md-3">
                <x-input-label for="title" :value="__('Title')" />
                <x-text-input name="{{ $title }}" placeholder="Enter Title"
                    :value="old('survey_title', $survey['survey_title'] ?? '')" />
            </div>
            <div class="col-md-3">
                <x-input-label for="title" :value="__('Date')" />
                <x-text-input type="date" name="{{ $date }}" placeholder="Enter Date"
                    :value="old('survey_date', $survey['survey_date'] ?? '')" />
            </div>
            <div class="col-md-2">
                <x-input-label for="document" :value="__('Document')" />
                <x-text-input type="file" name="{{ $document }}" />
            </div>
            <div class="col-md-3 p-0">
                <x-text-area name="{{ $note }}" cols="3" rows="2"
                    :value="old('survey_notes', $survey['survey_notes'] ?? '')" />
            </div>
            <div class="align-items-center col-md-1 d-flex justify-content-center pt-2">
                <i
                    class="add-survey-inputs border border-1 border-light fa-plus fa-solid p-1 py-2 rounded-5 text-primary me-1"></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="survey-section border border-1 rounded p-3">
        <div class="row">
            <div class="col-md-3">
                <x-input-label for="title" :value="__('Title')" />
                <x-text-input name="{{ $title }}" placeholder="Enter Title" />
            </div>
            <div class="col-md-3">
                <x-input-label for="title" :value="__('Date')" />
                <x-text-input type="date" name="{{ $date }}" placeholder="Enter Date" />
            </div>
            <div class="col-md-2">
                <x-input-label for="document" :value="__('Document')" />
                <x-text-input type="file" name="{{ $document }}" />
            </div>
            <div class="col-md-3 p-0">
                <x-text-area name="{{ $note }}" cols="3" rows="2" />
            </div>
            <div class="align-items-center col-md-1 d-flex justify-content-center pt-2">
                <i
                    class="add-survey-inputs border border-1 border-light fa-plus fa-solid p-1 py-2 rounded-5 text-primary"></i>
            </div>
        </div>
    </div>
    @endforelse
</div>
</x-buyer-lender-process.template.accordion-template>