{{--
    v4.15.0 §A — L'ONGLET PUBLICATIONS, écran `data-screen="publications"` de la maquette validée.

    ⚠️ Aucune valeur n'est écrite ici : les groupes, leurs titres et leurs cartes viennent du
    composant, qui les a tirés de la portée `visiblesDuClient` et des libellés client de
    `StatutPublication`. Un état écrit en dur dans cette vue serait un état faux le jour où
    l'énumération bouge.
--}}
<x-espace-client-app.coquille :dashboard="$dashboard" :acces="$acces" :espaces="$espaces" :a-valider="$aValider" :non-lus="$nonLus" onglet="publications">
    <section class="screen">
        <h1 class="h1">Publications</h1>
        <p class="sub">Vos posts réseaux sociaux, classés par état.</p>

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

            <div class="list">
                @foreach ($groupe['cartes'] as $carte)
                    <a wire:navigate class="pubcard" href="{{ route('espace-client.app.publication', ['publication' => $carte['id'], 'espace' => $dashboard->id]) }}">
                        <span class="pubthumb">
                            @if ($carte['visuel']['type'] === 'image')
                                <img src="{{ $carte['visuel']['url'] }}" alt="" loading="lazy">
                            @else
                                {{ $carte['etiquette'] }}
                            @endif
                        </span>
                        <span class="pb">
                            <span class="pk">{{ $carte['entete'] }}</span>
                            <span class="pt">{{ $carte['titre'] }}</span>
                            <span class="pm">{{ $carte['detail'] }}</span>
                            @if ($carte['non_lus'] > 0)
                                <span class="pm nouveaux">{{ $carte['non_lus'] }} nouveau{{ $carte['non_lus'] > 1 ? 'x' : '' }} message{{ $carte['non_lus'] > 1 ? 's' : '' }}</span>
                            @endif
                        </span>
                        @if ($carte['etat'])
                            <span class="pill {{ $carte['pastille'] }}">{{ $carte['etat'] }}</span>
                        @endif
                    </a>
                @endforeach
            </div>
        @empty
            <div class="vide">
                Aucune publication ne vous a encore été proposée. Dès qu'un post sera prêt, il
                apparaîtra ici et vous recevrez un e-mail pour le valider.
            </div>
        @endforelse
    </section>
</x-espace-client-app.coquille>