@props(['item' => new \App\Models\Item()])

<div class="card border-0 shadow-none">
    <div class="card-header collapsible">
        <div class="card-title">
            <h3>{{ $alphabet[$alphabetIndex] }}. {{ $formSection->section_name }}</h3>
        </div>
    </div>
    <div class="collapse show">
        <div class="card-body">
            @foreach ($formSection->formSubSections->sortBy('order_index') ?? [] as $formSubSection)
                <h4 class="card-subtitle">{{ $formSubSection->section_name }}</h4>

                <div class="card-subbody">
                    @foreach ($formSubSection->formDetails->where('is_deprecated', false)->sortBy('order_index') as $formDetail)
                        @includeIf('components.input.' . $formDetail->input_type, ['formDetail' => $formDetail, 'item' => $item])
                    @endforeach
                </div>
            @endforeach
        </div>
    </div>
</div>