{{--
    v4.16.0 §H — L'ONGLET DOCUMENTS, écran `data-screen="documents"` de la maquette validée.

    ⚠️ Seules les pièces PARTAGÉES arrivent ici, et la condition est posée dans la requête
    (`DocumentClient::scopePartages()`), jamais dans cette vue : un filtre d'affichage s'oublie,
    une portée ne s'oublie pas.
--}}
<x-espace-client-app.coquille :dashboard="$dashboard" :acces="$acces" :espaces="$espaces" :a-valider="$aValider" :non-lus="$nonLus" onglet="documents">
    <section class="screen">
        <h1 class="h1">Documents</h1>
        <p class="sub">Tout ce que {{ $dashboard->nomDuPrestataire() }} partage avec vous.</p>

        @forelse ($familles as $famille)
            <p class="slabel" @if ($loop->first) style="margin-top:8px" @endif>
                {{ $famille['titre'] }} · {{ count($famille['lignes']) }}
            </p>

            <div class="list">
                @foreach ($famille['lignes'] as $ligne)
                    @if ($ligne['url'])
                        {{-- Un fichier de l'espace se télécharge ; un lien extérieur s'ouvre à
                             part, et jamais sans `rel="noopener"`.
                             v4.17.0 §A2.5 — Le clic passe par la route « document » : la première
                             ouverture pose `vu_le` (c'est ce que Studio lit pour dire « Vu »), puis
                             conduit au fichier ou au lien — exactement comme avant. --}}
                        <a class="rowc" href="{{ route('espace-client.app.document', ['document' => $ligne['id'], 'espace' => $dashboard->id]) }}"
                           @if ($ligne['externe']) target="_blank" rel="noopener noreferrer" @endif>
                            <span class="fic"><x-espace-client-app.icone nom="documents" :taille="18" /></span>
                            <span class="body">
                                <span class="nm">{{ $ligne['titre'] }}</span>
                                <span class="mt">{{ $ligne['detail'] ?: 'Partagé avec vous' }}</span>
                            </span>
                            @if ($ligne['nouveau'])
                                <span class="pill warn">Nouveau</span>
                            @else
                                <span class="chev"><x-espace-client-app.icone nom="fleche" :taille="18" /></span>
                            @endif
                        </a>
                    @else
                        {{-- Rien à ouvrir : la pièce est annoncée, son fichier ne nous est pas
                             accessible. On le dit, plutôt que d'offrir un lien qui échouerait. --}}
                        <div class="rowc">
                            <span class="fic"><x-espace-client-app.icone nom="documents" :taille="18" /></span>
                            <span class="body">
                                <span class="nm">{{ $ligne['titre'] }}</span>
                                <span class="mt">{{ $ligne['detail'] ?: 'Partagé avec vous' }}</span>
                            </span>
                            <span class="pill prep">{{ $ligne['nouveau'] ? 'Nouveau' : 'Sur demande' }}</span>
                        </div>
                    @endif
                @endforeach
            </div>
        @empty
            <div class="vide">
                Aucun document n'a encore été partagé avec vous. Ils apparaîtront ici dès qu'ils le
                seront, et vous en serez prévenu par e-mail.
            </div>
        @endforelse
    </section>
</x-espace-client-app.coquille>