{{-- Liste de documents en accordéon : $groupes = ['Titre' => [[chemin, libellé], ...]] --}}
<div class="accordion" id="{{ $id }}">
    @foreach ($groupes as $titre => $documents)
        <div class="accordion-item">
            <h3 class="accordion-header">
                <button @class(['accordion-button', 'collapsed' => ! ($ouvert ?? false) || ! $loop->first]) type="button" data-bs-toggle="collapse" data-bs-target="#{{ $id }}-{{ $loop->index }}" aria-expanded="{{ ($ouvert ?? false) && $loop->first ? 'true' : 'false' }}">
                    {{ $titre }} <span class="agc-badge ms-2">{{ count($documents) }}</span>
                </button>
            </h3>
            <div id="{{ $id }}-{{ $loop->index }}" @class(['accordion-collapse', 'collapse', 'show' => ($ouvert ?? false) && $loop->first]) data-bs-parent="#{{ $id }}">
                <div class="accordion-body">
                    <div class="brochure-box">
                        @foreach ($documents as [$chemin, $libelle])
                            <a href="{{ asset($chemin) }}" target="_blank" rel="noopener" class="brochure-btn @unless ($loop->first) mt-3 @endunless">
                                <span class="icon"><i class="fa-regular fa-file-pdf"></i></span>
                                <span class="text"><span class="title">{{ $libelle }}</span><span class="size">PDF</span></span>
                                <span class="download"><i class="fa-solid fa-download"></i></span>
                            </a>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    @endforeach
</div>