@php
    use App\Enums\TaskStatut;
    use App\Services\Pilotage\CockpitService;
    use App\Services\Timesheets\TimesheetService;

    $origine = app(CockpitService::class);
@endphp

<x-filament-panels::page>
    {{-- v1.4 §5.1 — Écran pensé pour le téléphone d'abord : une ligne par marché, un champ large,
         le total toujours visible, et l'enregistrement immédiat.

         v4.1.0 §C1 — « Ma journée » v2 : les TÂCHES au-dessus, les heures en dessous, sur la même
         page. Colonne unique, ordre verrouillé par la maquette, aucune section vide affichée.
         Cibles tactiles ≥ 48 px (h-12 = 3rem). --}}

    {{-- ═══ 1. La navigation du jour ═══════════════════════════════════════════════════════ --}}
    <x-filament::section>
        <div class="flex items-center justify-between gap-3">
            <x-filament::icon-button
                icon="heroicon-o-chevron-left"
                wire:click="jourPrecedent"
                label="Jour précédent"
                size="lg"
            />

            <div class="text-center">
                <p class="text-base font-semibold text-gray-900 dark:text-white">
                    {{ $this->date()->translatedFormat('l j F Y') }}
                </p>
                @if ($estAujourdhui)
                    <p class="text-xs text-gray-500 dark:text-gray-400">aujourd'hui</p>
                @else
                    <button type="button" wire:click="aujourdhui"
                            class="text-xs text-primary-600 hover:underline dark:text-primary-400">
                        Revenir à aujourd'hui
                    </button>
                @endif
            </div>

            <x-filament::icon-button
                icon="heroicon-o-chevron-right"
                wire:click="jourSuivant"
                label="Jour suivant"
                size="lg"
            />
        </div>
    </x-filament::section>

    {{-- v4.30.0 §B4 — Pilotage éteint : ni en-tête de motivation, ni ligne « Ma prime ». --}}
    @if ($pilotageActif)
    {{-- ═══ 1 bis. L'en-tête de motivation (v4.8.0 §F) — au-dessus de « Maintenant » ═══════
         Points du jour, série avec ses quatorze cases, prime projetée, puis « Encore à prendre
         avant HH h » avec, pour chaque geste, l'action concrète qui le prend. Une seule carte sur
         mobile. RIEN pour qui est hors dispositif ou n'a jamais eu de point — pas une carte vide.
         Réorganisation du bloc existant : aucune mécanique nouvelle, l'aperçu ne s'écrit pas. --}}
    @if ($enTete)
        <x-filament::section id="ma-prime-en-tete">
            <div class="grid grid-cols-3 gap-2">
                <div class="rounded-lg border border-gray-100 bg-gray-50 px-2 py-2 text-center dark:border-white/5 dark:bg-white/5">
                    <span class="block text-lg font-bold tabular-nums text-amber-600 dark:text-amber-400">{{ $enTete['points'] }}/{{ $enTete['max'] }}</span>
                    <span class="block text-[11px] text-gray-500 dark:text-gray-400">points du jour</span>
                </div>
                <div class="rounded-lg border border-gray-100 bg-gray-50 px-2 py-2 text-center dark:border-white/5 dark:bg-white/5">
                    <span class="block text-lg font-bold tabular-nums text-amber-600 dark:text-amber-400">{{ $enTete['serie'] > 0 ? '🔥 '.$enTete['serie'].' j' : 'rompue' }}</span>
                    <span class="block text-[11px] text-gray-500 dark:text-gray-400">ma série</span>
                </div>
                <div class="rounded-lg border border-gray-100 bg-gray-50 px-2 py-2 text-center dark:border-white/5 dark:bg-white/5">
                    <span class="block text-lg font-bold tabular-nums text-gray-900 dark:text-white">{{ $enTete['projete_lisible'] ?? $enTete['niveau']->label() }}</span>
                    <span class="block text-[11px] text-gray-500 dark:text-gray-400">{{ $enTete['projete_lisible'] !== null ? 'prime projetée' : 'niveau projeté' }}</span>
                </div>
            </div>

            <div class="mt-2 flex items-center gap-1" aria-label="Série : {{ $enTete['serie'] }} jour(s)">
                @foreach ($enTete['serie_cases'] as $case)
                    <i @class([
                        'block h-4 flex-1 rounded-sm',
                        'bg-amber-500' => $case === 'on',
                        'bg-warning-400' => $case === 'joker',
                        'bg-gray-200 dark:bg-white/10' => $case === 'off',
                    ])></i>
                @endforeach
            </div>

            @if (! $enTete['ouvre'])
                <p class="mt-2 text-xs text-gray-500 dark:text-gray-400">{{ $enTete['raison_non_ouvre'] }}</p>
            @elseif ($enTete['close'])
                <p class="mt-2 text-xs text-gray-500 dark:text-gray-400">
                    Journée calculée à {{ $enTete['heure_calcul'] }} — {{ $enTete['points'] }}/{{ $enTete['max'] }} pts{{ $enTete['perdus'] > 0 ? ', '.$enTete['perdus'].' non pris' : ', journée pleine' }}.
                    Un « Terminé » posé demain matin pour aujourd'hui compte encore.
                </p>
            @elseif ($enTete['a_prendre'] === [])
                <div class="mt-2 rounded-lg border border-success-200 bg-success-50/60 px-3 py-2 text-sm text-success-800 dark:border-success-500/30 dark:bg-success-500/10 dark:text-success-200">
                    ✓ Tout est pris pour aujourd'hui{{ $enTete['perdus'] > 0 ? ' — '.$enTete['perdus'].' pt(s) déjà perdus, le reste tient' : ' : la journée est pleine' }}.
                </div>
            @else
                <div class="mt-2 rounded-lg border border-info-200 bg-info-50/60 px-3 py-2 text-sm text-info-900 dark:border-info-500/30 dark:bg-info-500/10 dark:text-info-100">
                    <p class="font-semibold">⏳ Encore à prendre avant {{ $enTete['heure_calcul'] }} :</p>
                    <ul class="mt-1 space-y-1">
                        @foreach ($enTete['a_prendre'] as $geste)
                            <li>« {{ $geste['libelle'] }} » (+{{ $geste['points'] }}) — {{ $geste['action'] }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <button type="button"
                    x-on:click="document.getElementById('ma-prime')?.scrollIntoView({ behavior: 'smooth', block: 'start' })"
                    class="ma-prime-ligne mt-2 text-xs text-primary-600 hover:underline dark:text-primary-400">
                🎯 {{ $lignePrime['mois'] ?? '' }} — le détail de ma prime ›
            </button>
        </x-filament::section>
    @elseif ($lignePrime)
        {{-- Points calculés mais prime désactivée depuis : la ligne d'avant, sans promesse. --}}
        <button type="button"
                x-on:click="document.getElementById('ma-prime')?.scrollIntoView({ behavior: 'smooth', block: 'start' })"
                class="ma-prime-ligne flex w-full items-center justify-center gap-2 rounded-xl border border-primary-200 bg-primary-50/60 px-4 py-2.5 text-sm dark:border-primary-500/30 dark:bg-primary-500/10">
            <span>🎯</span>
            <span class="font-bold tabular-nums text-primary-700 dark:text-primary-300">
                {{ $lignePrime['points'] }}/{{ $lignePrime['max'] }} pts
            </span>
            <span class="text-gray-500 dark:text-gray-400">aujourd'hui</span>
            <span class="text-gray-300 dark:text-gray-600">|</span>
            <span class="text-gray-600 dark:text-gray-300">
                série {{ $lignePrime['serie'] > 0 ? $lignePrime['serie'].' j' : 'rompue' }}
            </span>
            <span class="text-gray-300 dark:text-gray-600">|</span>
            <span class="text-gray-600 dark:text-gray-300">{{ $lignePrime['mois'] }}</span>
            <x-filament::badge :color="$lignePrime['niveau']->color()" size="xs">
                {{ $lignePrime['niveau']->label() }}
            </x-filament::badge>
        </button>
    @endif

    @endif

    @if ($verrou)
        <x-filament::section>
            <div class="rounded-lg bg-warning-50 px-4 py-3 text-sm text-warning-800 dark:bg-warning-500/10 dark:text-warning-200">
                🔒 {{ $verrou }}
            </div>
        </x-filament::section>
    @endif

    {{-- v3.10.0 §4 — Jour férié validé : un simple avis, jamais un verrou. La saisie reste ouverte
         pour qui a exceptionnellement travaillé. --}}
    @if ($ferie)
        <x-filament::section>
            <div class="rounded-lg bg-warning-50 px-4 py-3 text-sm text-warning-800 dark:bg-warning-500/10 dark:text-warning-200">
                🎌 Jour férié — {{ $ferie }}. Aucune heure n'est attendue ; vous pouvez tout de même
                en saisir si vous avez travaillé.
            </div>
        </x-filament::section>
    @endif

    {{-- v4.30.0 §B4 — Pilotage éteint : ni tâches (Maintenant, Aujourd'hui, Ma semaine, Mon équipe), ni missions renfort, ni bloc espaces clients — seules restent la navigation du jour et « Mes heures ». --}}
    @if ($pilotageActif)
    {{-- ═══ 2. Maintenant — la SEULE tâche en cours. Absente s'il n'y en a pas. ══════════════ --}}
    @if ($maintenant)
        <x-filament::section>
            <x-slot name="heading">Maintenant</x-slot>

            <p class="text-base font-semibold text-gray-900 dark:text-white">{{ $maintenant->titre }}</p>

            <div class="mt-2 flex flex-wrap items-center gap-2 text-xs text-gray-500 dark:text-gray-400">
                <x-filament::badge color="gray">{{ $maintenant->libelleDuMarche() }}</x-filament::badge>
                <span>depuis {{ $maintenant->commence_le?->format('H:i') }} · {{ $maintenant->dureeLisible() }}</span>
                <span>· échéance {{ $maintenant->echeance->translatedFormat('D j M') }}@if ($maintenant->echeance_heure) {{ substr((string) $maintenant->echeance_heure, 0, 5) }}@endif</span>
                @if ($par = $origine->origineLisible($maintenant))
                    <span>· par <strong>{{ $par }}</strong></span>
                @endif
            </div>

            {{-- Deux boutons PLEINE LARGEUR : c'est tout ce que le collaborateur a à faire. --}}
            <div class="mt-4 grid gap-2 sm:grid-cols-2">
                <x-filament::button
                    color="success" size="lg" icon="heroicon-o-check"
                    wire:click="ouvrirLaFeuille('terminer', {{ $maintenant->id }})"
                    class="h-12 w-full justify-center"
                >
                    Terminé
                </x-filament::button>
                <x-filament::button
                    color="danger" size="lg" icon="heroicon-o-no-symbol"
                    wire:click="ouvrirLaFeuille('bloquer', {{ $maintenant->id }})"
                    class="h-12 w-full justify-center"
                >
                    Bloqué
                </x-filament::button>
            </div>

            <div class="mt-3 text-right">
                <button type="button" wire:click="ouvrirLaFeuille('report', {{ $maintenant->id }})"
                        class="text-sm text-primary-600 hover:underline dark:text-primary-400">
                    {{ $maintenant->estRecue() ? 'Demander un report ›' : 'Déplacer ›' }}
                </button>
            </div>
        </x-filament::section>
    @endif

    {{-- ═══ 3. Aujourd'hui — les tâches dues, les retards, et ce qui est déjà fait ══════════ --}}
    <x-filament::section>
        <x-slot name="heading">Aujourd'hui</x-slot>
        <x-slot name="description">
            {{ $compteur['a_faire'] }} à faire · {{ $compteur['terminees'] }} terminée{{ $compteur['terminees'] > 1 ? 's' : '' }}@if ($compteur['nouvelles'] > 0) · {{ $compteur['nouvelles'] }} nouvelle{{ $compteur['nouvelles'] > 1 ? 's' : '' }}@endif
        </x-slot>

        @if ($aujourdhui->isEmpty())
            <p class="text-sm text-gray-500 dark:text-gray-400">
                @if ($maintenant)
                    Rien d'autre aujourd'hui.
                @else
                    Aucune tâche aujourd'hui — ajoutez-en une ci-dessous, ou planifiez votre semaine.
                @endif
            </p>
        @else
            <div class="space-y-2">
                @foreach ($aujourdhui as $tache)
                    @php
                        $faite = $tache->statut === TaskStatut::Termine;
                        $bloquee = $tache->statut === TaskStatut::Bloque;
                        $retard = $tache->estEnRetard();
                    @endphp
                    <div @class([
                        'flex items-start gap-3 rounded-xl border p-3',
                        'border-gray-200 dark:border-white/10' => ! $tache->estNouvelle(),
                        'border-primary-300 bg-primary-50/50 dark:border-primary-500/40 dark:bg-primary-500/5' => $tache->estNouvelle(),
                    ])>
                        <div class="min-w-0 flex-1">
                            <p @class([
                                'text-sm font-medium text-gray-900 dark:text-white',
                                'line-through text-gray-400 dark:text-gray-500' => $faite,
                            ])>{{ $tache->titre }}</p>

                            <div class="mt-1 flex flex-wrap items-center gap-2 text-xs text-gray-500 dark:text-gray-400">
                                <x-filament::badge color="gray" size="xs">{{ $tache->libelleDuMarche() }}</x-filament::badge>

                                @if ($faite)
                                    <x-filament::badge color="success" size="xs">
                                        terminée {{ $tache->termine_le?->format('H:i') }}@php
                                            $pointees = $tache->updates->firstWhere('geste', \App\Enums\TaskGeste::Heures);
                                        @endphp@if ($pointees) · {{ $pointees->heuresLisibles() }} pointées @endif
                                    </x-filament::badge>
                                @elseif ($bloquee)
                                    <x-filament::badge color="warning" size="xs">
                                        bloquée — {{ $tache->motif_blocage?->court() }}
                                    </x-filament::badge>
                                @else
                                    <span @class(['font-medium text-danger-600 underline dark:text-danger-400' => $retard])>
                                        {{ $retard ? 'en retard · ' : '' }}{{ $tache->echeance->translatedFormat('D j M') }}
                                    </span>
                                @endif

                                @if ($par = $origine->origineLisible($tache))
                                    <span>par <strong>{{ $par }}</strong></span>
                                @endif

                                @if ($tache->estNouvelle())
                                    <x-filament::badge color="primary" size="xs">nouvelle</x-filament::badge>
                                @endif
                            </div>
                        </div>

                        @unless ($faite)
                            <div class="flex shrink-0 flex-col items-end gap-1">
                                <x-filament::button
                                    size="sm" color="primary"
                                    wire:click="commencerLaTache({{ $tache->id }})"
                                    class="h-12 justify-center"
                                >
                                    ▶ {{ $bloquee || $tache->statut === TaskStatut::AReprendre ? 'Reprendre' : 'Commencer' }}
                                </x-filament::button>

                                @if ($tache->estNouvelle())
                                    <button type="button" wire:click="marquerVue({{ $tache->id }})"
                                            class="px-2 py-1 text-xs text-gray-500 hover:underline dark:text-gray-400">
                                        Vu ✓
                                    </button>
                                @endif
                            </div>
                        @endunless
                    </div>
                @endforeach
            </div>
        @endif
    </x-filament::section>

    {{-- ═══ 3 bis. Mes espaces clients (v4.7.0 §C2) ═══════════════════════════════════════
         Pour qui gère au moins un espace client, et pour lui seul : par espace, ce qui attend le
         client, les échéances sous dix jours ouvrés, les demandes sans réponse. Chaque ligne
         mène à l'onglet concerné de la fiche. Rien pour les autres — comme « Espaces à gérer ». --}}
    @if ($espacesClients->isNotEmpty())
        <x-filament::section id="mes-espaces-clients">
            <x-slot name="heading">Mes espaces clients</x-slot>
            <x-slot name="description">Ce qui attend le client, ce qui vient à échéance, ce qui n'a pas eu de réponse.</x-slot>

            <div class="space-y-4">
                @foreach ($espacesClients as $bloc)
                    @php
                        $espaceClient = $bloc['espace'];
                        $lignes = $bloc['en_attente']->count() + $bloc['echeances']->count() + $bloc['demandes']->count();
                    @endphp
                    <div class="rounded-xl border border-gray-200 dark:border-white/10">
                        <a href="{{ $bloc['url'] }}" class="flex items-center justify-between gap-3 px-4 py-3 hover:bg-gray-50 dark:hover:bg-white/5">
                            <span class="min-w-0">
                                <span class="block truncate text-sm font-semibold text-gray-900 dark:text-white">{{ $espaceClient->nom }}</span>
                                <span class="block truncate text-xs text-gray-500 dark:text-gray-400">{{ $espaceClient->client_nom }}@if ($espaceClient->reference_marche) · {{ $espaceClient->reference_marche }}@endif</span>
                            </span>
                            <span class="flex-none text-xs font-medium text-primary-600 dark:text-primary-400">Ouvrir →</span>
                        </a>

                        @if ($lignes === 0)
                            <p class="border-t border-gray-100 px-4 py-2.5 text-xs text-gray-500 dark:border-white/5 dark:text-gray-400">Rien n'attend : ni le client, ni une échéance, ni une demande.</p>
                        @else
                            <ul class="divide-y divide-gray-100 border-t border-gray-100 dark:divide-white/5 dark:border-white/5">
                                @foreach ($bloc['en_attente'] as $ligne)
                                    <li>
                                        <a href="{{ $ligne['url'] }}" class="flex items-center gap-3 px-4 py-2 hover:bg-gray-50 dark:hover:bg-white/5">
                                            <x-filament::badge color="warning" size="xs">client</x-filament::badge>
                                            <span class="min-w-0 flex-1">
                                                <span class="block truncate text-sm text-gray-900 dark:text-white">{{ $ligne['titre'] }}</span>
                                                <span class="block truncate text-xs text-gray-500 dark:text-gray-400">{{ $ligne['detail'] }}</span>
                                            </span>
                                        </a>
                                    </li>
                                @endforeach
                                @foreach ($bloc['echeances'] as $ligne)
                                    <li>
                                        <a href="{{ $ligne['url'] }}" class="flex items-center gap-3 px-4 py-2 hover:bg-gray-50 dark:hover:bg-white/5">
                                            <x-filament::badge :color="$ligne['jours'] < 0 ? 'danger' : ($ligne['jours'] <= 2 ? 'warning' : 'gray')" size="xs">
                                                {{ $ligne['jours'] < 0 ? 'retard '.abs($ligne['jours']).' j' : $ligne['jours'].' j' }}
                                            </x-filament::badge>
                                            <span class="min-w-0 flex-1">
                                                <span class="block truncate text-sm text-gray-900 dark:text-white">{{ $ligne['titre'] }}</span>
                                                <span class="block truncate text-xs text-gray-500 dark:text-gray-400">{{ $ligne['detail'] }}</span>
                                            </span>
                                        </a>
                                    </li>
                                @endforeach
                                @foreach ($bloc['demandes'] as $ligne)
                                    <li>
                                        <a href="{{ $ligne['url'] }}" class="flex items-center gap-3 px-4 py-2 hover:bg-gray-50 dark:hover:bg-white/5">
                                            <x-filament::badge color="info" size="xs">demande</x-filament::badge>
                                            <span class="min-w-0 flex-1">
                                                <span class="block truncate text-sm text-gray-900 dark:text-white">{{ $ligne['titre'] }}</span>
                                                <span class="block truncate text-xs text-gray-500 dark:text-gray-400">{{ $ligne['detail'] }}</span>
                                            </span>
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                        @endif
                    </div>
                @endforeach
            </div>
        </x-filament::section>
    @endif

    {{-- ═══ 4. Ma semaine — cinq colonnes lundi → vendredi. Un jour vide se VOIT. ═══════════ --}}
    <x-filament::section>
        <x-slot name="heading">Ma semaine</x-slot>
        <x-slot name="description">
            {{ $semaine[0]['date']->translatedFormat('j M') }} → {{ $semaine[4]['date']->translatedFormat('j M') }}
        </x-slot>

        <div class="grid grid-cols-5 gap-1.5">
            @foreach ($semaine as $jour)
                <div @class([
                    'rounded-lg border p-1.5',
                    'border-gray-200 dark:border-white/10' => ! $jour['aujourdhui'],
                    'border-primary-400 bg-primary-50/50 dark:border-primary-500/50 dark:bg-primary-500/10' => $jour['aujourdhui'],
                ])>
                    <p class="text-center text-[10px] font-semibold uppercase text-gray-500 dark:text-gray-400">
                        {{ $jour['date']->translatedFormat('D') }}
                    </p>
                    <p class="text-center text-xs font-bold text-gray-900 dark:text-white">
                        {{ $jour['date']->format('d') }}
                    </p>

                    <ul class="mt-1 space-y-0.5">
                        @forelse ($jour['taches'] as $tache)
                            <li @class([
                                'truncate text-[10px] leading-tight',
                                'text-gray-400 line-through dark:text-gray-500' => $tache->statut === TaskStatut::Termine,
                                'text-gray-700 dark:text-gray-300' => $tache->statut !== TaskStatut::Termine,
                            ]) title="{{ $tache->titre }}">
                                {{ $tache->estNouvelle() ? '● ' : '' }}{{ $tache->titre }}
                            </li>
                        @empty
                            <li class="text-center text-[10px] italic text-gray-400 dark:text-gray-500">rien de prévu</li>
                        @endforelse
                    </ul>
                </div>
            @endforeach
        </div>
    </x-filament::section>

    {{-- ═══ 4 bis. Mission renfort (v4.4.0 §C1 b) ════════════════════════════════════════
         Entre « Ma semaine » et « Mon équipe », et SEULEMENT s'il y a quelque chose : une quête
         ouverte pour son équipe, ou une mission à lui. La récompense est affichée AVANT
         d'accepter — c'est la règle « la récompense avant l'effort ». --}}
    @if ($missions->isNotEmpty())
        @foreach ($missions as $mission)
            @php $gain = $recompenses[$mission->id] ?? null; @endphp
            <x-filament::section class="border-indigo-300 dark:border-indigo-500/40">
                <x-slot name="heading">🌙 Mission de renfort</x-slot>
                <x-slot name="description">{{ $mission->type->label() }}</x-slot>

                <p class="text-base font-semibold text-gray-900 dark:text-white">{{ $mission->motif }}</p>
                <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">
                    {{ $mission->quand() }} · {{ $mission->libelleDuMarche() }}
                </p>

                {{-- Ce que ça rapporte, AVANT de dire oui. --}}
                @if ($gain && $gain['lignes'] !== [])
                    <ul class="mt-3 grid gap-1.5 sm:grid-cols-2">
                        @foreach ($gain['lignes'] as $ligneDeGain)
                            <li class="rounded-lg border border-gray-200 bg-gray-50 px-3 py-2 text-xs text-gray-700 dark:border-white/10 dark:bg-white/5 dark:text-gray-300">
                                {{ $ligneDeGain }}
                            </li>
                        @endforeach
                    </ul>
                @endif

                <div class="mt-4">
                    @if ($mission->statut === \App\Enums\StatutRenfort::Publiee)
                        <x-filament::button
                            size="lg" color="primary"
                            wire:click="prendreLaMission({{ $mission->id }})"
                            class="h-12 w-full justify-center"
                        >
                            Je prends
                        </x-filament::button>
                    @elseif ($mission->statut === \App\Enums\StatutRenfort::Prise)
                        <p class="text-sm font-medium text-warning-600 dark:text-warning-400">
                            ✓ Prise, en attente du chef — vous recevrez un message.
                        </p>
                    @else
                        <p class="text-sm font-medium text-success-600 dark:text-success-400">
                            ✓ Confirmée — pointez vos heures le jour J.
                        </p>
                        @if ($mission->attendSonPointage($this->date()))
                            <div class="mt-3">
                                <x-filament::button
                                    color="gray" icon="heroicon-o-clock"
                                    wire:click="ouvrirLaFeuille('pointer_renfort', {{ $mission->id }})"
                                    class="h-12 w-full justify-center"
                                >
                                    Pointer mes heures de renfort
                                </x-filament::button>
                            </div>
                        @endif
                    @endif
                </div>

                @if ($mission->repos_compensateur_propose_le)
                    <p class="mt-3 text-xs text-gray-500 dark:text-gray-400">
                        Repos compensateur proposé le
                        {{ $mission->repos_compensateur_propose_le->translatedFormat('l j F') }} — votre chef confirme.
                    </p>
                @endif
            </x-filament::section>
        @endforeach
    @endif

    {{-- ═══ 5. Mon équipe — chefs de marché et managers SEULEMENT. Absent pour les autres. ══ --}}
    @if ($estEncadrant)
        <x-filament::section>
            <x-slot name="heading">Mon équipe</x-slot>

            <div class="space-y-2">
                @foreach ($equipe as $membre)
                    <div class="flex items-center gap-3 rounded-xl border border-gray-200 p-3 dark:border-white/10">
                        <div class="min-w-0 flex-1">
                            <p class="text-sm font-medium text-gray-900 dark:text-white">
                                {{ $membre['employee']->full_name }}
                                <span class="text-xs font-normal text-gray-500 dark:text-gray-400">{{ $membre['employee']->job_title }}</span>
                            </p>
                            <p @class([
                                'mt-0.5 text-xs',
                                'text-warning-600 dark:text-warning-400' => $membre['maintenant']?->statut === TaskStatut::Bloque,
                                'text-gray-500 dark:text-gray-400' => $membre['maintenant']?->statut !== TaskStatut::Bloque,
                            ])>
                                @if ($membre['maintenant'])
                                    {{ $membre['maintenant']->statut === TaskStatut::Bloque ? '⛔ bloqué · ' : '▶ ' }}{{ $membre['maintenant']->titre }}
                                @else
                                    rien en cours · dernier geste :
                                    {{ $membre['dernier_geste']?->diffForHumans() ?? 'aucun' }}
                                @endif
                            </p>
                        </div>
                        <span class="shrink-0 text-xs text-gray-500 dark:text-gray-400">{{ $membre['a_venir'] }} à venir</span>
                    </div>
                @endforeach
            </div>

            {{-- v4.4.0 §C1 — L'objectif de la semaine : la part collective. Un marché sans
                 objectif se VOIT, et c'est ce vide qui invite à en poser un. --}}
            @if ($objectifsDuChef->isNotEmpty())
                <div class="mt-5 border-t border-gray-200 pt-4 dark:border-white/10">
                    <h3 class="text-sm font-semibold text-gray-900 dark:text-white">Objectif de la semaine</h3>
                    <ul class="mt-2 space-y-2">
                        @foreach ($objectifsDuChef as $ligneObjectif)
                            <li class="rounded-lg border border-gray-200 px-3 py-2 dark:border-white/10">
                                <p class="text-xs font-medium text-gray-500 dark:text-gray-400">{{ $ligneObjectif['marche'] }}</p>
                                @if ($ligneObjectif['objectif'])
                                    <p class="text-sm text-gray-900 dark:text-white">{{ $ligneObjectif['objectif']->libelle }}</p>
                                    @if ($ligneObjectif['objectif']->atteint === null)
                                        <div class="mt-2 flex gap-2">
                                            <x-filament::button size="sm" color="success"
                                                wire:click="trancherLObjectif({{ $ligneObjectif['objectif']->id }}, true)">
                                                Atteint
                                            </x-filament::button>
                                            <x-filament::button size="sm" color="gray"
                                                wire:click="trancherLObjectif({{ $ligneObjectif['objectif']->id }}, false)">
                                                Non atteint
                                            </x-filament::button>
                                        </div>
                                    @else
                                        <x-filament::badge :color="$ligneObjectif['objectif']->atteint ? 'success' : 'gray'" size="xs">
                                            {{ $ligneObjectif['objectif']->etat() }}
                                        </x-filament::badge>
                                    @endif
                                @else
                                    <p class="text-xs italic text-gray-400 dark:text-gray-500">aucun objectif cette semaine</p>
                                @endif
                            </li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <div class="mt-4 grid gap-2 sm:grid-cols-3">
                <x-filament::button wire:click="ouvrirLaFeuille('assigner')" icon="heroicon-o-plus" class="h-12 w-full justify-center">
                    Assigner une tâche
                </x-filament::button>
                <x-filament::button color="gray" wire:click="ouvrirLaFeuille('objectif')" icon="heroicon-o-flag" class="h-12 w-full justify-center">
                    Objectif de la semaine
                </x-filament::button>
                <x-filament::button color="gray" wire:click="ouvrirLaFeuille('renfort')" icon="heroicon-o-moon" class="h-12 w-full justify-center">
                    Mission de renfort
                </x-filament::button>
            </div>
        </x-filament::section>
    @endif

    @endif

    {{-- ═══ 6. Mes heures — le bloc existant, inchangé ═════════════════════════════════════ --}}
    <x-filament::section>
        <x-slot name="heading">Mes heures</x-slot>

        {{-- Total du jour, affiché en permanence --}}
        <div class="mb-4 rounded-xl bg-primary-50 px-4 py-3 text-center dark:bg-primary-500/10">
            <p class="text-3xl font-bold tabular-nums text-primary-700 dark:text-primary-300">
                {{ number_format($this->total, 2, ',', ' ') }} h
            </p>
            <p class="text-xs text-primary-700/70 dark:text-primary-300/70">total de la journée</p>
        </div>

        @if (count($marches) === 0)
            <p class="text-sm text-gray-500 dark:text-gray-400">
                Aucun marché disponible pour cette journée. Passez par « Ma semaine » pour en ajouter un.
            </p>
        @else
            <div class="space-y-3">
                @foreach ($marches as $projectId => $nom)
                    @php $estInterne = (string) $projectId === TimesheetService::SANS_MARCHE; @endphp
                    <div @class([
                        'flex items-center gap-3 rounded-xl border p-3',
                        'border-gray-200 dark:border-white/10' => ! $estInterne,
                        'border-gray-300 bg-gray-50 dark:border-white/20 dark:bg-white/5' => $estInterne,
                    ])>
                        <label for="heures-{{ $projectId }}" class="min-w-0 flex-1 text-sm font-medium text-gray-900 dark:text-white">
                            {{ $nom }}
                            {{-- v3.11.0 §4 — Ni un marché, ni un oubli : les heures hors marché. --}}
                            @if ($estInterne)
                                <span class="block text-xs font-normal text-gray-500 dark:text-gray-400">
                                    Heures qui ne concernent aucun marché
                                </span>
                            @endif
                        </label>

                        <input
                            id="heures-{{ $projectId }}"
                            type="number"
                            inputmode="decimal"
                            step="0.25"
                            min="0"
                            max="24"
                            placeholder="0"
                            @disabled((bool) $verrou)
                            wire:model.live.debounce.400ms="heures.{{ $projectId }}"
                            class="h-14 w-28 rounded-xl border-gray-300 text-center text-2xl font-semibold tabular-nums shadow-sm focus:border-primary-500 focus:ring-primary-500 disabled:opacity-50 dark:border-white/20 dark:bg-white/5 dark:text-white"
                        />
                        <span class="text-sm text-gray-500 dark:text-gray-400">h</span>
                    </div>
                @endforeach
            </div>

            @if ($marchesMasques > 0 || $this->tousLesMarches)
                <button type="button" wire:click="basculerTousLesMarches"
                        class="mt-3 text-sm text-primary-600 hover:underline dark:text-primary-400">
                    @if ($this->tousLesMarches)
                        Ne montrer que mes marchés habituels
                    @else
                        Voir tous les marchés ({{ $marchesMasques }} de plus)
                    @endif
                </button>
            @endif

            @unless ($verrou)
                {{-- Saisie en un tap : demi-journée / journée complète sur un seul marché --}}
                {{-- Au-delà de trois marchés, la rangée de raccourcis devient plus encombrante
                     qu'utile : on la réserve au cas qu'elle vise, le collaborateur mono-marché. --}}
                @if (count($marches) >= 1 && count($marches) <= 3)
                    <div class="mt-4">
                        <p class="mb-2 text-xs font-medium uppercase text-gray-500 dark:text-gray-400">
                            Une seule journée sur un marché ?
                        </p>
                        <div class="flex flex-wrap gap-2">
                            @foreach ($marches as $projectId => $nom)
                                <x-filament::button
                                    size="sm" color="gray"
                                    wire:click="saisirEnUnTap({{ $projectId }}, {{ $this->journeeComplete() / 2 }})"
                                >
                                    ½ j — {{ \Illuminate\Support\Str::limit($nom, 16) }}
                                </x-filament::button>
                                <x-filament::button
                                    size="sm"
                                    wire:click="saisirEnUnTap({{ $projectId }}, {{ $this->journeeComplete() }})"
                                >
                                    1 j — {{ \Illuminate\Support\Str::limit($nom, 16) }}
                                </x-filament::button>
                            @endforeach
                        </div>
                    </div>
                @endif

                <div class="mt-5 flex flex-wrap gap-2">
                    <x-filament::button wire:click="enregistrer" icon="heroicon-o-check" size="lg">
                        Enregistrer
                    </x-filament::button>
                    <x-filament::button wire:click="reprendreHier" color="gray" icon="heroicon-o-arrow-uturn-left">
                        Reprendre la journée d'hier
                    </x-filament::button>
                    @if ($this->aUneJourneeType())
                        <x-filament::button wire:click="appliquerLaJourneeType" color="gray" icon="heroicon-o-bolt">
                            Appliquer ma journée type
                        </x-filament::button>
                    @endif
                    <x-filament::button wire:click="enregistrerLaJourneeType" color="gray" icon="heroicon-o-bookmark">
                        Enregistrer comme journée type
                    </x-filament::button>
                </div>
            @endunless
        @endif

        <div class="mt-5 border-t border-gray-200 pt-4 dark:border-white/10">
            <p class="mb-2 text-xs text-gray-500 dark:text-gray-400">
                « Ma semaine » reste disponible pour relire et corriger toute une semaine d'un coup.
            </p>
            <x-filament::button
                tag="a"
                :href="\App\Filament\Employee\Pages\Timesheet::getUrl(panel: 'employee')"
                color="gray"
                icon="heroicon-o-calendar-days"
            >
                Ouvrir Ma semaine
            </x-filament::button>
        </div>
    </x-filament::section>

    {{-- v4.30.0 §B4 — Pilotage éteint : ni bloc « Ma prime », ni « Nouvelle tâche pour moi », ni fêtes, ni feuilles. --}}
    @if ($pilotageActif)
    {{-- ═══ 6 bis. Ma prime (v4.4.0 §C1 c) — après « Mes heures », avant le bouton ════════
         Absent tant qu'aucun point n'a jamais été calculé : ni jauge à zéro, ni promesse vide. --}}
    @if ($blocPrime)
        @include('filament.employee.ma-prime', ['bloc' => $blocPrime, 'equipePrimes' => $equipePrimes])
    @endif

    {{-- ═══ 7. ＋ Nouvelle tâche pour moi — centré, sans notification pour personne ═════════ --}}
    <div class="flex justify-center">
        <x-filament::button color="gray" icon="heroicon-o-plus" wire:click="ouvrirLaFeuille('nouvelle')" class="h-12">
            Nouvelle tâche pour moi
        </x-filament::button>
    </div>

    {{-- ═══ Les cinq moments (v4.4.0 §C1) ══════════════════════════════════════════════════
         Une carte plein écran, moins d'une seconde, en CSS SEULEMENT : aucune bibliothèque,
         aucun son, aucun confetti JS lourd sur un téléphone de terrain. L'animation est coupée
         par `prefers-reduced-motion` — la carte, elle, reste : mêmes informations, sans le
         mouvement. Et chaque fête ne se joue QU'UNE FOIS (`celebre_le`, `details.revele_le`). --}}
    @if ($feteEnAttente)
        <div class="fixed inset-0 z-50 flex items-center justify-center bg-gray-900/70 p-6"
             wire:key="fete-{{ $feteEnAttente['type'] }}-{{ $feteEnAttente['id'] }}">
            <div class="carte-de-fete w-full max-w-sm rounded-2xl bg-white p-6 text-center shadow-2xl dark:bg-gray-900">
                <div class="text-4xl">{{ $feteEnAttente['type'] === 'revelation' ? '🎉' : '★' }}</div>
                <h3 class="mt-3 text-lg font-bold text-gray-900 dark:text-white">{{ $feteEnAttente['titre'] }}</h3>
                <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">{{ $feteEnAttente['phrase'] }}</p>
                @if ($feteEnAttente['montant'])
                    <p class="mt-4 text-3xl font-bold tabular-nums text-primary-600 dark:text-primary-400">
                        {{ $feteEnAttente['montant'] }}
                    </p>
                @endif
                <div class="mt-5">
                    <x-filament::button
                        wire:click="fermerLaFete('{{ $feteEnAttente['type'] }}', {{ $feteEnAttente['id'] }})"
                        class="h-12 w-full justify-center"
                    >
                        Continuer
                    </x-filament::button>
                </div>
            </div>
        </div>
    @endif

    {{-- ═══ Les feuilles ═══════════════════════════════════════════════════════════════════
         Un panneau qui monte du bas, comme sur la maquette : une seule à la fois, fermée au
         pouce. Ni modale Filament, ni seconde page. --}}
    @if ($feuille)
        <div class="fixed inset-0 z-40 flex items-end justify-center bg-gray-900/50 p-0 sm:items-center sm:p-4"
             wire:key="feuille-{{ $feuille }}-{{ $feuilleTache }}">
            <div class="max-h-[85vh] w-full max-w-lg overflow-y-auto rounded-t-2xl bg-white p-5 shadow-xl dark:bg-gray-900 sm:rounded-2xl">
                @include('filament.employee.ma-journee-feuille', [
                    'feuille' => $feuille,
                    'tache' => $tacheDeLaFeuille,
                    'marchesProposes' => $marchesProposes,
                    'equipeProposee' => $equipeProposee,
                    'motifsDeBlocage' => $motifsDeBlocage,
                ])
            </div>
        </div>
    @endif
    @endif

</x-filament-panels::page>