{{-- v4.2.0 §C1 — La fiche d'un espace client : onze onglets, la disposition de la maquette.
     Le cockpit ne compte que les EXCEPTIONS : quatre repères, « Aujourd'hui », « Échéances ».

     ⚠️ v4.5.0 §3 — CETTE VUE EST PARTAGÉE PAR DEUX PANNEAUX : la fiche de la direction
     (Admin\…\ViewEspaceClient) et celle du collaborateur à qui l'espace est confié
     (Employee\Pages\GererEspaceClient). Elle n'appelle donc que `$this->…` et `$this::…` —
     jamais une classe de page nommée, jamais une URL d'une ressource d'administration. C'est à
     cette condition qu'un correctif profite aux deux écrans au lieu d'un seul. --}}
@php
    use App\Enums\EspaceClient\ModeAcces;
    use App\Enums\EspaceClient\ModeLettre;
    use App\Enums\EspaceClient\CanalDecision;
    use App\Enums\EspaceClient\CanalDemande;
    use App\Enums\EspaceClient\FamilleDocument;
    use App\Enums\EspaceClient\RoleAcces;
    use App\Enums\EspaceClient\TypeDecision;
    use App\Models\EspaceClient\DocumentClient;

    $espace = $this->espace();
    $gere = $this->peutGerer();
    $etiquette = 'block text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400';
    $nombre = fn ($v) => rtrim(rtrim(number_format((float) $v, 2, ',', ' '), '0'), ',');
@endphp

