{{-- v4.17.0 §A2.3 — LES PUBLICATIONS (agence), écran `data-screen="publications"` de la maquette ;
     sur ordinateur, le tableau. --}}
<x-studio.coquille :espace="$espace" :espaces="$espaces" :badges="$badges" :onglet="$onglet" :titre="$titre" :contexte="$contexte">
    <section class="screen">
        <h1 class="h1">Publications</h1>
        <p class="sub">{{ $espace->nomCourtDuClient() }} · ce qui bloque d'abord, puis le reste.</p>
        <div class="cta"><a wire:navigate class="btn primary wide" href="{{ route('studio.publication-nouvelle', ['espace' => $espace->id]) }}"><x-espace-client-app.icone nom="plus" :taille="16" /> Nouvelle publication</a></div>

        @forelse ($groupes as $groupe)
            <p class="slabel" @if ($loop->first) style="margin-top:4px" @endif>@if ($groupe['attente'])● @endif{{ $groupe['titre'] }} <span class="cnt">{{ count($groupe['cartes']) }}</span></p>
            <div class="list publications-tel">
                @foreach ($groupe['cartes'] as $carte)
                    <a class="pubcard" href="{{ $carte['url'] }}">
                        <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>
                        <span class="pill {{ $carte['pastille'] }}">{{ $carte['etat'] }}</span>
                    </a>
                @endforeach
            </div>
            <div class="dtable">
                <div class="tr"><span></span><span>Publication</span><span>Canaux · date</span><span>État</span><span style="text-align:end">Actions</span></div>
                @foreach ($groupe['cartes'] as $carte)
                    <a class="tr" href="{{ $carte['url'] }}">
                        <span class="pubthumb">@if ($carte['visuel']['type'] === 'image')<img src="{{ $carte['visuel']['url'] }}" alt="" loading="lazy">@else{{ $carte['etiquette'] }}@endif</span>
                        <span class="t"><b>{{ $carte['titre'] }}</b><span>{{ $carte['detail'] }}{{ $carte['non_lus'] > 0 ? ' · '.$carte['non_lus'].' nouveau'.($carte['non_lus'] > 1 ? 'x' : '').' message'.($carte['non_lus'] > 1 ? 's' : '') : '' }}</span></span>
                        <span class="t"><b>{{ $carte['entete'] }}</b></span>
                        <span><span class="pill {{ $carte['pastille'] }}">{{ $carte['etat'] }}</span></span>
                        <span class="acts"><span class="btn small ghost">Ouvrir</span></span>
                    </a>
                @endforeach
            </div>
        @empty
            <div class="vide">Aucune publication pour cet espace. Créez la première : elle sera proposée au client dès que vous le déciderez.</div>
        @endforelse
    </section>
</x-studio.coquille>