{{-- v4.2.0 §C1 — La fiche d'un espace client : huit onglets, la disposition de la maquette.
     Le cockpit ne compte que les EXCEPTIONS : quatre repères, « Aujourd'hui », « Échéances ». --}}
@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

<x-filament-panels::page>
    {{-- 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. --}}
    @if ($this->sansAccesClientActif())
        <div class="flex flex-wrap items-center gap-x-2 gap-y-1 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">
            <span class="font-semibold">Aucun compte client actif.</span>
            <span>Les e-mails de cet espace ne partiront à personne — invitez un référent depuis l'onglet Paramètres.</span>
        </div>
    @endif

    {{-- ═══ Les onglets ════════════════════════════════════════════════════════════════════ --}}
    <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">
        @foreach (\App\Filament\Admin\Resources\EspacesClients\Pages\ViewEspaceClient::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>

    {{-- ═══ COCKPIT ═══════════════════════════════════════════════════════════════════════ --}}
    @if ($onglet === 'cockpit')
        @php
            $t = $this->tuiles();
        @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">
            <div class="px-5 py-4">
                <p class="text-xs font-medium text-gray-500 dark:text-gray-400">En attente du client</p>
                <p class="mt-1 text-xl font-semibold tabular-nums text-gray-900 dark:text-white">{{ $t['en_attente_du_client'] }}</p>
                <p class="mt-0.5 text-xs text-gray-500 dark:text-gray-400">{{ $t['a_valider'] }} livrable(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 jours</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'] }} côté client · {{ $t['pieces_cote_nous'] }} de notre côté</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, ',', ' ') }} DH
                </p>
                <p class="mt-0.5 text-xs text-gray-500 dark:text-gray-400">{{ $t['part_du_marche'] }} % du marché</p>
            </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)
                        <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
                    @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">
            @foreach (\App\Filament\Admin\Resources\EspacesClients\Pages\ViewEspaceClient::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(\App\Filament\Admin\Resources\EspacesClients\Pages\ViewEspaceClient::VUES_PUBLICATIONS) === $cle,
                            'text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-white/5' => $this->vueCourante(\App\Filament\Admin\Resources\EspacesClients\Pages\ViewEspaceClient::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'),
                    ])->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>
                        @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>
                    @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
                    @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 = \App\Filament\Admin\Resources\EspacesClients\Pages\ViewEspaceClient::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">
            @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>
                </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>
                    @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 ════════════════════════════════════════════════════════════════════ --}}
    @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'" />
        </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é ».">
            @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>
                            </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>
            @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>

        <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>
    @endif

    {{-- ═══ LES PANNEAUX DE SAISIE, EN LIGNE ══════════════════════════════════════════════ --}}
    @include('filament.admin.espace-client.panneaux', ['espace' => $espace, 'etiquette' => $etiquette])
</x-filament-panels::page>