{{-- v4.16.1 §D2 — `data-fiche-espace` ancre les règles « au pouce » de espace-client-accent.css. --}}
<x-filament-panels::page data-fiche-espace>
    {{-- v4.9.0 §B — LE FOCUS ENTRE DANS LE TIROIR. Le panneau ne se rend plus ni sous sa carte ni
         en fin de page : il s'ouvre dans un tiroir ancré à l'écran (voir tout en bas de cette
         vue). Il n'y a donc plus rien à faire défiler — mais il y a toujours un premier champ à
         mettre sous le curseur, y compris quand on ouvre un second panneau alors qu'un premier
         est déjà ouvert (le tiroir est alors réutilisé, et son `x-init` ne rejouerait pas).
         Le tiroir peut arriver dans le DOM un instant après l'événement : on réessaie. --}}
    <div x-data
         x-on:panneau-ouvert.window="
            const tenter = (restants) => {
                const tiroir = document.querySelector('[data-tiroir]');
                if (! tiroir) { if (restants > 0) setTimeout(() => tenter(restants - 1), 60); return; }
                const champ = tiroir.querySelector('input:not([type=hidden]):not([type=checkbox]):not([type=file]), select, textarea');
                (champ ?? tiroir).focus({ preventScroll: true });
            };
            $nextTick(() => tenter(15));
         "
         class="contents"></div>

    {{-- v4.4.2 §4a — Sans compte client actif, chaque envoi de l'espace part à personne : le
         journal l'écrit en « échec », l'écran disait succès. Le bandeau le dit avant le geste.
         v4.7.0 §D4 — Et il AGIT : « Inviter un référent » ouvre le panneau d'invitation juste
         dessous, sur n'importe quel onglet. --}}
    @if ($this->sansAccesClientActif())
        <div class="flex flex-wrap items-center gap-x-3 gap-y-2 rounded-xl border border-amber-300 bg-amber-50 px-4 py-2.5 text-sm text-amber-900 dark:border-amber-400/30 dark:bg-amber-400/10 dark:text-amber-200" data-bandeau-sans-compte>
            <span class="min-w-0 flex-1">
                <span class="font-semibold">Aucun compte client actif.</span>
                Les e-mails de cet espace ne partiront à personne tant qu'un référent n'est pas invité.
            </span>
            @if ($gere)
                <x-filament::button size="sm" color="warning" wire:click="ouvrirLInvitation('bandeau')">Inviter un référent</x-filament::button>
            @endif
        </div>

    @endif

    {{-- ═══ Les onglets ════════════════════════════════════════════════════════════════════
         Desktop : une ligne. Sous 768 px (v4.7.0 §D2) : cette barre est masquée, et une BARRE
         BASSE fixe porte les cinq gestes clés + « Plus » — voir en fin de fiche. --}}
    <div class="hidden flex-wrap gap-1 rounded-xl border border-gray-200 bg-white p-1.5 md:flex dark:border-white/10 dark:bg-gray-900" data-onglets-desktop>
        @foreach ($this::ONGLETS as $cle => $libelle)
            <button type="button" wire:click="ouvrirLOnglet('{{ $cle }}')"
                    @class([
                        'h-8 rounded-lg px-3 text-sm font-medium',
                        'bg-gray-900 text-white dark:bg-white dark:text-gray-900' => $onglet === $cle,
                        'text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-white/5' => $onglet !== $cle,
                    ])>{{ $libelle }}</button>
        @endforeach
    </div>

    {{-- Sur mobile, le nom de l'onglet courant tient lieu de titre de section : le contenu s'ouvre
         d'emblée, sans descendre. --}}
    <p class="text-xs font-semibold uppercase tracking-wide text-gray-500 md:hidden dark:text-gray-400">{{ $this::ONGLETS[$onglet] ?? '' }}</p>

    {{-- ═══ COCKPIT ═══════════════════════════════════════════════════════════════════════ --}}
    @if ($onglet === 'cockpit')
        @php
            $t = $this->tuiles();
            $guide = $this->guide();
            $guideVisible = $guide['visible'];
        @endphp

        {{-- v4.12.0 §B4 — « VOIR COMME LE RÉFÉRENT », EN TÊTE ET NON PLUS ENFOUI.
             Le geste existait depuis la v4.7.0 §B5, dans la carte « Lien de lecture et QR code »
             de l'onglet Paramètres : personne ne le trouvait, et le gérant cherchait à voir
             l'espace en cliquant « Se connecter » sur la page publique — qui le renvoyait au
             tableau de bord. Il est désormais à l'endroit où l'on arrive, avec « Voir comme le
             client » à côté : deux cibles pleine largeur sur téléphone, côte à côte au-delà. --}}
        @if ($gere)
            <div class="flex flex-col gap-2 sm:flex-row sm:flex-wrap" data-voir-comme>
                <x-filament::button color="gray" tag="a" href="{{ $this->lienApercuReferent() }}" target="_blank"
                    icon="heroicon-o-eye" class="w-full justify-center sm:w-auto">
                    Voir comme le référent
                </x-filament::button>
                @if ($espace->lienPublic())
                    <x-filament::button color="gray" tag="a" href="{{ $espace->lienPublic() }}" target="_blank"
                        icon="heroicon-o-globe-alt" class="w-full justify-center sm:w-auto">
                        Voir comme le client
                    </x-filament::button>
                @endif
            </div>
        @endif

        <div @class(['grid gap-4', 'lg:grid-cols-[300px_1fr]' => $guideVisible])>
            {{-- v4.7.0 §D5 — Le guide « Pour démarrer » : quatre étapes, chacune avec son état et
                 son lien. La carte disparaît quand tout est fait, ou quand on la masque. --}}
            @if ($guideVisible)
                <div class="rounded-xl border border-primary-200 bg-gradient-to-b from-primary-50 to-white p-4 dark:border-primary-500/30 dark:from-primary-500/10 dark:to-gray-900" data-guide-demarrage>
                    <div class="flex items-start justify-between gap-2">
                        <div>
                            <h3 class="text-sm font-semibold text-gray-900 dark:text-white">Pour démarrer</h3>
                            <p class="mt-0.5 text-xs text-gray-500 dark:text-gray-400">Ce guide disparaît une fois l'espace prêt.</p>
                        </div>
                        @if ($gere)
                            <button type="button" wire:click="masquerLeGuide" class="text-xs text-gray-400 hover:text-gray-600 dark:hover:text-gray-200" title="Masquer ce guide">Masquer</button>
                        @endif
                    </div>

                    <ol class="mt-3 space-y-2">
                        @foreach ($guide['etapes'] as $etape)
                            <li class="flex items-center gap-3 text-sm">
                                <span @class([
                                    'flex h-5 w-5 flex-none items-center justify-center rounded-md border text-xs',
                                    'border-green-600 bg-green-600 text-white' => $etape['fait'],
                                    'border-gray-300 bg-white text-transparent dark:border-white/20 dark:bg-gray-900' => ! $etape['fait'],
                                ])>✓</span>
                                <span @class([
                                    'min-w-0 flex-1 font-medium',
                                    'text-gray-400 line-through decoration-green-300' => $etape['fait'],
                                    'text-gray-800 dark:text-gray-100' => ! $etape['fait'],
                                ])>{{ $etape['libelle'] }}</span>
                                @if ($etape['fait'])
                                    <span class="text-xs text-gray-400">fait</span>
                                @elseif ($gere && $etape['action'] === 'invitation')
                                    <button type="button" wire:click="ouvrirLInvitation('guide')" class="text-xs font-semibold text-primary-600 hover:underline dark:text-primary-400">Ouvrir →</button>
                                @elseif ($gere && $etape['action'] === 'livrables')
                                    <button type="button" wire:click="ouvrirLesLivrables" class="text-xs font-semibold text-primary-600 hover:underline dark:text-primary-400">Ouvrir →</button>
                                @elseif ($gere && $etape['action'] === 'dates')
                                    <button type="button" wire:click="ouvrirLesDates" class="text-xs font-semibold text-primary-600 hover:underline dark:text-primary-400">Ouvrir →</button>
                                @endif
                            </li>
                        @endforeach
                    </ol>

                    <div class="mt-3 h-1.5 overflow-hidden rounded-full bg-gray-100 dark:bg-white/10">
                        <span class="block h-full rounded-full bg-primary-600" style="width: {{ (int) round($guide['faites'] / max(1, $guide['total']) * 100) }}%"></span>
                    </div>
                    <p class="mt-1.5 text-xs font-medium text-gray-500 dark:text-gray-400">{{ $guide['faites'] }} sur {{ $guide['total'] }} — l'espace se remplit</p>
                </div>
            @endif

            {{-- v4.7.0 §D7 — Les tuiles : un point d'attention sur « En attente du client » quand il
                 y a quelque chose, des chiffres tabulaires, les sous-libellés de la maquette. --}}
            <div @class([
                'grid grid-cols-1 divide-y divide-gray-200 rounded-xl border border-gray-200 bg-white dark:divide-white/10 dark:border-white/10 dark:bg-gray-900',
                'sm:grid-cols-2 sm:divide-x sm:divide-y-0 lg:[&>*:nth-child(3)]:border-t lg:[&>*:nth-child(3)]:border-l-0 lg:[&>*:nth-child(4)]:border-t' => $guideVisible,
                'sm:grid-cols-4 sm:divide-x sm:divide-y-0' => ! $guideVisible,
            ])>
                <div class="px-5 py-4">
                    <p class="flex items-center gap-1.5 text-xs font-medium text-gray-500 dark:text-gray-400">
                        En attente du client
                        @if ($t['en_attente_du_client'] > 0)
                            <span class="h-1.5 w-1.5 rounded-full bg-amber-500" title="Une réponse du client est attendue" data-point-attention></span>
                        @endif
                    </p>
                    <p @class(['mt-1 text-xl font-semibold tabular-nums', 'text-amber-600 dark:text-amber-400' => $t['en_attente_du_client'] > 0, 'text-gray-900 dark:text-white' => $t['en_attente_du_client'] === 0])>{{ $t['en_attente_du_client'] }}</p>
                    <p class="mt-0.5 text-xs text-gray-500 dark:text-gray-400">{{ $t['a_valider'] }} livrable{{ $t['a_valider'] > 1 ? 's' : '' }} à valider</p>
                </div>
                <div class="px-5 py-4">
                    <p class="text-xs font-medium text-gray-500 dark:text-gray-400">Échéances sous 10 j</p>
                    <p class="mt-1 text-xl font-semibold tabular-nums text-gray-900 dark:text-white">{{ $t['echeances_10_jours'] }}</p>
                    <p class="mt-0.5 text-xs text-gray-500 dark:text-gray-400">en jours ouvrés</p>
                </div>
                <div class="px-5 py-4">
                    <p class="text-xs font-medium text-gray-500 dark:text-gray-400">Pièces manquantes</p>
                    <p class="mt-1 text-xl font-semibold tabular-nums text-gray-900 dark:text-white">{{ $t['pieces_manquantes'] }}</p>
                    <p class="mt-0.5 text-xs text-gray-500 dark:text-gray-400">{{ $t['pieces_cote_client'] }} client · {{ $t['pieces_cote_nous'] }} chez nous</p>
                </div>
                <div class="px-5 py-4">
                    <p class="text-xs font-medium text-gray-500 dark:text-gray-400">Commandé</p>
                    <p class="mt-1 text-xl font-semibold tabular-nums text-gray-900 dark:text-white">
                        {{ number_format($t['montant_commande'], 2, ',', ' ') }} <span class="text-sm">DH</span>
                    </p>
                    <p class="mt-0.5 text-xs text-gray-500 dark:text-gray-400">{{ $t['part_du_marche'] }} % du marché</p>
                </div>
            </div>
        </div>

        @if ($gere)
            <div class="flex flex-wrap gap-2">
                <x-filament::button wire:click="ouvrirLeLivrable" icon="heroicon-o-plus">Nouveau livrable</x-filament::button>
                <x-filament::button color="gray" wire:click="ouvrirLaDemandeRecue" icon="heroicon-o-plus">Saisir une demande reçue</x-filament::button>
                <x-filament::button color="gray" wire:click="ouvrirLeMessageDeLaSemaine">Message de la semaine</x-filament::button>
            </div>
        @endif

        <div class="grid gap-4 xl:grid-cols-2">
            <x-espace-client.carte titre="Aujourd'hui" :compteur="$this->alertes()->count()">
                @forelse ($this->alertes() as $alerte)
                    <x-espace-client.ligne tete="•" :titre="$alerte['titre']" :meta="$alerte['detail']">
                        <x-espace-client.pastille :ton="$alerte['niveau']">
                            {{ ['danger' => 'urgent', 'warning' => 'à traiter', 'info' => 'à suivre'][$alerte['niveau']] ?? '—' }}
                        </x-espace-client.pastille>
                    </x-espace-client.ligne>
                @empty
                    <x-espace-client.vide>Rien ne va mal aujourd'hui.</x-espace-client.vide>
                @endforelse
            </x-espace-client.carte>

            <x-espace-client.carte titre="Échéances" :compteur="$this->echeances()->count()">
                @forelse ($this->echeances() as $ligne)
                    @php
                        $l = $ligne['livrable'];
                    @endphp
                    <x-espace-client.ligne :tete="$l->echeance_le?->format('d/m')" :titre="$l->titre"
                        :meta="$l->reference.' · '.($l->responsable?->full_name ?? 'sans responsable').' · '.$l->statut->label()">
                        <x-espace-client.pastille :ton="$ligne['jours_ouvres'] < 0 ? 'danger' : ($ligne['jours_ouvres'] <= 2 ? 'warning' : 'gray')">
                            {{ $ligne['jours_ouvres'] < 0 ? 'en retard de '.abs($ligne['jours_ouvres']).' j' : $ligne['jours_ouvres'].' j ouvrés' }}
                        </x-espace-client.pastille>
                    </x-espace-client.ligne>
                @empty
                    <x-espace-client.vide>Aucune échéance sous dix jours ouvrés.</x-espace-client.vide>
                @endforelse
            </x-espace-client.carte>
        </div>
    @endif

    {{-- ═══ LIVRABLES ═════════════════════════════════════════════════════════════════════ --}}
    @if ($onglet === 'livrables')
        @if ($gere)
            <div class="flex flex-wrap gap-2">
                <x-filament::button wire:click="ouvrirLeLivrable" icon="heroicon-o-plus">Nouveau livrable</x-filament::button>
            </div>
        @endif

        <x-espace-client.carte titre="Livrables" :compteur="$this->livrables()->count()">
            @forelse ($this->livrables() as $livrable)
                <x-espace-client.ligne :tete="$livrable->reference" :titre="$livrable->titre"
                    :meta="collect([
                        $livrable->poste?->numero ? 'poste '.$livrable->poste->numero : null,
                        $livrable->responsable?->full_name,
                        $livrable->echeance_le ? 'échéance '.$livrable->echeance_le->format('d/m/Y') : null,
                        'version '.$livrable->version_courante,
                        $livrable->valideur?->user?->name ? 'valideur : '.$livrable->valideur->user->name : null,
                    ])->filter()->implode(' · ')">
                    <x-espace-client.pastille :ton="$livrable->statut->color()">{{ $livrable->statut->label() }}</x-espace-client.pastille>
                    @if ($gere)
                        {{-- v4.17.0 §B2.6 — Le fil de discussion, avec son composeur. --}}
                        <x-filament::button size="xs" color="gray" wire:click="ouvrirLaConversation('livrable', {{ $livrable->id }})">Conversation</x-filament::button>
                        <x-filament::button size="xs" color="gray" wire:click="ouvrirLaRemise({{ $livrable->id }})">Remettre</x-filament::button>
                        @if ($livrable->version_courante > 0)
                            <x-filament::button size="xs" color="gray" wire:click="ouvrirLaDecisionReportee({{ $livrable->id }})">Décision reçue</x-filament::button>
                        @endif
                        @if ($livrable->statut->estValide())
                            <x-filament::button size="xs" color="gray" wire:click="receptionner({{ $livrable->id }})">Réceptionner</x-filament::button>
                            <x-filament::button size="xs" color="gray" wire:click="diffuser({{ $livrable->id }})">Diffuser</x-filament::button>
                        @endif
                        {{-- v4.12.0 §A — Corriger et retirer : un livrable créé par erreur n'était
                             jusqu'ici ni modifiable ni supprimable. Réservé au gestionnaire — le
                             client ne voit jamais ces deux gestes. --}}
                        <x-filament::button size="xs" color="gray" wire:click="ouvrirLeLivrable({{ $livrable->id }})">Modifier</x-filament::button>
                        <x-filament::button size="xs" color="danger" wire:click="ouvrirLaSuppressionDuLivrable({{ $livrable->id }})">Supprimer</x-filament::button>
                    @endif
                </x-espace-client.ligne>
            @empty
                <x-espace-client.vide>Aucun livrable — créez le premier.</x-espace-client.vide>
            @endforelse
        </x-espace-client.carte>
    @endif


    {{-- ═══ REPORTING ═════════════════════════════════════════════════════════════════════ --}}
    @if ($onglet === 'reporting')
        @php
            $ligne = $this->indicateurs();
            $c = $ligne->calcules ?? [];
            $m = $c['mois'] ?? [];
            $cum = $c['cumul'] ?? [];
            $cibles = $espace->ciblesConfigurees();
            $pct = fn ($v) => $v === null ? '—' : number_format((float) $v, 1, ',', ' ').' %';
            /** L'état d'un indicateur face à sa cible. Trois mots, pas un code couleur muet. */
            $etat = function ($valeur, $cible, bool $plusHaut = true): array {
                if ($valeur === null || $cible === null) {
                    return ['pas encore mesuré', 'gray'];
                }
                return ($plusHaut ? $valeur >= $cible : $valeur <= $cible)
                    ? ['atteint', 'success']
                    : ['à surveiller', 'warning'];
            };
        @endphp

        <div class="flex flex-wrap items-center gap-2">
            <x-filament::input.wrapper>
                <x-filament::input.select wire:change="changerLeMois($event.target.value)">
                    @foreach ($this->moisDisponibles() as $cle => $libelle)
                        <option value="{{ $cle }}" @selected($cle === $this->moisDuReporting()->format('Y-m'))>{{ $libelle }}</option>
                    @endforeach
                </x-filament::input.select>
            </x-filament::input.wrapper>

            @if ($gere)
                <x-filament::button color="gray" wire:click="ouvrirLaSaisieDigitale">Saisir les indicateurs digitaux du mois</x-filament::button>
                <x-filament::button wire:click="genererLeRapport">Générer le rapport mensuel</x-filament::button>
                <x-filament::button color="gray" wire:click="ouvrirLeRecalcul">Recalculer</x-filament::button>
            @endif

            @if ($ligne->verrouille)
                <x-espace-client.pastille ton="info">Mois clôturé</x-espace-client.pastille>
            @endif
        </div>

        <x-espace-client.carte titre="Indicateurs contractuels"
            pied="Une définition unique par chiffre, calculée à un seul endroit : c'est ce qui évite les débats de chiffres en comité.">
            @php
                $dt = $m['delais_tenus'] ?? []; $dtc = $cum['delais_tenus'] ?? [];
                $vp = $m['valides_premier_passage'] ?? []; $vpc = $cum['valides_premier_passage'] ?? [];
                $dr = $m['delai_retour'] ?? []; $drc = $cum['delai_retour'] ?? [];
                $pn = $m['penalites_theoriques'] ?? []; $pnc = $cum['penalites_theoriques'] ?? [];
                [$dtLib, $dtTon] = $etat($dtc['ratio'] ?? null, $cibles['delais_tenus_pct']);
                [$vpLib, $vpTon] = $etat($vpc['ratio'] ?? null, $cibles['valides_premier_passage_pct']);
                [$drLib, $drTon] = $etat($drc['moyenne'] ?? null, $cibles['delai_retour_max_jours'], false);
            @endphp

            <x-espace-client.ligne tete="DÉL" titre="Délais tenus"
                :meta="'Livrables remis à la date engagée ou avant / livrables remis · cible ≥ '.$cibles['delais_tenus_pct'].' % · le mois : '.$pct($dt['ratio'] ?? null).' ('.($dt['numerateur'] ?? 0).'/'.($dt['denominateur'] ?? 0).') · cumul : '.$pct($dtc['ratio'] ?? null)">
                <x-espace-client.pastille :ton="$dtTon">{{ $dtLib }}</x-espace-client.pastille>
            </x-espace-client.ligne>

            <x-espace-client.ligne tete="1ᵉʳ" titre="Validés au premier passage"
                :meta="'Validés sans demande de corrections / validés · cible ≥ '.$cibles['valides_premier_passage_pct'].' % · le mois : '.$pct($vp['ratio'] ?? null).' ('.($vp['numerateur'] ?? 0).'/'.($vp['denominateur'] ?? 0).') · cumul : '.$pct($vpc['ratio'] ?? null)">
                <x-espace-client.pastille :ton="$vpTon">{{ $vpLib }}</x-espace-client.pastille>
            </x-espace-client.ligne>

            <x-espace-client.ligne tete="RET" titre="Délai de retour du client"
                :meta="'Jours ouvrés entre la remise et la décision · cible ≤ '.$cibles['delai_retour_max_jours'].' j · le mois : moyenne '.($dr['moyenne'] ?? '—').' · maximum '.($dr['max'] ?? '—').' · cumul : moyenne '.($drc['moyenne'] ?? '—')">
                <x-espace-client.pastille :ton="$drTon">{{ $drLib }}</x-espace-client.pastille>
            </x-espace-client.ligne>

            <x-espace-client.ligne tete="PÉN" titre="Pénalités théoriques"
                :meta="'Jours calendaires de retard × '.rtrim(rtrim(number_format((float) $espace->penalite_taux_pour_mille, 3, ',', ' '), '0'), ',').' ‰ de la base · le mois : '.number_format((float) ($pn['montant'] ?? 0), 2, ',', ' ').' DH sur '.($pn['jours'] ?? 0).' jour(s) · cumul : '.number_format((float) ($pnc['montant'] ?? 0), 2, ',', ' ').' DH'">
                <x-espace-client.pastille :ton="((float) ($pnc['montant'] ?? 0)) > 0 ? 'warning' : 'success'">
                    {{ ((float) ($pnc['montant'] ?? 0)) > 0 ? 'à surveiller' : 'atteint' }}
                </x-espace-client.pastille>
            </x-espace-client.ligne>
        </x-espace-client.carte>

        <x-espace-client.carte titre="Indicateurs opérationnels">
            @php
                $cv = $m['couverture'] ?? []; $cvc = $cum['couverture'] ?? [];
                $pr = $m['promesse_tenue'] ?? []; $prc = $cum['promesse_tenue'] ?? [];
                $pj = $m['planning_j5'] ?? []; $pjc = $cum['planning_j5'] ?? [];
            @endphp

            <x-espace-client.ligne tete="CVR" titre="Couverture des événements"
                :meta="'Événements couverts / annoncés · le mois : '.($cv['evenements_couverts'] ?? 0).' / '.($cv['evenements_annonces'] ?? 0).' · cumul : '.($cvc['evenements_couverts'] ?? 0).' / '.($cvc['evenements_annonces'] ?? 0)" />

            <x-espace-client.ligne tete="ZON" titre="Couverture géographique"
                :meta="'Zones distinctes couvertes / zones du marché · le mois : '.($cv['zones_couvertes'] ?? 0).' / '.($cv['zones_total'] ?? 0).' · cumul : '.($cvc['zones_couvertes'] ?? 0).' / '.($cvc['zones_total'] ?? 0)" />

            <x-espace-client.ligne tete="PRM" titre="Promesse du jour même"
                :meta="'Événements dont toutes les étapes de promesse ont été tenues à l\'heure · le mois : '.($pr['numerateur'] ?? 0).' / '.($pr['denominateur'] ?? 0).' · cumul : '.($prc['numerateur'] ?? 0).' / '.($prc['denominateur'] ?? 0)" />

            <x-espace-client.ligne tete="J–5" titre="Planning éditorial à l'heure"
                :meta="'Plannings remis à l\'échéance ou avant / plannings dus · le mois : '.($pj['numerateur'] ?? 0).' / '.($pj['denominateur'] ?? 0).' · cumul : '.($pjc['numerateur'] ?? 0).' / '.($pjc['denominateur'] ?? 0)" />
        </x-espace-client.carte>

        <x-espace-client.carte titre="Indicateurs digitaux"
            pied="Ils se saisissent une fois par mois depuis le rapport de performance : le calcul ne les touche jamais.">
            @forelse ($espace->reseauxConfigures() as $reseau)
                @php
                    $s = ($ligne->saisis['reseaux'][$reseau['cle']] ?? []);
                @endphp
                <x-espace-client.ligne :tete="mb_strtoupper(mb_substr($reseau['cle'], 0, 3))" :titre="$reseau['libelle']"
                    :meta="collect([
                        $s['abonnes'] ?? null ? 'abonnés '.number_format((float) $s['abonnes'], 0, ',', ' ') : 'abonnés non saisis',
                        $reseau['objectif'] ? 'objectif '.number_format((float) $reseau['objectif'], 0, ',', ' ') : null,
                        $reseau['reference'] ? 'référence '.number_format((float) $reseau['reference'], 0, ',', ' ').($reseau['date_reference'] ? ' du '.$reseau['date_reference'] : '') : null,
                        isset($s['portee']) && $s['portee'] !== null ? 'portée '.number_format((float) $s['portee'], 0, ',', ' ') : null,
                        isset($s['delai_moderation_h']) && $s['delai_moderation_h'] !== null ? 'modération '.$s['delai_moderation_h'].' h' : null,
                    ])->filter()->implode(' · ')" />
            @empty
                <x-espace-client.vide>Aucun réseau configuré — voyez « Paramètres » pour en ajouter.</x-espace-client.vide>
            @endforelse
        </x-espace-client.carte>

        <x-espace-client.carte titre="Rapports générés" :compteur="$this->rapportsGeneres()->count()"
            pied="Le rapport est déposé en interne : il ne part au client que si quelqu'un le partage.">
            @forelse ($this->rapportsGeneres() as $rapport)
                <x-espace-client.ligne tete="RAP" :titre="'Rapport mensuel — '.$rapport->libelleDuMois()"
                    :meta="'généré le '.$rapport->rapport_genere_le?->format('d/m/Y H:i')">
                    @if ($gere)
                        <x-filament::button size="xs" color="gray" wire:click="partagerLeRapport({{ $rapport->id }})">Partager avec le client</x-filament::button>
                    @endif
                </x-espace-client.ligne>
            @empty
                <x-espace-client.vide>Aucun rapport généré pour cet espace.</x-espace-client.vide>
            @endforelse
        </x-espace-client.carte>
    @endif

    {{-- ═══ PUBLICATIONS ══════════════════════════════════════════════════════════════════ --}}
    @if ($onglet === 'publications')
        @if ($gere)
            <div class="flex flex-wrap gap-2">
                <x-filament::button wire:click="ouvrirLaPublication" icon="heroicon-o-plus">Nouvelle publication</x-filament::button>
            </div>
        @endif

        <div class="flex flex-wrap gap-1 rounded-xl border border-gray-200 bg-white p-1.5 dark:border-white/10 dark:bg-gray-900" data-vues>
            @foreach ($this::VUES_PUBLICATIONS as $cle => $libelle)
                <button type="button" wire:click="ouvrirLaVue('{{ $cle }}')"
                        @class([
                            'h-8 rounded-lg px-3 text-sm font-medium',
                            'bg-gray-900 text-white dark:bg-white dark:text-gray-900' => $this->vueCourante($this::VUES_PUBLICATIONS) === $cle,
                            'text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-white/5' => $this->vueCourante($this::VUES_PUBLICATIONS) !== $cle,
                        ])>{{ $libelle }}</button>
            @endforeach
        </div>

        <x-espace-client.carte titre="Publications" :compteur="$this->publications()->count()">
            @forelse ($this->publications() as $publication)
                @php
                    $contenu = $publication->contenu();
                @endphp
                <x-espace-client.ligne :tete="$publication->type->vignette()" :titre="$publication->titre"
                    :meta="collect([
                        $publication->reference,
                        $publication->type->label(),
                        collect($contenu['canaux'])->map(fn ($c) => $espace->libelleDuReseau($c))->implode(', ') ?: 'aucun canal',
                        $publication->quandPhrase(),
                        'texte '.($publication->auteur_texte === 'client' ? 'du client' : 'de la maison'),
                        filled($publication->visuel_fichier) ? 'photo déposée' : null,
                    ])->filter()->implode(' · ')">
                    <x-espace-client.pastille :ton="$publication->statut->color()">{{ $publication->statut->label() }}</x-espace-client.pastille>
                    @if ($gere)
                        <x-filament::button size="xs" color="gray" wire:click="ouvrirLaPublication({{ $publication->id }})">Ouvrir</x-filament::button>
                        {{-- v4.17.0 §B2.6 — Le fil de discussion, avec son composeur. --}}
                        <x-filament::button size="xs" color="gray" wire:click="ouvrirLaConversation('publication', {{ $publication->id }})">Conversation</x-filament::button>
                        {{-- v4.13.0 §D — Corriger et retirer, comme pour les livrables (v4.12.0).
                             Réservé au gestionnaire : le client ne voit jamais ces gestes. --}}
                        <x-filament::button size="xs" color="danger" wire:click="ouvrirLaSuppressionDeLObjet('publication', {{ $publication->id }})">Supprimer</x-filament::button>
                        @if ($publication->statut->estModifiable())
                            <x-filament::button size="xs" wire:click="envoyerLaPublication({{ $publication->id }})">Envoyer au client</x-filament::button>
                        @endif
                        @if ($publication->statut->attendLeClient())
                            <x-filament::button size="xs" color="gray" wire:click="relancerLaPublication({{ $publication->id }})">Relancer</x-filament::button>
                            <x-filament::button size="xs" color="gray" wire:click="ouvrirLaDecisionDeLaPublication({{ $publication->id }})">Décision reçue</x-filament::button>
                        @endif
                        @if ($publication->statut === \App\Enums\EspaceClient\StatutPublication::Validee)
                            <x-filament::button size="xs" wire:click="programmerLaPublication({{ $publication->id }})">Programmer</x-filament::button>
                        @endif
                        @if (in_array($publication->statut, [\App\Enums\EspaceClient\StatutPublication::Validee, \App\Enums\EspaceClient\StatutPublication::Programmee], true))
                            <x-filament::button size="xs" wire:click="ouvrirLaPublicationEnLigne({{ $publication->id }})">Marquer publiée</x-filament::button>
                        @endif
                        @if ($publication->statut !== \App\Enums\EspaceClient\StatutPublication::Annulee)
                            <x-filament::button size="xs" color="gray" wire:click="ouvrirLAnnulationDeLaPublication({{ $publication->id }})">Annuler</x-filament::button>
                        @endif
                    @endif
                </x-espace-client.ligne>
            @empty
                <x-espace-client.vide>Aucune publication dans cette vue.</x-espace-client.vide>
            @endforelse
        </x-espace-client.carte>
    @endif

    {{-- ═══ ÉVÉNEMENTS ════════════════════════════════════════════════════════════════════ --}}
    @if ($onglet === 'evenements')
        @if ($gere)
            <div class="flex flex-wrap gap-2">
                <x-filament::button wire:click="ouvrirLEvenement" icon="heroicon-o-plus">Planifier un événement</x-filament::button>
            </div>
        @endif

        <x-espace-client.carte titre="Couvertures" :compteur="$this->evenements()->count()"
            pied="La chronologie est copiée à la planification : changer les étapes du marché ne réécrit pas l'histoire des couvertures passées.">
            @forelse ($this->evenements() as $evenement)
                <x-espace-client.ligne :tete="$evenement->date?->format('d/m')" :titre="$evenement->titre"
                    :meta="collect([
                        $evenement->reference,
                        $evenement->date?->translatedFormat('l j F').($evenement->heure ? ' '.\Illuminate\Support\Str::substr((string) $evenement->heure, 0, 5) : ''),
                        $evenement->lieu,
                        $evenement->libelleDeLaZone(),
                        $evenement->dispositifPhrase(),
                        $evenement->lettre?->reference ? 'commande '.$evenement->lettre->reference : 'sans lettre de commande',
                    ])->filter()->implode(' · ')">
                    <x-espace-client.pastille :ton="$evenement->statut->color()">{{ $evenement->statut->label() }}</x-espace-client.pastille>
                    @if ($evenement->promesse_tenue !== null)
                        <x-espace-client.pastille :ton="$evenement->promesse_tenue ? 'success' : 'danger'">
                            {{ $evenement->promesse_tenue ? 'promesse tenue' : 'promesse non tenue' }}
                        </x-espace-client.pastille>
                    @endif
                    @if ($gere)
                        <x-filament::button size="xs" color="gray" wire:click="ouvrirLEvenement({{ $evenement->id }})">
                            {{ $evenement->statut === \App\Enums\EspaceClient\StatutEvenement::Signale ? 'Qualifier' : 'Modifier' }}
                        </x-filament::button>
                        <x-filament::button size="xs" color="gray" wire:click="ouvrirLaGalerie({{ $evenement->id }})">Galerie</x-filament::button>
                        {{-- v4.13.0 §D — Corriger et retirer, comme pour les livrables (v4.12.0).
                             Réservé au gestionnaire : le client ne voit jamais ces gestes. --}}
                        <x-filament::button size="xs" color="danger" wire:click="ouvrirLaSuppressionDeLObjet('evenement', {{ $evenement->id }})">Supprimer</x-filament::button>
                    @endif
                </x-espace-client.ligne>

                {{-- La chronologie, étape par étape : c'est la promesse du jour même, pas une décoration. --}}
                @if ($evenement->etapes())
                    <div class="border-t border-gray-100 bg-gray-50 px-4 py-3 dark:border-white/5 dark:bg-white/5">
                        <div class="flex flex-wrap gap-2">
                            @foreach ($evenement->etapes() as $etape)
                                @php
                                    $fait = filled($etape['fait_le'] ?? null);
                                    $enRetard = ! $fait && filled($etape['echeance_le'] ?? null)
                                        && \Illuminate\Support\Carbon::parse($etape['echeance_le'])->isPast();
                                @endphp
                                <div @class([
                                        'flex items-center gap-2 rounded-lg border px-3 py-1.5 text-xs',
                                        'border-green-200 bg-green-50 text-green-800 dark:border-green-500/30 dark:bg-green-500/10 dark:text-green-300' => $fait,
                                        'border-red-200 bg-red-50 text-red-800 dark:border-red-500/30 dark:bg-red-500/10 dark:text-red-300' => $enRetard,
                                        'border-gray-200 bg-white text-gray-600 dark:border-white/10 dark:bg-gray-900 dark:text-gray-300' => ! $fait && ! $enRetard,
                                    ])>
                                    <span class="font-medium">{{ $etape['libelle'] }}</span>
                                    <span class="opacity-70">
                                        {{ $etape['decalage_h'] < 0 ? 'H'.$etape['decalage_h'] : 'H+'.$etape['decalage_h'] }}
                                        @if ($fait) · fait à {{ \Illuminate\Support\Carbon::parse($etape['fait_le'])->format('H:i') }} @endif
                                        @if ($etape['cle_promesse']) · promesse @endif
                                    </span>
                                    @if (! $fait && $gere)
                                        <button type="button" class="underline"
                                                wire:click="ouvrirLEtape({{ $evenement->id }}, '{{ $etape['cle'] }}')">Marquer faite</button>
                                    @endif
                                </div>
                            @endforeach
                        </div>
                        @if ($evenement->galerie_lien)
                            <p class="mt-2 break-all text-xs text-gray-500 dark:text-gray-400">Galerie : {{ $evenement->galerie_lien }}</p>
                        @endif
                    </div>
                @endif
            @empty
                <x-espace-client.vide>Aucun événement — planifiez la première couverture.</x-espace-client.vide>
            @endforelse
        </x-espace-client.carte>
    @endif

    {{-- ═══ DEMANDES ══════════════════════════════════════════════════════════════════════ --}}
    @if ($onglet === 'demandes')
        @if ($gere)
            <div class="flex flex-wrap gap-2">
                <x-filament::button wire:click="ouvrirLaDemandeRecue" icon="heroicon-o-plus">Saisir une demande reçue</x-filament::button>
            </div>
        @endif

        <x-espace-client.carte titre="Demandes" :compteur="$this->demandes()->count()">
            @forelse ($this->demandes() as $demande)
                <x-espace-client.ligne :tete="$demande->reference" :titre="$demande->objet"
                    :meta="collect([
                        $demande->canal->label(),
                        'reçue le '.$demande->recue_le?->format('d/m/Y'),
                        $demande->nomDuDemandeur(),
                        $demande->lettre?->reference,
                    ])->filter()->implode(' · ')">
                    <x-espace-client.pastille :ton="$demande->statut->color()">{{ $demande->statut->label() }}</x-espace-client.pastille>
                    @if ($gere)
                        @if ($demande->statut->value === 'recue')
                            <x-filament::button size="xs" color="gray" wire:click="qualifier({{ $demande->id }})">Qualifier</x-filament::button>
                        @endif
                        @if ($demande->lettre_commande_id === null)
                            <x-filament::button size="xs" color="gray" wire:click="ouvrirLaLettre({{ $demande->id }})">Préparer la lettre</x-filament::button>
                        @endif
                        {{-- v4.13.0 §D — Corriger et retirer, comme pour les livrables (v4.12.0).
                             Réservé au gestionnaire : le client ne voit jamais ces gestes. --}}
                        <x-filament::button size="xs" color="danger" wire:click="ouvrirLaSuppressionDeLObjet('demande', {{ $demande->id }})">Supprimer</x-filament::button>
                    @endif
                </x-espace-client.ligne>
            @empty
                <x-espace-client.vide>Aucune demande reçue.</x-espace-client.vide>
            @endforelse
        </x-espace-client.carte>
    @endif

    {{-- ═══ COMMANDES ═════════════════════════════════════════════════════════════════════ --}}
    @php
        $vuesCommandes = $this::VUES_COMMANDES;
    @endphp
    @if ($onglet === 'commandes')
        @php
            $vueCmd = $this->vueCourante($vuesCommandes);
        @endphp

        <div class="flex flex-wrap gap-1 rounded-xl border border-gray-200 bg-white p-1.5 dark:border-white/10 dark:bg-gray-900" data-vues>
            @foreach ($vuesCommandes as $cle => $libelle)
                <button type="button" wire:click="ouvrirLaVue('{{ $cle }}')"
                        @class([
                            'h-8 rounded-lg px-3 text-sm font-medium',
                            'bg-gray-900 text-white dark:bg-white dark:text-gray-900' => $vueCmd === $cle,
                            'text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-white/5' => $vueCmd !== $cle,
                        ])>{{ $libelle }}</button>
            @endforeach
        </div>
    @endif

    {{-- ─── Commandes › Réceptions (v4.3.0 §C1) ──────────────────────────────────────────── --}}
    @if ($onglet === 'commandes' && $vueCmd === 'receptions')
        @php
            $receptions = $this->receptions();
            $reperes = $this->postes();
            $commande = round((float) $reperes->sum('montant_commande'), 2);
            $facture = round((float) $receptions->sum(fn ($r) => $r->invoice_id !== null ? (float) $r->montant_ttc : 0), 2);
            $valide = round((float) $receptions->sum('montant_ht'), 2);
        @endphp

        <div class="grid grid-cols-1 divide-y divide-gray-200 rounded-xl border border-gray-200 bg-white sm:grid-cols-4 sm:divide-x sm:divide-y-0 dark:divide-white/10 dark:border-white/10 dark:bg-gray-900">
            @foreach ([
                ['Commandé', number_format($commande, 2, ',', ' ').' DH', 'HT, lettres engagées'],
                ['Livré', $reperes->sum('livre').' ligne(s)', 'remis au moins une fois'],
                ['Validé', number_format($valide, 2, ',', ' ').' DH', 'HT, base des décomptes'],
                ['Facturé', number_format($facture, 2, ',', ' ').' DH', 'TTC, décomptes facturés'],
            ] as [$libelle, $valeur, $detail])
                <div class="px-5 py-4">
                    <p class="text-xs font-medium text-gray-500 dark:text-gray-400">{{ $libelle }}</p>
                    <p class="mt-1 text-xl font-semibold tabular-nums text-gray-900 dark:text-white">{{ $valeur }}</p>
                    <p class="mt-0.5 text-xs text-gray-500 dark:text-gray-400">{{ $detail }}</p>
                </div>
            @endforeach
        </div>

        @if ($gere)
            <div class="flex flex-wrap gap-2">
                <x-filament::button color="gray" wire:click="genererLesPeriodes">Générer les périodes</x-filament::button>
            </div>
        @endif

        <x-espace-client.carte titre="Réceptions périodiques" :compteur="$receptions->count()"
            pied="« Réglée » se lit de la facture, jamais d'une saisie ici : deux endroits où marquer « payé », c'est un jour deux réponses.">
            @forelse ($receptions as $reception)
                <x-espace-client.ligne :tete="'n°'.$reception->numero" :titre="$reception->type->label().' — '.$reception->reference"
                    :meta="collect([
                        $reception->periodePhrase(),
                        $reception->montant_ht > 0 ? 'HT '.number_format((float) $reception->montant_ht, 2, ',', ' ').' DH' : null,
                        $reception->montant_ttc > 0 ? 'TTC '.number_format((float) $reception->montant_ttc, 2, ',', ' ').' DH' : null,
                        (float) $reception->retenue_avance > 0 ? 'retenue '.number_format((float) $reception->retenue_avance, 2, ',', ' ').' DH' : null,
                        (float) $reception->penalites_montant > 0 ? 'pénalités '.number_format((float) $reception->penalites_montant, 2, ',', ' ').' DH ('.$reception->penalites_jours.' j)' : null,
                        $reception->net_a_payer > 0 ? 'net '.number_format((float) $reception->net_a_payer, 2, ',', ' ').' DH' : null,
                        $reception->pv_signe_le ? 'PV signé le '.$reception->pv_signe_le->format('d/m/Y') : null,
                        $reception->invoice?->number ? 'facture '.$reception->invoice->number : null,
                    ])->filter()->implode(' · ')">
                    <x-espace-client.pastille :ton="$reception->statut->color()">{{ $reception->statut->label() }}</x-espace-client.pastille>
                    @if ($gere)
                        <x-filament::button size="xs" color="gray" wire:click="ouvrirLeDecompte({{ $reception->id }})">Préparer le décompte</x-filament::button>
                        @if (in_array($reception->statut->value, ['decompte_prepare', 'en_cours'], true))
                            <x-filament::button size="xs" color="gray" wire:click="ouvrirLePv({{ $reception->id }})">PV signé</x-filament::button>
                        @endif
                        @if ($reception->invoice_id === null && $reception->lignes->isNotEmpty())
                            <x-filament::button size="xs" wire:click="ouvrirLaFacture({{ $reception->id }})">Créer la facture</x-filament::button>
                        @endif
                    @endif
                </x-espace-client.ligne>

                @if ($reception->lignes->isNotEmpty())
                    <div class="border-t border-gray-100 bg-gray-50 px-4 py-2 text-xs text-gray-600 dark:border-white/5 dark:bg-white/5 dark:text-gray-300">
                        @foreach ($reception->lignes as $l)
                            <span class="mr-3 inline-block">{{ $l->poste?->numero ?? '?' }} · {{ $nombre($l->quantite) }} × {{ number_format((float) $l->pu_ht, 2, ',', ' ') }} = <b>{{ number_format((float) $l->montant_ht, 2, ',', ' ') }}</b> DH</span>
                        @endforeach
                    </div>
                @endif
            @empty
                <x-espace-client.vide>Générez les périodes de réception depuis les dates d'exécution du marché.</x-espace-client.vide>
            @endforelse
        </x-espace-client.carte>
    @endif

    {{-- ─── Commandes › Pénalités (v4.3.0 §C1) ───────────────────────────────────────────── --}}
    @if ($onglet === 'commandes' && $vueCmd === 'penalites')
        @php
            $simulation = $this->simulationDePenalites();
            $theoriques = $this->penalitesTheoriques();
        @endphp

        <x-espace-client.carte titre="Simulateur de pénalités"
            pied="Interne : ni le panneau du client ni la page publique n'y accèdent. Une pénalité théorique est un chiffre de vigilance, pas une créance.">
            <div class="grid gap-3 px-4 py-4 sm:grid-cols-2">
                <div>
                    <label for="pen-jours" class="{{ $etiquette }}">Jours calendaires de retard</label>
                    <x-filament::input.wrapper class="mt-1">
                        <x-filament::input id="pen-jours" type="number" min="0" wire:model.live="saisie.penalite_jours" />
                    </x-filament::input.wrapper>
                </div>
                <div>
                    <label for="pen-base" class="{{ $etiquette }}">
                        Base ({{ $espace->penalite_base === 'ht' ? 'montant HT' : 'montant TTC' }} du marché)
                    </label>
                    <x-filament::input.wrapper class="mt-1">
                        <x-filament::input id="pen-base" type="number" step="0.01" wire:model.live="saisie.penalite_base"
                                           placeholder="{{ number_format($espace->basePenalite(), 2, '.', '') }}" />
                    </x-filament::input.wrapper>
                </div>
            </div>

            <x-espace-client.ligne tete="SIM" titre="Résultat de la simulation"
                :meta="number_format($simulation['par_jour'], 2, ',', ' ').' DH par jour · '.$simulation['jours'].' jour(s) · plafond '.number_format($simulation['plafond'], 2, ',', ' ').' DH ('.rtrim(rtrim(number_format((float) $espace->penalite_plafond_pct, 2, ',', ' '), '0'), ',').' %)'">
                <span class="whitespace-nowrap text-sm font-semibold tabular-nums">{{ number_format($simulation['total'], 2, ',', ' ') }} DH</span>
                @if ($simulation['plafond_atteint'])
                    <x-espace-client.pastille ton="danger">plafond atteint</x-espace-client.pastille>
                @endif
            </x-espace-client.ligne>
        </x-espace-client.carte>

        <x-espace-client.carte titre="Pénalités théoriques, livrable par livrable" :compteur="$theoriques['lignes']->count()"
            :pied="'Total : '.number_format($theoriques['montant'], 2, ',', ' ').' DH sur '.$theoriques['jours'].' jour(s) de retard cumulés'.($theoriques['plafond_atteint'] ? ' — plafond atteint.' : '.')">
            @forelse ($theoriques['lignes'] as $ligne)
                <x-espace-client.ligne :tete="$ligne['livrable']->reference" :titre="$ligne['livrable']->titre"
                    :meta="'échéance '.$ligne['echeance']->format('d/m/Y').' · première remise '.$ligne['remise']->format('d/m/Y')">
                    <x-espace-client.pastille ton="danger">{{ $ligne['jours'] }} jour(s)</x-espace-client.pastille>
                </x-espace-client.ligne>
            @empty
                <x-espace-client.vide>Aucun livrable n'a été remis en retard.</x-espace-client.vide>
            @endforelse
        </x-espace-client.carte>
    @endif

    {{-- ─── Commandes › Lettres de commande ──────────────────────────────────────────────── --}}
    @if ($onglet === 'commandes' && $vueCmd === 'lettres')
        <x-espace-client.carte titre="Lettres de commande" :compteur="$this->lettres()->count()">
            @forelse ($this->lettres() as $lettre)
                <x-espace-client.ligne :tete="$lettre->reference" :titre="$lettre->objet"
                    :meta="$lettre->lignes->map(fn ($l) => ($l->poste?->numero ?? '?').' ×'.rtrim(rtrim(number_format((float) $l->quantite, 2, ',', ' '), '0'), ','))->implode(' · ')">
                    <x-espace-client.pastille :ton="$lettre->statut->color()">{{ $lettre->statut->label() }}</x-espace-client.pastille>
                    <span class="whitespace-nowrap text-sm font-semibold tabular-nums">{{ number_format($lettre->montantHt(), 2, ',', ' ') }} DH</span>
                    @if ($gere && $lettre->statut->value === 'preparee')
                        <x-filament::button size="xs" color="gray" wire:click="envoyerPourSignature({{ $lettre->id }})">Envoyer à signer</x-filament::button>
                    @endif
                </x-espace-client.ligne>
            @empty
                <x-espace-client.vide>Aucune lettre de commande.</x-espace-client.vide>
            @endforelse
        </x-espace-client.carte>

        <x-espace-client.carte titre="Ce qui manque" :compteur="$this->piecesManquantes()->count()"
            pied="« Côté client » est ce que la page du client lui demande ; « de notre côté » est ce qu'il nous reste à joindre.">
            @forelse ($this->piecesManquantes() as $piece)
                <x-espace-client.ligne tete="PJ" :titre="$piece->libelle()"
                    :meta="ucfirst($piece->dossier_type).' n°'.$piece->dossier_id">
                    <x-espace-client.pastille :ton="$piece->debiteur === 'client' ? 'warning' : 'danger'">
                        {{ $piece->debiteur === 'client' ? 'côté client' : 'de notre côté' }}
                    </x-espace-client.pastille>
                </x-espace-client.ligne>
            @empty
                <x-espace-client.vide>Tous les dossiers sont complets.</x-espace-client.vide>
            @endforelse
        </x-espace-client.carte>

    @endif

    {{-- ─── Commandes › Bordereau ────────────────────────────────────────────────────────── --}}
    @if ($onglet === 'commandes' && $vueCmd === 'bordereau')
        @if ($gere)
            <div class="flex flex-wrap gap-2">
                <x-filament::button wire:click="ouvrirLePoste" icon="heroicon-o-plus">Poste</x-filament::button>
            </div>
        @endif

        <x-espace-client.carte titre="Bordereau du marché" :compteur="$this->postes()->count()"
            pied="Les postes recopiés d'un appel d'offres et les postes saisis à la main vivent côte à côte.">
            @forelse ($this->postes() as $ligne)
                <x-espace-client.ligne :tete="$ligne['poste']->numero" :titre="$ligne['poste']->libelle"
                    :meta="'prévu '.$nombre($ligne['prevu']).' · commandé '.$nombre($ligne['commande']).' · livré '.$nombre($ligne['livre']).' · validé '.$nombre($ligne['valide']).' · reste '.$nombre($ligne['reste'])">
                    <span class="whitespace-nowrap text-sm font-semibold tabular-nums">{{ number_format($ligne['montant_commande'], 2, ',', ' ') }} DH</span>
                    @if ($gere)
                        <x-filament::button size="xs" color="gray" wire:click="ouvrirLePoste({{ $ligne['poste']->id }})">Modifier</x-filament::button>
                        <x-filament::button size="xs" color="danger" wire:click="supprimerLePoste({{ $ligne['poste']->id }})">Supprimer</x-filament::button>
                    @endif
                </x-espace-client.ligne>
            @empty
                <x-espace-client.vide>Aucun poste — ajoutez le premier avec ＋ Poste.</x-espace-client.vide>
            @endforelse
        </x-espace-client.carte>
    @endif

    {{-- ═══ DOCUMENTS ═════════════════════════════════════════════════════════════════════ --}}
    @if ($onglet === 'documents')
        @if ($gere)
            <div class="flex flex-wrap gap-2">
                <x-filament::button wire:click="ouvrirLeDocument" icon="heroicon-o-plus">Ajouter un document</x-filament::button>
            </div>
        @endif

        <x-espace-client.carte titre="Documents" :compteur="$this->documents()->count()">
            @forelse ($this->documents() as $document)
                <x-espace-client.ligne tete="DOC" :titre="$document->titre"
                    :meta="$document->famille->label().' · '.($document->date?->format('d/m/Y') ?? '—').($document->version ? ' · '.$document->version : '')">
                    <x-espace-client.pastille :ton="$document->estPartage() ? 'info' : 'gray'">
                        {{ $document->estPartage() ? 'partagé' : 'interne' }}
                    </x-espace-client.pastille>
                    @if ($gere)
                        {{-- v4.13.0 §D — Un document chargé par erreur restait là pour toujours :
                             il se renomme, change de visibilité, et se retire. --}}
                        <x-filament::button size="xs" color="gray" wire:click="ouvrirLeDocument({{ $document->id }})">Modifier</x-filament::button>
                        <x-filament::button size="xs" color="danger" wire:click="ouvrirLaSuppressionDeLObjet('document', {{ $document->id }})">Supprimer</x-filament::button>
                    @endif
                </x-espace-client.ligne>
            @empty
                <x-espace-client.vide>Aucun document.</x-espace-client.vide>
            @endforelse
        </x-espace-client.carte>
    @endif

    {{-- ═══ RÉUNIONS ══════════════════════════════════════════════════════════════════════ --}}
    @if ($onglet === 'reunions')
        @if ($gere)
            <div class="flex flex-wrap gap-2">
                <x-filament::button wire:click="ouvrirLeCreneau" icon="heroicon-o-plus">Proposer un créneau</x-filament::button>
            </div>
        @endif

        <x-espace-client.carte titre="Réunions" :compteur="$this->reunions()->count()">
            @forelse ($this->reunions() as $reunion)
                <x-espace-client.ligne :tete="$reunion->date?->format('d/m')" :titre="$reunion->reference"
                    :meta="collect([
                        $reunion->date?->format('d/m/Y'),
                        $reunion->lieu,
                        $reunion->phraseDuCreneau(),
                        $reunion->compteRendu?->statut->label(),
                    ])->filter()->implode(' · ')">
                    @if ($gere)
                        <x-filament::button size="xs" color="gray" wire:click="ouvrirLeCompteRendu({{ $reunion->id }})">Compte rendu</x-filament::button>
                        {{-- v4.13.0 §D — Corriger et retirer, comme pour les livrables (v4.12.0).
                             Réservé au gestionnaire : le client ne voit jamais ces gestes. --}}
                        <x-filament::button size="xs" color="danger" wire:click="ouvrirLaSuppressionDeLObjet('reunion', {{ $reunion->id }})">Supprimer</x-filament::button>
                    @endif
                </x-espace-client.ligne>
            @empty
                <x-espace-client.vide>Aucune réunion — proposez le premier créneau.</x-espace-client.vide>
            @endforelse
        </x-espace-client.carte>
    @endif

    {{-- ═══ JOURNAL E-MAILS ═══════════════════════════════════════════════════════════════ --}}
    @if ($onglet === 'journal')
        <x-espace-client.carte titre="Journal des e-mails" :compteur="$this->journal()->count()"
            pied="Chaque envoi laisse une ligne, réussi ou non : c'est l'envoi qui a échoué qu'il faut pouvoir retrouver.">
            @forelse ($this->journal() as $ligne)
                <x-espace-client.ligne :tete="$ligne->envoye_le?->format('d/m')" :titre="$ligne->sujet"
                    :meta="collect([
                        $ligne->envoye_le?->format('d/m/Y H:i'),
                        $ligne->evenement,
                        'à '.(implode(', ', $ligne->destinataires ?? []) ?: 'personne'),
                    ])->filter()->implode(' · ')">
                    <x-espace-client.pastille :ton="$ligne->statut === 'envoye' ? 'success' : 'danger'">
                        {{ $ligne->statut === 'envoye' ? 'envoyé' : 'échec' }}
                    </x-espace-client.pastille>
                </x-espace-client.ligne>
            @empty
                <x-espace-client.vide>Aucun e-mail envoyé pour cet espace.</x-espace-client.vide>
            @endforelse
        </x-espace-client.carte>
    @endif

    {{-- ═══ PARAMÈTRES ════════════════════════════════════════════════════════════════════
         v4.7.0 §A1 — Chaque « Modifier » ouvre son formulaire SOUS SA CARTE, pas en fin de page. --}}
    @if ($onglet === 'parametres')
        <x-espace-client.carte titre="Identité, accès et règles">
            <x-espace-client.ligne tete="NOM" :titre="$espace->nom" :meta="$espace->client_nom.' · '.($espace->reference_marche ?: 'sans référence')">
                @if ($gere)
                    <x-filament::button size="xs" color="gray" wire:click="ouvrirLesReglages">Modifier</x-filament::button>
                @endif
            </x-espace-client.ligne>
            <x-espace-client.ligne tete="ACC" titre="Mode d'accès" :meta="$espace->mode->label()" />
            <x-espace-client.ligne tete="RÈG" titre="Règles"
                :meta="'Validation : '.$espace->delai_validation_jours_ouvres.' jours ouvrés · rappel J–'.$espace->rappel_avant_jours.' · compte rendu approuvé tacitement après '.$espace->cr_approbation_tacite_jours.' jours ouvrés'" />
            <x-espace-client.ligne tete="MNT" titre="Montants sur la page du client"
                :meta="$espace->afficher_montants ? 'affichés' : 'masqués — la page compte des lignes, pas des dirhams'" />
            {{-- v4.8.0 §D4 — Le pont espace client → tâches.
                 v4.30.0 §B5 — Pilotage éteint : la ligne est masquée. --}}
            @if (\App\Services\Pilotage\Pilotage::actif())
            <x-espace-client.ligne tete="TÂC" titre="Livrables → tâches"
                :meta="$espace->taches_auto ? 'activé — chaque livrable crée sa tâche chez son responsable, échéance = celle du livrable' : 'éteint — les tâches des livrables se créent à la main (case « avec tâche »)'" />
            @endif
        </x-espace-client.carte>

        {{-- ─── v4.7.0 §E — L'identité de l'espace : la marque qui exécute, les logos, l'adresse
             d'envoi, la signature. En haut de l'onglet, sous l'identité : c'est ce que le client
             voit sur sa page et dans chaque e-mail. ─────────────────────────────────────────── --}}
        <x-espace-client.carte titre="Identité visuelle et envois"
            pied="L'adresse d'expédition doit EXISTER sur le serveur mail de l'installation (boîte ou alias créé dans cPanel, sur le domaine d'envoi) : l'application ne la crée pas. « Envoyer un e-mail de test » le prouve.">
            @php
                // v4.9.0 §C4 — La ligne dit la LISTE des copies visibles, et le NOMBRE des copies
                // cachées. Les adresses cachées ne s'affichent pas ici : les écrire en clair sur
                // la fiche viderait « cachée » de son sens.
                $copiesCc = $espace->adressesCc();
                $copiesCci = $espace->adressesCci();
                $mentionCopies = ' · copie : '.($copiesCc === [] ? 'aucune' : implode(', ', $copiesCc));

                if ($copiesCci !== []) {
                    $mentionCopies .= ' · copie cachée : '.count($copiesCci).' adresse'.(count($copiesCci) > 1 ? 's' : '');
                }
            @endphp
            <x-espace-client.ligne tete="EXP" titre="Adresse d'expédition et de réponse"
                :meta="($espace->email_expediteur ?: 'celle de l\'installation — '.($espace->adresseDeReponse() ?: 'non configurée')).$mentionCopies">
                @if ($gere)
                    <x-filament::button size="xs" color="gray" wire:click="ouvrirLIdentite">Modifier</x-filament::button>
                @endif
            </x-espace-client.ligne>
            <x-espace-client.ligne tete="NOM" titre="Nom d'affichage de l'expéditeur" :meta="$espace->nomDAffichageExpediteur()" />
            <x-espace-client.ligne tete="LOG" titre="Logos"
                :meta="'marque qui exécute : '.($espace->logo_prestataire ? 'téléversé' : 'celui de l\'installation').' · client : '.($espace->logo_path ? 'téléversé' : 'aucun')">
                @if ($espace->logoDuPrestataire())
                    <img src="{{ $espace->logoDuPrestataire() }}" alt="{{ $espace->nomDuPrestataire() }}" class="h-8 w-auto max-w-[6rem] object-contain">
                @endif
                @if ($espace->logoDuClient())
                    <img src="{{ $espace->logoDuClient() }}" alt="{{ $espace->client_nom }}" class="h-8 w-auto max-w-[6rem] object-contain">
                @endif
            </x-espace-client.ligne>
            <div class="px-4 py-3">
                <p class="{{ $etiquette }}">Signature des e-mails <span class="font-normal normal-case text-gray-400">· {{ filled($espace->signature_html) ? 'saisie' : 'générée automatiquement' }}</span></p>
                <div class="prose prose-sm mt-2 max-w-none rounded-lg border border-gray-200 bg-gray-50 px-3 py-2 text-gray-700 dark:prose-invert dark:border-white/10 dark:bg-white/5 dark:text-gray-200" data-apercu-signature>
                    {!! $this->apercuDeLaSignature() !!}
                </div>
            </div>
        </x-espace-client.carte>

        <x-espace-client.carte titre="Lien de lecture et QR code"
            pied="Renouveler le jeton invalide immédiatement l'ancien lien : il répondra « lien expiré ». Modifier l'adresse coupe le lien court ; les liens à jeton déjà partagés redirigent vers la nouvelle adresse.">
            <x-espace-client.ligne tete="ADR" titre="Adresse de l'espace" :meta="$espace->slug">
                @if ($gere)
                    <x-filament::button size="xs" color="gray" wire:click="ouvrirLAdresse">Modifier l'adresse</x-filament::button>
                @endif
            </x-espace-client.ligne>

            @if ($espace->lienPublic())
                <div class="flex flex-col gap-4 px-4 py-4 sm:flex-row sm:items-center">
                    <div class="min-w-0 flex-1">
                        <p class="break-all text-xs text-gray-600 dark:text-gray-300">{{ $espace->lienPublic() }}</p>
                        @if ($gere)
                            <div class="mt-3 flex flex-wrap gap-2">
                                <x-filament::button size="xs" color="gray" wire:click="renouvelerLeJeton">Renouveler le jeton</x-filament::button>
                                <x-filament::button size="xs" color="gray" tag="a" href="{{ $espace->lienPublic() }}" target="_blank">
                                    Voir comme le client
                                </x-filament::button>
                                {{-- v4.7.0 §B5 — L'espace CONNECTÉ, tel qu'un référent le verrait, sans créer de compte. --}}
                                <x-filament::button size="xs" color="gray" tag="a" href="{{ $this->lienApercuReferent() }}" target="_blank">
                                    Voir comme le référent
                                </x-filament::button>
                            </div>
                        @endif
                    </div>
                    <div class="flex-none">{!! $this->qrCode() !!}</div>
                </div>
            @else
                <x-espace-client.vide>Le mode d'accès de cet espace n'ouvre pas de lien de lecture.</x-espace-client.vide>
                @if ($gere)
                    <div class="border-t border-gray-100 px-4 py-3 dark:border-white/5">
                        <x-filament::button size="xs" color="gray" tag="a" href="{{ $this->lienApercuReferent() }}" target="_blank">
                            Voir comme le référent
                        </x-filament::button>
                    </div>
                @endif
            @endif

            {{-- ─── v4.5.0 §7 — Le lien court public, une adresse qu'on donne à voix haute ─── --}}
            @if ($espace->mode->ouvreLeLienPublic())
                @php
                    $hotePublic = \App\Models\EspaceClient\ClientDashboard::hotePublic();
                    $lienCourt = $espace->lienCourtPublic();
                @endphp

                <x-espace-client.ligne tete="CRT" titre="Lien court public"
                    :meta="$hotePublic === null
                        ? 'indisponible : cette installation n\'a pas encore de domaine public configuré — le lien de lecture ci-dessus reste la référence'
                        : ($espace->lien_court_actif
                            ? 'actif — l\'adresse ouvre directement la page de lecture, sans jeton'
                            : 'éteint — l\'adresse courte répond 404, comme un espace inconnu')">
                    <x-espace-client.pastille :ton="$espace->lien_court_actif && $hotePublic !== null ? 'success' : 'gray'">
                        {{ $espace->lien_court_actif && $hotePublic !== null ? 'actif' : 'éteint' }}
                    </x-espace-client.pastille>
                    @if ($gere)
                        {{-- v4.7.0 §D6 — Sans domaine public, « Activer » est là mais grisé, et dit pourquoi. --}}
                        @if ($hotePublic === null)
                            <x-filament::button size="xs" color="gray" disabled tooltip="Domaine public non configuré">Activer</x-filament::button>
                        @else
                            <x-filament::button size="xs" color="gray" wire:click="basculerLeLienCourt">
                                {{ $espace->lien_court_actif ? 'Désactiver' : 'Activer' }}
                            </x-filament::button>
                        @endif
                    @endif
                </x-espace-client.ligne>

                @if ($lienCourt !== null)
                    <div class="flex flex-col gap-4 px-4 py-4 sm:flex-row sm:items-center">
                        <div class="min-w-0 flex-1">
                            <p class="break-all text-xs text-gray-600 dark:text-gray-300">{{ $lienCourt }}</p>
                            <div class="mt-3 flex flex-wrap gap-2">
                                <x-filament::button size="xs" color="gray" icon="heroicon-o-clipboard-document"
                                                    x-data
                                                    x-on:click="navigator.clipboard?.writeText(@js($lienCourt))">
                                    Copier
                                </x-filament::button>
                                <x-filament::button size="xs" color="gray" tag="a" href="{{ $lienCourt }}" target="_blank">
                                    Ouvrir
                                </x-filament::button>
                            </div>
                        </div>
                        <div class="flex-none">{!! $this->qrCodeCourt() !!}</div>
                    </div>
                @endif
            @endif
        </x-espace-client.carte>

        <x-espace-client.carte titre="Modules" :compteur="count($this->modules())"
            pied="L'ordre de cette liste est celui de la navigation du client.">
            @foreach ($this->modules() as $module)
                <x-espace-client.ligne tete="MOD" :titre="$module['libelle']" :meta="$module['cle']">
                    <x-espace-client.pastille :ton="$module['actif'] ? 'success' : 'gray'">
                        {{ $module['actif'] ? 'actif' : 'éteint' }}
                    </x-espace-client.pastille>
                    @if ($gere)
                        <x-filament::button size="xs" color="gray" wire:click="deplacerLeModule('{{ $module['cle'] }}', -1)">↑</x-filament::button>
                        <x-filament::button size="xs" color="gray" wire:click="deplacerLeModule('{{ $module['cle'] }}', 1)">↓</x-filament::button>
                        <x-filament::button size="xs" color="gray" wire:click="basculerLeModule('{{ $module['cle'] }}')">
                            {{ $module['actif'] ? 'Éteindre' : 'Allumer' }}
                        </x-filament::button>
                    @endif
                </x-espace-client.ligne>
            @endforeach
        </x-espace-client.carte>

        {{-- ─── v4.3.0 §C1 — Les paramètres du lot 2 ─────────────────────────────────── --}}
        <x-espace-client.carte titre="Zones, réseaux, chronologie, pénalités et réceptions"
            pied="Ce sont des RÉGLAGES, jamais du code : un marché couvre huit provinces, un autre trois villes ; l'un promet les photos à H+1, l'autre à H+4.">
            <x-espace-client.ligne tete="ZON" titre="Zones géographiques"
                :meta="count($espace->zonesConfigurees()) > 0
                    ? collect($espace->zonesConfigurees())->map(fn ($z) => $z['code'].' — '.$z['libelle'])->implode(' · ')
                    : 'aucune zone configurée — la couverture géographique ne sera pas mesurée'">
                @if ($gere)
                    <x-filament::button size="xs" color="gray" wire:click="ouvrirLesParametresAvances">Modifier</x-filament::button>
                @endif
            </x-espace-client.ligne>

            <x-espace-client.ligne tete="RÉS" titre="Réseaux et objectifs"
                :meta="collect($espace->reseauxConfigures())->map(fn ($r) => $r['libelle'].($r['objectif'] ? ' → '.number_format((float) $r['objectif'], 0, ',', ' ') : ''))->implode(' · ')" />

            <x-espace-client.ligne tete="CHR" titre="Chronologie d'un événement"
                :meta="collect($espace->chronologieConfiguree())->map(fn ($e) => $e['libelle'].' ('.($e['decalage_h'] < 0 ? 'H'.$e['decalage_h'] : 'H+'.$e['decalage_h']).($e['cle_promesse'] ? ', promesse' : '').')')->implode(' · ')" />

            <x-espace-client.ligne tete="CIB" titre="Cibles des indicateurs"
                :meta="'Délais tenus ≥ '.$espace->ciblesConfigurees()['delais_tenus_pct'].' % · premier passage ≥ '.$espace->ciblesConfigurees()['valides_premier_passage_pct'].' % · retour ≤ '.$espace->ciblesConfigurees()['delai_retour_max_jours'].' j ouvrés · modération ≤ '.$espace->ciblesConfigurees()['moderation_max_h'].' h'" />

            <x-espace-client.ligne tete="PÉN" titre="Pénalités"
                :meta="rtrim(rtrim(number_format((float) $espace->penalite_taux_pour_mille, 3, ',', ' '), '0'), ',').' ‰ par jour calendaire · plafond '.rtrim(rtrim(number_format((float) $espace->penalite_plafond_pct, 2, ',', ' '), '0'), ',').' % · base '.mb_strtoupper($espace->penalite_base).' = '.number_format($espace->basePenalite(), 2, ',', ' ').' DH · TVA '.rtrim(rtrim(number_format($espace->tauxTva(), 2, ',', ' '), '0'), ',').' %'" />

            <x-espace-client.ligne tete="RÉC" titre="Réceptions"
                :meta="$espace->nb_periodes_reception.' période(s) · '.($espace->derniere_reception_definitive ? 'la dernière vaut réception définitive' : 'toutes partielles').($espace->prochaine_reception_le ? ' · repli saisi : '.$espace->prochaine_reception_le->format('d/m/Y') : '')">
                @if ($gere)
                    <x-filament::button size="xs" color="gray" wire:click="genererLesPeriodes">Régénérer les périodes</x-filament::button>
                @endif
            </x-espace-client.ligne>
        </x-espace-client.carte>

        <x-espace-client.carte titre="Ce que le client voit"
            pied="Un exploitant qui n'a ni événements ni réseaux n'a aucune raison d'offrir deux onglets vides à son client.">
            @foreach ([\App\Enums\EspaceClient\ModuleClient::Avancement, \App\Enums\EspaceClient\ModuleClient::Quantites] as $moduleAVues)
                @php
                    $actives = array_keys(app(\App\Services\EspaceClient\VueClient::class)->vuesActives($espace, $moduleAVues));
                @endphp
                <x-espace-client.ligne tete="VUE" :titre="'Vues de « '.$espace->libelleDuModule($moduleAVues).' »'"
                    :meta="collect($moduleAVues->vuesPossibles())->map(fn ($lib, $cle) => $lib.(in_array($cle, $actives, true) ? '' : ' (éteinte)'))->implode(' · ')">
                    @if ($gere)
                        @foreach ($moduleAVues->vuesPossibles() as $cle => $libelle)
                            <x-filament::button size="xs" :color="in_array($cle, $actives, true) ? 'primary' : 'gray'"
                                wire:click="basculerLaVue('{{ $moduleAVues->value }}', '{{ $cle }}')">{{ $libelle }}</x-filament::button>
                        @endforeach
                    @endif
                </x-espace-client.ligne>
            @endforeach

            <x-espace-client.ligne tete="PUB" titre="Le client peut proposer une publication"
                :meta="$espace->optionDuModule(\App\Enums\EspaceClient\ModuleClient::AFaire, 'publications', true) ? 'oui — le bouton figure dans « À faire »' : 'non — le bouton n\'est pas rendu'">
                @if ($gere)
                    <x-filament::button size="xs" color="gray" wire:click="basculerLOption('a_faire', 'publications')">
                        {{ $espace->optionDuModule(\App\Enums\EspaceClient\ModuleClient::AFaire, 'publications', true) ? 'Retirer' : 'Autoriser' }}
                    </x-filament::button>
                @endif
            </x-espace-client.ligne>

            <x-espace-client.ligne tete="EVT" titre="Le client peut signaler un événement"
                :meta="$espace->optionDuModule(\App\Enums\EspaceClient\ModuleClient::Avancement, 'evenements_signalement_client', true) ? 'oui — jamais depuis la page publique, seulement depuis un compte' : 'non — le bouton n\'est pas rendu'">
                @if ($gere)
                    <x-filament::button size="xs" color="gray" wire:click="basculerLOption('avancement', 'evenements_signalement_client')">
                        {{ $espace->optionDuModule(\App\Enums\EspaceClient\ModuleClient::Avancement, 'evenements_signalement_client', true) ? 'Retirer' : 'Autoriser' }}
                    </x-filament::button>
                @endif
            </x-espace-client.ligne>
        </x-espace-client.carte>

        {{-- ─── v4.5.0 §4 — Les gestionnaires : à qui la direction confie cet espace ──────── --}}
        <x-espace-client.carte titre="Gestionnaires" :compteur="$this->gestionnaires()->count()"
            pied="Un gestionnaire fait tout ce que fait la direction sur cet espace, depuis son propre espace — et il est prévenu, dans son panneau et en copie des e-mails, à chaque acte du client.">
            @if ($gere)
                <div class="border-b border-gray-100 px-4 py-3 dark:border-white/5">
                    <x-filament::button size="sm" wire:click="ouvrirLeGestionnaire" icon="heroicon-o-plus">
                        Confier à un collaborateur
                    </x-filament::button>
                </div>
            @endif

            @forelse ($this->gestionnaires() as $gestionnaire)
                <x-espace-client.ligne tete="GES" :titre="$gestionnaire->full_name"
                    :meta="$gestionnaire->job_title ?: 'collaborateur'">
                    @if ($gere)
                        <x-filament::button size="xs" color="gray" wire:click="retirerLeGestionnaire({{ $gestionnaire->id }})">
                            Retirer
                        </x-filament::button>
                    @endif
                </x-espace-client.ligne>
            @empty
                <x-espace-client.vide>
                    Personne d'autre que la direction ne gère cet espace.
                </x-espace-client.vide>
            @endforelse
        </x-espace-client.carte>

        <x-espace-client.carte titre="Accès client" :compteur="$this->acces()->count()"
            pied="Le mot de passe temporaire n'apparaît jamais ici : il ne part que par courriel.">
            @if ($gere)
                <div class="border-b border-gray-100 px-4 py-3 dark:border-white/5">
                    <x-filament::button size="sm" wire:click="ouvrirLInvitation" icon="heroicon-o-plus">Inviter une personne</x-filament::button>
                </div>
            @endif

            @forelse ($this->acces() as $acces)
                <x-espace-client.ligne tete="PER" :titre="$acces->user?->name ?? '—'"
                    :meta="collect([
                        $acces->user?->email,
                        $acces->titreAffiche(),
                        $acces->familles_validees ? 'familles '.implode(', ', $acces->familles_validees) : null,
                        $acces->derniere_connexion_le ? 'dernière visite le '.$acces->derniere_connexion_le->format('d/m/Y') : 'jamais connecté',
                    ])->filter()->implode(' · ')">
                    <x-espace-client.pastille :ton="$acces->actif ? 'success' : 'gray'">
                        {{ $acces->actif ? 'actif' : 'désactivé' }}
                    </x-espace-client.pastille>
                    @if ($gere)
                        <x-filament::button size="xs" color="gray" wire:click="renvoyerLInvitation({{ $acces->id }})">Renvoyer</x-filament::button>
                        <x-filament::button size="xs" color="gray" wire:click="basculerLAcces({{ $acces->id }})">
                            {{ $acces->actif ? 'Désactiver' : 'Rétablir' }}
                        </x-filament::button>
                    @endif
                </x-espace-client.ligne>
            @empty
                <x-espace-client.vide>Aucun compte client — invitez le référent du marché.</x-espace-client.vide>
            @endforelse
        </x-espace-client.carte>

        {{-- ─── v4.5.0 §5 — Le geste sans retour, en dernier et à part ─────────────────────── --}}
        @if ($gere)
            <x-espace-client.carte titre="Supprimer l'espace"
                pied="Le marché, ses factures et sa trésorerie ne sont pas touchés : l'espace est une vitrine, pas la comptabilité.">
                <x-espace-client.ligne tete="SUP" titre="Supprimer définitivement cet espace"
                    meta="Emporte livrables, publications, événements, réunions, réceptions, documents et comptes clients. Sans retour.">
                    <x-filament::button size="xs" color="danger" wire:click="ouvrirLaSuppression">Supprimer</x-filament::button>
                </x-espace-client.ligne>
            </x-espace-client.carte>
        @endif
    @endif

    {{-- ═══ v4.7.0 §D2 — LA BARRE BASSE (sous 768 px) ═══════════════════════════════════════
         Cinq entrées avec icône et libellé — Cockpit · Livrables · Publier · Commandes · Plus —,
         l'onglet courant en évidence, et « Plus » ouvre une feuille avec les autres onglets, dans
         l'ordre de la fiche. Desktop : rien de tout cela. --}}
    <div class="h-16 md:hidden" aria-hidden="true"></div>

    <div x-data="{ plus: false }" class="md:hidden" data-barre-basse>
        <div x-show="plus" x-cloak x-transition.opacity x-on:click="plus = false"
             class="fixed inset-0 z-40 bg-gray-900/40"></div>

        <div x-show="plus" x-cloak x-transition
             class="fixed inset-x-0 bottom-16 z-50 rounded-t-2xl border-t border-gray-200 bg-white p-2 shadow-2xl dark:border-white/10 dark:bg-gray-900" data-feuille-plus>
            <p class="px-3 py-2 text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">Autres onglets</p>
            @foreach ($this::ONGLETS as $cle => $libelle)
                @continue(array_key_exists($cle, $this::BARRE_BASSE))
                <button type="button" wire:click="ouvrirLOnglet('{{ $cle }}')" x-on:click="plus = false"
                        @class([
                            'flex h-11 w-full items-center rounded-lg px-3 text-sm font-medium',
                            'bg-gray-900 text-white dark:bg-white dark:text-gray-900' => $onglet === $cle,
                            'text-gray-700 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-white/5' => $onglet !== $cle,
                        ])>{{ $libelle }}</button>
            @endforeach
        </div>

        <nav class="fixed inset-x-0 bottom-0 z-50 flex border-t border-gray-200 bg-white pb-[env(safe-area-inset-bottom)] dark:border-white/10 dark:bg-gray-900" aria-label="Onglets de l'espace">
            @foreach ($this::BARRE_BASSE as $cle => $entree)
                <button type="button" wire:click="ouvrirLOnglet('{{ $cle }}')" x-on:click="plus = false"
                        @class([
                            'flex flex-1 flex-col items-center gap-0.5 px-1 pb-2 pt-2 text-[11px] font-medium',
                            'text-primary-600 dark:text-primary-400' => $onglet === $cle,
                            'text-gray-500 dark:text-gray-400' => $onglet !== $cle,
                        ])
                        @if ($onglet === $cle) aria-current="page" @endif>
                    <x-filament::icon :icon="$entree['icone']" class="h-5 w-5" />
                    {{ $entree['libelle'] }}
                </button>
            @endforeach
            @php
                $ongletSousPlus = ! array_key_exists($onglet, $this::BARRE_BASSE);
            @endphp
            <button type="button" x-on:click="plus = ! plus"
                    @class([
                        'flex flex-1 flex-col items-center gap-0.5 px-1 pb-2 pt-2 text-[11px] font-medium',
                        'text-primary-600 dark:text-primary-400' => $ongletSousPlus,
                        'text-gray-500 dark:text-gray-400' => ! $ongletSousPlus,
                    ])>
                <x-filament::icon icon="heroicon-o-ellipsis-horizontal" class="h-5 w-5" />
                Plus
            </button>
        </nav>
    </div>

    {{-- ═══ v4.9.0 §B — LE TIROIR DES PANNEAUX DE SAISIE ════════════════════════════════════
         « Le formulaire s'ouvre en bas et j'arrive pas à l'ouvrir. » C'était vrai : huit ancres
         se rendaient sous leur carte, et TOUS LES AUTRES panneaux — livrable, remise, décision,
         document, réunion… — retombaient sur un include unique en fin de fiche, après six cartes
         et la carte rouge « Supprimer l'espace ».

         Il n'y a plus ni l'un ni l'autre : un SEUL tiroir, ancré à l'écran, quelle que soit la
         position de défilement. Sur bureau il glisse depuis la droite ; sous 640 px, c'est une
         feuille qui monte du bas. Le CORPS des panneaux n'a pas bougé d'une ligne — mêmes
         `wire:click`, mêmes `wire:model` : seul le conteneur a changé.

         Il est rendu APRÈS la barre basse : à z-index égal, c'est le dernier du document qui
         passe devant. Un tiroir sous la barre de navigation ne serait qu'un autre formulaire
         qu'on n'atteint pas.

         Accessibilité : `role="dialog"` + `aria-modal`, piège de focus et défilement du fond
         bloqué par `x-trap.noscroll` (le plugin focus d'Alpine, déjà livré par Filament), qui
         rend aussi le focus au déclencheur à la fermeture. Échap, clic sur le fond et le bouton
         « Fermer » appellent tous les trois la méthode de fermeture existante. --}}
    @if ($panneau !== null)
        <div class="fixed inset-0 z-[60] bg-gray-950/40 socle-tiroir-fond dark:bg-gray-950/60"
             wire:click="fermerLePanneau" aria-hidden="true" data-tiroir-fond></div>

        <div id="panneau-{{ $panneau }}" data-panneau="{{ $panneau }}" data-ancre="{{ $ancre }}" data-tiroir
             role="dialog" aria-modal="true" aria-label="Formulaire de l'espace" tabindex="-1"
             x-data
             x-trap.noscroll.noautofocus="true"
             x-on:keydown.escape.window.prevent="$wire.fermerLePanneau()"
             class="socle-tiroir fixed inset-x-0 bottom-0 z-[70] flex max-h-[88svh] flex-col rounded-t-2xl border-t border-gray-200 bg-white shadow-2xl sm:inset-y-0 sm:left-auto sm:right-0 sm:max-h-none sm:w-[40rem] sm:max-w-[calc(100vw-2rem)] sm:rounded-none sm:rounded-l-2xl sm:border-l sm:border-t-0 dark:border-white/10 dark:bg-gray-900">
            <div class="flex flex-none items-center justify-between gap-3 border-b border-gray-200 px-4 py-3 dark:border-white/10">
                <p class="text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">Saisie</p>
                <x-filament::icon-button icon="heroicon-o-x-mark" color="gray" size="sm"
                    label="Fermer" wire:click="fermerLePanneau" />
            </div>

            <div class="min-h-0 flex-1 overflow-y-auto overscroll-contain px-4 py-4 pb-[max(1rem,env(safe-area-inset-bottom))]">
                @include('filament.espace-client.panneaux', ['espace' => $espace, 'etiquette' => $etiquette])
            </div>
        </div>
    @endif
</x-filament-panels::page>