{{-- v4.17.0 §A2.4 — LES LIVRABLES (agence), écran `data-screen="livrables"` de la maquette. --}}
<x-studio.coquille :espace="$espace" :espaces="$espaces" :badges="$badges" :onglet="$onglet" :titre="$titre" :contexte="$contexte">
    <section class="screen">
        <h1 class="h1">Livrables</h1>
        <p class="sub">{{ $espace->nomCourtDuClient() }} · l'avancement des productions.</p>
        <div class="cta"><a wire:navigate class="btn primary wide" href="{{ route('studio.livrable-remise', ['espace' => $espace->id]) }}"><x-espace-client-app.icone nom="plus" :taille="16" /> Remettre un livrable</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">
                @foreach ($groupe['cartes'] as $carte)
                    <a class="rowc" href="{{ $carte['url'] }}">
                        <span class="fic"><x-espace-client-app.icone nom="livrables" :taille="18" /></span>
                        <span class="body"><span class="nm">{{ $carte['titre'] }}</span><span class="mt">{{ $carte['reference'] }} · {{ $carte['detail'] }}</span>
                            @if ($carte['non_lus'] > 0)<span class="mt 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>
        @empty
            <div class="vide">Aucun livrable pour cet espace. Remettez le premier : le client le verra dans « À valider ».</div>
        @endforelse
    </section>
</x-studio.coquille>