@php
    use App\Enums\TaskStatut;
    use App\Filament\Admin\Pages\FicheCollaborateur;
    use App\Services\Pilotage\SignauxService;

    $liseres = [
        SignauxService::RETARD => 'border-l-4 border-l-danger-500',
        SignauxService::BLOQUE => 'border-l-4 border-l-warning-500',
        SignauxService::PLANNING_VIDE => 'border-l-4 border-l-gray-400',
        SignauxService::SILENCE => 'border-l-4 border-l-gray-400',
    ];

    $etiquette = 'block text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400';
    $champ = 'rounded-lg border-gray-300 text-sm shadow-sm focus:border-primary-500 focus:ring-primary-500 dark:border-white/20 dark:bg-white/5 dark:text-white';
    $pct = fn (?float $v): string => $v === null ? '—' : rtrim(rtrim(number_format($v, 1, ',', ' '), '0'), ',').' %';
    $heures = fn (float $v): string => rtrim(rtrim(number_format($v, 2, ',', ' '), '0'), ',').' h';
@endphp

<x-filament-panels::page>
    {{-- v4.1.0 §C2 → v4.8.0 §B — « ÉQUIPE » : deux minutes par jour, et l'écran qui amorce.
         Bandeau → cinq tuiles de signaux → grille de cartes (quatre KPIs par carte, clic = fiche
         Cockpit) → tableau par marché → pied d'actions dans l'ordre de la maquette
         `MAQUETTE-PILOTAGE-RH.html` (écran 1) → panneaux. --}}

    {{-- ═══ Bandeau : date, filtre par marché, feuilles à approuver ═══════════════════════ --}}
    <x-filament::section>
        <div class="flex flex-wrap items-center gap-3">
            <div class="min-w-0 flex-1">
                <p class="text-sm text-gray-500 dark:text-gray-400">
                    {{ $maintenant->translatedFormat('D d/m/Y') }} · {{ $maintenant->format('H:i') }}
                    <span class="hidden sm:inline">— une carte = une personne, ses quatre KPIs, et le geste à faire</span>
                </p>
            </div>

            <div class="flex flex-wrap items-center gap-2">
                {{-- v4.8.0 §B3 — Le badge des feuilles en brouillon sur des semaines écoulées :
                     chaque ligne est un coût RH à zéro tant qu'elle n'est pas approuvée. --}}
                @if ($peutApprouver && $nombreAApprouver > 0)
                    <x-filament::button size="sm" color="warning" icon="heroicon-o-clipboard-document-check"
                                        wire:click="ouvrirLePanneau('approuver')">
                        Feuilles à approuver ({{ $nombreAApprouver }})
                    </x-filament::button>
                @endif

                <select wire:model.live="marche" aria-label="Filtrer par marché" class="{{ $champ }}">
                    <option value="">Tous les marchés</option>
                    @foreach ($marches as $id => $nom)
                        <option value="{{ $id }}">{{ $nom }}</option>
                    @endforeach
                </select>

                <x-filament::button size="sm" color="gray" wire:click="toutesLesPersonnes">
                    Toutes les personnes
                </x-filament::button>
            </div>
        </div>
    </x-filament::section>

    {{-- ═══ Cinq tuiles de signaux, cliquables : elles filtrent la grille ═══════════════════ --}}
    <div class="grid grid-cols-2 gap-2 sm:grid-cols-3 lg:grid-cols-5">
        @foreach ($definitions as $cle => $definition)
            <button type="button" wire:click="basculerLeSignal('{{ $cle }}')"
                    @class([
                        'rounded-xl border p-3 text-left transition',
                        'border-gray-200 bg-white hover:border-gray-300 dark:border-white/10 dark:bg-gray-900' => $signal !== $cle,
                        'border-primary-500 bg-primary-50 dark:border-primary-500 dark:bg-primary-500/10' => $signal === $cle,
                    ])>
                <span class="block text-2xl font-bold tabular-nums text-gray-900 dark:text-white">
                    {{ $compteurs[$cle] ?? 0 }}
                </span>
                <span class="block text-xs text-gray-500 dark:text-gray-400">
                    {{ $definition['pastille'] }} {{ $definition['libelle'] }}
                </span>
            </button>
        @endforeach
    </div>

    {{-- ═══ La grille de cartes — une par personne, clic = fiche Cockpit ═══════════════════ --}}
    @if ($toutesLesCartes->isEmpty())
        <x-filament::section>
            <p class="py-6 text-center text-sm text-gray-500 dark:text-gray-400">
                Aucune tâche — planifiez la semaine.
            </p>
            <p class="text-center text-xs text-gray-400 dark:text-gray-500">
                Le geste du lundi : « Distribuer la semaine » ci-dessous, une ligne par tâche, Entrée = ligne suivante.
            </p>
        </x-filament::section>
    @elseif ($cartes->isEmpty())
        <x-filament::section>
            <p class="py-6 text-center text-sm text-gray-500 dark:text-gray-400">
                Aucune personne ne correspond à ce filtre.
            </p>
        </x-filament::section>
    @else
        {{-- v4.2.0 §0.1 — `repeat(auto-fit, minmax(340px, 1fr))` en style en ligne : la grille
             compte elle-même ses colonnes, et le CSS de Filament est précompilé. --}}
        <div class="cockpit-cartes grid gap-3"
             style="grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); overflow: visible;">
            @foreach ($cartes as $carte)
                @php
                    $employe = $carte['employee'];
                    $pire = $carte['signaux']['pire'] ?? null;
                    $enCours = $carte['maintenant'];
                    $kpi = $kpis[$employe->id] ?? null;
                @endphp

                <a href="{{ FicheCollaborateur::getUrl(['employee' => $employe->id]) }}"
                   @class([
                       'block rounded-xl border bg-white p-4 text-left hover:border-primary-400 dark:bg-gray-900 dark:hover:border-primary-500',
                       'border-gray-200 dark:border-white/10',
                       $liseres[$pire] ?? '' => $pire !== null,
                   ])>
                    <p class="text-sm font-semibold text-gray-900 dark:text-white">{{ $employe->full_name }}</p>
                    <p class="text-xs text-gray-500 dark:text-gray-400">{{ $employe->job_title ?: '—' }}</p>

                    {{-- v4.8.0 §B1 — La ligne des quatre KPIs : production · heures · points+série ·
                         prime projetée. « — » quand il n'y a rien à dire, jamais un zéro inventé. --}}
                    <div class="mt-3 grid grid-cols-4 gap-1.5">
                        <div class="rounded-lg border border-gray-100 bg-gray-50 px-1.5 py-1.5 text-center dark:border-white/5 dark:bg-white/5">
                            <span @class([
                                'block text-sm font-bold tabular-nums',
                                'text-success-600 dark:text-success-400' => ($kpi['a_lheure'] ?? null) !== null && $kpi['a_lheure'] >= 90,
                                'text-warning-600 dark:text-warning-400' => ($kpi['a_lheure'] ?? null) !== null && $kpi['a_lheure'] >= 70 && $kpi['a_lheure'] < 90,
                                'text-danger-600 dark:text-danger-400' => ($kpi['a_lheure'] ?? null) !== null && $kpi['a_lheure'] < 70,
                                'text-gray-900 dark:text-white' => ($kpi['a_lheure'] ?? null) === null,
                            ])>{{ $pct($kpi['a_lheure'] ?? null) }}</span>
                            <span class="block text-[10px] text-gray-500 dark:text-gray-400">à l'heure (30 j)</span>
                        </div>
                        <div class="rounded-lg border border-gray-100 bg-gray-50 px-1.5 py-1.5 text-center dark:border-white/5 dark:bg-white/5">
                            <span @class([
                                'block text-sm font-bold tabular-nums',
                                'text-danger-600 dark:text-danger-400' => ($kpi['heures_jour'] ?? 0) <= 0,
                                'text-gray-900 dark:text-white' => ($kpi['heures_jour'] ?? 0) > 0,
                            ])>{{ $heures((float) ($kpi['heures_jour'] ?? 0)) }}</span>
                            <span class="block text-[10px] text-gray-500 dark:text-gray-400">pointées auj.</span>
                        </div>
                        <div class="rounded-lg border border-gray-100 bg-gray-50 px-1.5 py-1.5 text-center dark:border-white/5 dark:bg-white/5">
                            <span class="block text-sm font-bold tabular-nums text-amber-600 dark:text-amber-400">
                                {{ ($kpi['points_jour'] ?? null) === null ? '—' : $kpi['points_jour'].' pts' }}
                            </span>
                            <span class="block text-[10px] text-gray-500 dark:text-gray-400">
                                @if (($kpi['serie'] ?? null) === null)
                                    série —
                                @elseif ($kpi['serie'] > 0)
                                    série {{ $kpi['serie'] }} j{{ $kpi['serie'] >= 5 ? ' 🔥' : '' }}
                                @else
                                    série 0
                                @endif
                            </span>
                        </div>
                        <div class="rounded-lg border border-gray-100 bg-gray-50 px-1.5 py-1.5 text-center dark:border-white/5 dark:bg-white/5">
                            <span class="block text-sm font-bold tabular-nums text-gray-900 dark:text-white">
                                {{ ($kpi['projetee'] ?? null) === null ? '—' : number_format($kpi['projetee'], 0, ',', ' ') }}
                            </span>
                            <span class="block text-[10px] text-gray-500 dark:text-gray-400">DH prime proj.</span>
                        </div>
                    </div>

                    {{-- Zone 1 : Maintenant --}}
                    <div class="mt-3 border-t border-gray-100 pt-2 dark:border-white/5">
                        <p class="text-[10px] font-semibold uppercase tracking-wide text-gray-400">Maintenant</p>
                        @if ($enCours)
                            <p class="mt-0.5 text-sm text-gray-900 dark:text-white">{{ $enCours->titre }}</p>
                            <div class="mt-1 flex flex-wrap items-center gap-1.5 text-[11px] text-gray-500 dark:text-gray-400">
                                <x-filament::badge color="gray" size="xs">{{ $enCours->libelleDuMarche() }}</x-filament::badge>
                                @if ($enCours->statut === TaskStatut::Bloque)
                                    <x-filament::badge color="warning" size="xs">
                                        bloqué depuis {{ $enCours->bloque_le?->diffForHumans(null, true) }} — {{ $enCours->motif_blocage?->court() }}
                                    </x-filament::badge>
                                @else
                                    <span>depuis {{ $enCours->commence_le?->format('H:i') }} · {{ $enCours->dureeLisible($maintenant) }}</span>
                                @endif
                                @if ($par = $cockpit->origineLisible($enCours))
                                    <span>· par <strong>{{ $par }}</strong></span>
                                @endif
                            </div>
                        @else
                            <p class="mt-0.5 text-sm italic text-gray-400 dark:text-gray-500">rien en cours</p>
                            <p class="text-[11px] text-gray-500 dark:text-gray-400">
                                dernier geste :
                                {{ $carte['signaux']['dernier_geste']?->diffForHumans() ?? 'aucun' }}
                            </p>
                        @endif
                    </div>

                    {{-- Zone 2 : Fait aujourd'hui --}}
                    <div class="mt-3 border-t border-gray-100 pt-2 dark:border-white/5">
                        <p class="text-[10px] font-semibold uppercase tracking-wide text-gray-400">
                            Fait aujourd'hui <span class="text-gray-500">{{ $carte['fait']->count() }}</span>
                        </p>
                        @forelse ($carte['fait'] as $faite)
                            <p class="mt-0.5 truncate text-[11px] text-gray-600 dark:text-gray-300">
                                <span class="tabular-nums text-gray-400">{{ $faite->termine_le?->format('H:i') }}</span>
                                {{ $faite->titre }}
                            </p>
                        @empty
                            <p class="mt-0.5 text-[11px] italic text-gray-400 dark:text-gray-500">rien de terminé aujourd'hui</p>
                        @endforelse
                        @if ($carte['heures'] > 0)
                            <p class="mt-1 text-[11px] text-gray-500 dark:text-gray-400">
                                {{ number_format($carte['heures'], 2, ',', ' ') }} h pointées
                            </p>
                        @endif
                    </div>

                    {{-- Zone 3 : Ensuite --}}
                    <div class="mt-3 border-t border-gray-100 pt-2 dark:border-white/5">
                        <p class="text-[10px] font-semibold uppercase tracking-wide text-gray-400">
                            Ensuite <span class="text-gray-500">{{ $carte['ensuite']->count() }}</span>
                        </p>
                        @forelse ($carte['ensuite'] as $suivante)
                            <div class="mt-0.5 flex flex-wrap items-baseline gap-1.5 text-[11px]">
                                <span @class([
                                    'tabular-nums',
                                    'font-semibold text-danger-600 dark:text-danger-400' => $suivante->estEnRetard($maintenant),
                                    'text-gray-400' => ! $suivante->estEnRetard($maintenant),
                                ])>{{ $suivante->echeance->translatedFormat('D d/m') }}</span>
                                <span class="text-gray-600 dark:text-gray-300">{{ $suivante->titre }}</span>
                                @if ($suivante->estEnRetard($maintenant))
                                    <x-filament::badge color="danger" size="xs">retard</x-filament::badge>
                                @endif
                                @if ($par = $cockpit->origineLisible($suivante))
                                    <span class="text-gray-400">· par {{ $par }}</span>
                                @endif
                                @if ($suivante->estNouvelle())
                                    <x-filament::badge color="primary" size="xs">non vue</x-filament::badge>
                                @endif
                            </div>
                        @empty
                            <p class="mt-0.5 text-[11px] italic text-gray-400 dark:text-gray-500">rien de prévu — planning vide, distribuez ➜</p>
                        @endforelse
                    </div>

                    {{-- Pied : les signaux de la personne, ou « rien à signaler » --}}
                    <div class="mt-3 flex flex-wrap items-center gap-1 border-t border-gray-100 pt-2 dark:border-white/5">
                        @php $aSignaler = false; @endphp
                        @foreach ([SignauxService::RETARD, SignauxService::BLOQUE, SignauxService::PLANNING_VIDE, SignauxService::SILENCE] as $cle)
                            @if (($carte['signaux'][$cle] ?? 0) > 0)
                                @php $aSignaler = true; @endphp
                                <x-filament::badge :color="$definitions[$cle]['couleur']" size="xs">
                                    {{ $definitions[$cle]['libelle'] }}
                                </x-filament::badge>
                            @endif
                        @endforeach
                        @unless ($aSignaler)
                            <x-filament::badge color="success" size="xs">rien à signaler</x-filament::badge>
                        @endunless
                        <span class="ml-auto text-[11px] text-primary-600 dark:text-primary-400">fiche Cockpit ›</span>
                    </div>
                </a>
            @endforeach
        </div>
    @endif

    {{-- ═══ Tableau « Par marché » ═════════════════════════════════════════════════════════ --}}
    <x-filament::section>
        <x-slot name="heading">Par marché</x-slot>
        <x-slot name="description">ce qui est ouvert, ce qui accroche, ce qui est dû cette semaine</x-slot>

        @if ($parMarche->isEmpty())
            <p class="text-sm text-gray-500 dark:text-gray-400">Aucune tâche ouverte — planifiez la semaine.</p>
        @else
            <div class="overflow-x-auto">
                <table class="w-full text-sm">
                    <thead class="text-left text-xs uppercase text-gray-500 dark:text-gray-400">
                        <tr>
                            <th class="py-1 pr-3">Marché</th>
                            <th class="py-1 pr-3">Chef de marché</th>
                            <th class="py-1 pr-3 text-right">Ouvertes</th>
                            <th class="py-1 pr-3 text-right">En retard</th>
                            <th class="py-1 pr-3 text-right">Bloquées</th>
                            <th class="py-1 pr-3 text-right">Livrables sem.</th>
                            <th class="py-1">Prochain livrable</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($parMarche as $ligne)
                            <tr class="border-t border-gray-100 dark:border-white/5">
                                <td class="py-1.5 pr-3 font-medium">{{ $ligne['libelle'] }}</td>
                                <td class="py-1.5 pr-3 text-gray-500">{{ $ligne['chef'] }}</td>
                                <td class="py-1.5 pr-3 text-right tabular-nums">{{ $ligne['ouvertes'] }}</td>
                                <td @class(['py-1.5 pr-3 text-right tabular-nums', 'font-semibold text-danger-600' => $ligne['retards'] > 0])>{{ $ligne['retards'] }}</td>
                                <td @class(['py-1.5 pr-3 text-right tabular-nums', 'font-semibold text-warning-600' => $ligne['bloquees'] > 0])>{{ $ligne['bloquees'] }}</td>
                                <td class="py-1.5 pr-3 text-right tabular-nums">{{ $ligne['livrables_semaine'] }}</td>
                                <td class="py-1.5 text-gray-500">
                                    @if ($ligne['prochain_livrable'])
                                        {{ $ligne['prochain_livrable']->titre }}
                                        <span class="text-xs text-gray-400">({{ $ligne['prochain_livrable']->echeance->format('d/m') }})</span>
                                    @else
                                        —
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </x-filament::section>

    {{-- ═══ Pied d'actions — l'ordre de la maquette (v4.8.0 §B4) ═════════════════════════ --}}
    <x-filament::section>
        <div class="flex flex-wrap gap-2">
            <x-filament::button icon="heroicon-o-squares-plus" wire:click="ouvrirLePanneau('distribuer')">
                Distribuer la semaine
            </x-filament::button>
            <x-filament::button color="gray" icon="heroicon-o-plus" wire:click="ouvrirLePanneau('nouvelle')">
                Une tâche
            </x-filament::button>
            <x-filament::button color="gray" icon="heroicon-o-clipboard-document-list" wire:click="ouvrirLePanneau('coller')">
                Coller une liste
            </x-filament::button>
            @if ($estDirection)
                <x-filament::button color="gray" icon="heroicon-o-flag" wire:click="ouvrirLePanneau('objectif')">
                    Objectif de la semaine
                </x-filament::button>
            @endif
            {{-- v4.4.0 §C2 — Le bouton n'apparaît qu'à qui peut trancher les primes. --}}
            @if ($primesAccessibles)
                <x-filament::button
                    tag="a"
                    :href="\App\Filament\Admin\Pages\PrimesDuMois::getUrl(panel: 'admin')"
                    color="gray"
                    icon="heroicon-o-trophy"
                >
                    Primes du mois
                </x-filament::button>
            @endif
            <x-filament::button color="gray" icon="heroicon-o-document-arrow-down" wire:click="genererLeRapport">
                Rapport hebdo (PDF)
            </x-filament::button>
            @if ($whatsappActif)
                <x-filament::button color="gray" icon="heroicon-o-clipboard-document"
                                    x-data
                                    x-on:click="navigator.clipboard?.writeText($wire.recapWhatsapp())">
                    Copier pour WhatsApp
                </x-filament::button>
            @endif
            <x-filament::button color="gray" icon="heroicon-o-calendar-days" wire:click="ouvrirLePanneau('planifier')">
                Planifier la semaine
            </x-filament::button>

            {{-- §E — Le compte rendu rédigé : À LA DEMANDE seulement, et le bouton n'existe que si
                 le réglage est allumé (il est éteint par défaut). --}}
            @if ($iaDisponible)
                <x-filament::button color="gray" icon="heroicon-o-sparkles" wire:click="redigerLeCompteRendu">
                    Rédiger le compte rendu
                </x-filament::button>
            @endif
        </div>

        @if ($compteRendu)
            <div class="mt-4 rounded-xl border border-gray-200 bg-gray-50 p-4 dark:border-white/10 dark:bg-white/5">
                <p class="text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">
                    Compte rendu de la semaine — proposition à relire
                </p>
                <p class="mt-2 whitespace-pre-line text-sm text-gray-700 dark:text-gray-300">{{ $compteRendu }}</p>
            </div>
        @endif

        @if ($rapports->isNotEmpty())
            <p class="mt-3 text-xs text-gray-500 dark:text-gray-400">
                Derniers rapports :
                @foreach ($rapports as $rapport)
                    <span class="whitespace-nowrap">{{ $rapport['nom'] }} ({{ $rapport['ecrit_le']->format('d/m/Y') }})</span>@if (! $loop->last) · @endif
                @endforeach
            </p>
        @endif
    </x-filament::section>

    {{-- ═══ « ＋ Une tâche » — formulaire EN LIGNE, jamais une page à part ═════════════════ --}}
    @if ($panneau === 'nouvelle')
        <x-filament::section>
            <x-slot name="heading">＋ Une tâche</x-slot>
            <x-slot name="description">Responsable et échéance obligatoires. Le collaborateur reçoit un push.</x-slot>

            <div class="grid gap-3 sm:grid-cols-2 lg:grid-cols-3">
                <div class="lg:col-span-3">
                    <label for="ck-titre" class="{{ $etiquette }}">Titre</label>
                    <x-filament::input.wrapper class="mt-1">
                        <x-filament::input id="ck-titre" type="text" wire:model="saisie.titre" />
                    </x-filament::input.wrapper>
                </div>
                <div>
                    <label for="ck-qui" class="{{ $etiquette }}">Responsable</label>
                    <x-filament::input.wrapper class="mt-1">
                        <x-filament::input.select id="ck-qui" wire:model="saisie.responsable">
                            <option value="">— choisir —</option>
                            @foreach ($collaborateurs as $id => $nom)
                                <option value="{{ $id }}">{{ $nom }}</option>
                            @endforeach
                        </x-filament::input.select>
                    </x-filament::input.wrapper>
                </div>
                <div>
                    <label for="ck-marche" class="{{ $etiquette }}">Marché</label>
                    <x-filament::input.wrapper class="mt-1">
                        <x-filament::input.select id="ck-marche" wire:model="saisie.marche">
                            <option value="{{ \App\Services\Timesheets\TimesheetService::SANS_MARCHE }}">
                                {{ \App\Services\Interne\FonctionnementInterneService::LIBELLE }}
                            </option>
                            @foreach ($marches as $id => $nom)
                                <option value="{{ $id }}">{{ $nom }}</option>
                            @endforeach
                        </x-filament::input.select>
                    </x-filament::input.wrapper>
                </div>
                <div>
                    <label for="ck-echeance" class="{{ $etiquette }}">Échéance</label>
                    <x-filament::input.wrapper class="mt-1">
                        <x-filament::input id="ck-echeance" type="date" wire:model="saisie.echeance" />
                    </x-filament::input.wrapper>
                </div>
                <div>
                    <label for="ck-prevu" class="{{ $etiquette }}">Prévu le</label>
                    <x-filament::input.wrapper class="mt-1">
                        <x-filament::input id="ck-prevu" type="date" wire:model="saisie.prevu_le" />
                    </x-filament::input.wrapper>
                </div>
                <label class="flex items-end gap-2 pb-1 text-sm text-gray-700 dark:text-gray-300">
                    <input type="checkbox" wire:model="saisie.livrable"
                           class="fi-checkbox-input h-5 w-5 rounded border-gray-300 text-primary-600 focus:ring-primary-500 dark:border-white/20 dark:bg-white/5" />
                    Livrable (validation du chef)
                </label>
            </div>

            <div class="mt-4 flex gap-2">
                <x-filament::button wire:click="creerLaTache">Créer</x-filament::button>
                <x-filament::button color="gray" wire:click="fermerLePanneau">Fermer</x-filament::button>
            </div>
        </x-filament::section>
    @endif

    {{-- ═══ v4.8.0 §D1 — « Distribuer la semaine » : la grille, Entrée = ligne suivante ═════ --}}
    @if ($panneau === 'distribuer')
        <x-filament::section>
            <x-slot name="heading">＋ Distribuer la semaine</x-slot>
            <x-slot name="description">
                Le geste du lundi matin : autant de lignes que vous voulez, <strong>Entrée dans le titre = ligne suivante</strong>,
                un seul bouton à la fin. Chaque ligne passe par le service des tâches : une ligne refusée s'affiche en erreur, les autres passent.
            </x-slot>

            <div class="overflow-x-auto">
                <table class="w-full text-sm">
                    <thead class="text-left text-xs uppercase text-gray-500 dark:text-gray-400">
                        <tr>
                            <th class="py-1 pr-2" style="width: 38%">Tâche</th>
                            <th class="py-1 pr-2">Qui</th>
                            <th class="py-1 pr-2">Marché</th>
                            <th class="py-1 pr-2">Échéance</th>
                            <th class="py-1 pr-2 text-center">Livrable ?</th>
                            <th class="py-1"></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($lignes as $index => $ligne)
                            <tr class="border-t border-gray-100 align-top dark:border-white/5" wire:key="ligne-{{ $index }}">
                                <td class="py-1.5 pr-2">
                                    <input type="text" wire:model="lignes.{{ $index }}.titre"
                                           wire:keydown.enter.prevent="ajouterUneLigne"
                                           placeholder="＋ tapez et Entrée…"
                                           aria-label="Titre de la tâche {{ $index + 1 }}"
                                           class="{{ $champ }} w-full" />
                                    @if ($ligne['erreur'])
                                        <p class="mt-1 text-xs text-danger-600 dark:text-danger-400">{{ $ligne['erreur'] }}</p>
                                    @endif
                                </td>
                                <td class="py-1.5 pr-2">
                                    <select wire:model="lignes.{{ $index }}.qui" aria-label="Responsable de la tâche {{ $index + 1 }}" class="{{ $champ }} w-full">
                                        <option value="">—</option>
                                        @foreach ($collaborateurs as $id => $nom)
                                            <option value="{{ $id }}">{{ $nom }}</option>
                                        @endforeach
                                    </select>
                                </td>
                                <td class="py-1.5 pr-2">
                                    <select wire:model="lignes.{{ $index }}.marche" aria-label="Marché de la tâche {{ $index + 1 }}" class="{{ $champ }} w-full">
                                        <option value="{{ \App\Services\Timesheets\TimesheetService::SANS_MARCHE }}">{{ \App\Services\Interne\FonctionnementInterneService::LIBELLE }}</option>
                                        @foreach ($marches as $id => $nom)
                                            <option value="{{ $id }}">{{ $nom }}</option>
                                        @endforeach
                                    </select>
                                </td>
                                <td class="py-1.5 pr-2">
                                    <input type="date" wire:model="lignes.{{ $index }}.echeance" aria-label="Échéance de la tâche {{ $index + 1 }}" class="{{ $champ }} w-full" />
                                </td>
                                <td class="py-1.5 pr-2 text-center">
                                    <input type="checkbox" wire:model="lignes.{{ $index }}.livrable" aria-label="Livrable {{ $index + 1 }}"
                                           class="fi-checkbox-input mt-2 h-5 w-5 rounded border-gray-300 text-primary-600 focus:ring-primary-500 dark:border-white/20 dark:bg-white/5" />
                                </td>
                                <td class="py-1.5 text-right">
                                    <button type="button" wire:click="retirerLaLigne({{ $index }})" class="mt-2 text-xs text-gray-400 hover:text-danger-600" aria-label="Retirer la ligne {{ $index + 1 }}">✕</button>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <div class="mt-4 flex flex-wrap gap-2">
                <x-filament::button wire:click="creerLesTaches">
                    Créer les {{ $this->nombreDeLignesPretes() }} tâche{{ $this->nombreDeLignesPretes() > 1 ? 's' : '' }} → push à chacun
                </x-filament::button>
                <x-filament::button color="gray" wire:click="ajouterUneLigne">＋ Une ligne</x-filament::button>
                <x-filament::button color="gray" wire:click="ouvrirLePanneau('coller')">📋 Coller une liste</x-filament::button>
                <x-filament::button color="gray" wire:click="fermerLePanneau">Annuler</x-filament::button>
            </div>

            {{-- v4.8.0 §D3 — Les tâches récurrentes, dans le même panneau. --}}
            <div class="mt-6 border-t border-gray-200 pt-4 dark:border-white/10">
                <h3 class="text-sm font-semibold text-gray-900 dark:text-white">🔁 Récurrentes</h3>
                <p class="text-xs text-gray-500 dark:text-gray-400">
                    Chaque matin à 06 h 15, la tâche du jour de chaque modèle dû se crée toute seule — échéance le jour même, jamais deux fois.
                    Un modèle dont le collaborateur quitte l'entreprise s'éteint de lui-même.
                </p>

                @if ($modeles->isEmpty())
                    <p class="mt-2 text-xs italic text-gray-400 dark:text-gray-500">Aucun modèle encore — ajoutez-en un ci-dessous.</p>
                @else
                    <ul class="mt-2 space-y-1">
                        @foreach ($modeles as $modeleLigne)
                            <li class="flex flex-wrap items-center gap-2 rounded-lg border border-gray-200 px-3 py-1.5 text-xs dark:border-white/10" wire:key="modele-{{ $modeleLigne->id }}">
                                <span class="min-w-0 flex-1">
                                    <strong class="text-gray-900 dark:text-white">{{ $modeleLigne->titre }}</strong>
                                    <span class="text-gray-500 dark:text-gray-400">
                                        — {{ $modeleLigne->cadenceLisible() }} → {{ $modeleLigne->employee?->full_name ?? '—' }}
                                        · {{ $modeleLigne->project?->libelle() ?? \App\Services\Interne\FonctionnementInterneService::LIBELLE }}
                                        @if ($modeleLigne->livrable) · livrable @endif
                                        @if ($modeleLigne->derniere_creee_le) · dernière le {{ $modeleLigne->derniere_creee_le->format('d/m') }} @endif
                                    </span>
                                    @if ($modeleLigne->note)
                                        <span class="block text-warning-600 dark:text-warning-400">{{ $modeleLigne->note }}</span>
                                    @endif
                                </span>
                                <x-filament::badge :color="$modeleLigne->actif ? 'success' : 'gray'" size="xs">
                                    {{ $modeleLigne->actif ? 'actif' : 'inactif' }}
                                </x-filament::badge>
                                @if ($estDirection)
                                    <x-filament::button size="xs" color="gray" wire:click="basculerLeModele({{ $modeleLigne->id }})">
                                        {{ $modeleLigne->actif ? 'Désactiver' : 'Activer' }}
                                    </x-filament::button>
                                    <x-filament::button size="xs" color="danger" wire:click="supprimerLeModele({{ $modeleLigne->id }})">
                                        Supprimer
                                    </x-filament::button>
                                @endif
                            </li>
                        @endforeach
                    </ul>
                @endif

                @if ($estDirection)
                    <div class="mt-3 grid gap-2 sm:grid-cols-2 lg:grid-cols-6">
                        <div class="lg:col-span-2">
                            <label for="md-titre" class="{{ $etiquette }}">Modèle</label>
                            <input id="md-titre" type="text" wire:model="modele.titre" placeholder="Rapport mensuel d'activité" class="{{ $champ }} mt-1 w-full" />
                        </div>
                        <div>
                            <label for="md-qui" class="{{ $etiquette }}">Qui</label>
                            <select id="md-qui" wire:model="modele.qui" class="{{ $champ }} mt-1 w-full">
                                <option value="">—</option>
                                @foreach ($collaborateurs as $id => $nom)
                                    <option value="{{ $id }}">{{ $nom }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div>
                            <label for="md-marche" class="{{ $etiquette }}">Marché</label>
                            <select id="md-marche" wire:model="modele.marche" class="{{ $champ }} mt-1 w-full">
                                <option value="{{ \App\Services\Timesheets\TimesheetService::SANS_MARCHE }}">{{ \App\Services\Interne\FonctionnementInterneService::LIBELLE }}</option>
                                @foreach ($marches as $id => $nom)
                                    <option value="{{ $id }}">{{ $nom }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div>
                            <label for="md-rec" class="{{ $etiquette }}">Cadence</label>
                            <select id="md-rec" wire:model.live="modele.recurrence" class="{{ $champ }} mt-1 w-full">
                                <option value="hebdo">chaque semaine</option>
                                <option value="mensuel">chaque mois</option>
                            </select>
                        </div>
                        <div>
                            <label for="md-jour" class="{{ $etiquette }}">{{ ($modele['recurrence'] ?? 'hebdo') === 'mensuel' ? 'Le (1-28)' : 'Jour' }}</label>
                            @if (($modele['recurrence'] ?? 'hebdo') === 'mensuel')
                                <input id="md-jour" type="number" min="1" max="28" wire:model="modele.jour" class="{{ $champ }} mt-1 w-full" />
                            @else
                                <select id="md-jour" wire:model="modele.jour" class="{{ $champ }} mt-1 w-full">
                                    @foreach ([1 => 'lundi', 2 => 'mardi', 3 => 'mercredi', 4 => 'jeudi', 5 => 'vendredi', 6 => 'samedi', 7 => 'dimanche'] as $n => $libelle)
                                        <option value="{{ $n }}">{{ $libelle }}</option>
                                    @endforeach
                                </select>
                            @endif
                        </div>
                    </div>
                    <div class="mt-2 flex flex-wrap items-center gap-3">
                        <label class="flex items-center gap-2 text-sm text-gray-700 dark:text-gray-300">
                            <input type="checkbox" wire:model="modele.livrable"
                                   class="fi-checkbox-input h-5 w-5 rounded border-gray-300 text-primary-600 focus:ring-primary-500 dark:border-white/20 dark:bg-white/5" />
                            Livrable
                        </label>
                        <x-filament::button size="sm" color="gray" wire:click="creerLeModele">＋ Ajouter le modèle</x-filament::button>
                    </div>
                @endif
            </div>
        </x-filament::section>
    @endif

    {{-- ═══ v4.8.0 §D2 — « Coller une liste » : rien n'est créé ici ═══════════════════════ --}}
    @if ($panneau === 'coller')
        <x-filament::section>
            <x-slot name="heading">📋 Coller une liste</x-slot>
            <x-slot name="description">
                Collez des lignes (WhatsApp, notes) — une ligne = une tâche proposée.
                <code>&#64;nom</code> assigne, <code>ven</code>, <code>demain</code> ou <code>12/09</code> en fin de ligne pose l'échéance,
                <code>#marché</code> choisit le marché. Ce qui n'est pas reconnu reste dans le titre, et se corrige dans la grille.
            </x-slot>

            <textarea wire:model="texteColle" rows="6" aria-label="Lignes à analyser"
                      placeholder="Préparer le pack presse &#64;hanane ven&#10;Retouches photos AG &#64;jawad 12/09&#10;Appeler l'imprimeur revue &#64;hamza demain"
                      class="{{ $champ }} w-full font-mono text-xs"></textarea>

            <div class="mt-3 flex gap-2">
                <x-filament::button wire:click="analyserLaListe">Analyser → tâches proposées</x-filament::button>
                <x-filament::button color="gray" wire:click="fermerLePanneau">Annuler</x-filament::button>
            </div>
        </x-filament::section>
    @endif

    {{-- ═══ v4.8.0 §B2 — « Objectif de la semaine », côté direction ═══════════════════════ --}}
    @if ($panneau === 'objectif' && $estDirection)
        <x-filament::section>
            <x-slot name="heading">🎯 Objectif de la semaine</x-slot>
            <x-slot name="description">
                Semaine du {{ \Illuminate\Support\Carbon::today()->startOfWeek()->translatedFormat('j F') }}. Un objectif par marché, ou pour toute l'équipe.
                Vendredi, marquez-le atteint : chaque membre affecté gagne ses points. Un objectif tranché ne se réécrit plus.
            </x-slot>

            <ul class="space-y-2">
                @foreach ($objectifsSemaine as $ligne)
                    <li class="rounded-lg border border-gray-200 px-3 py-2 dark:border-white/10" wire:key="objectif-{{ $ligne['cle'] }}">
                        <p class="text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">{{ $ligne['marche'] }}</p>
                        @if ($ligne['objectif'])
                            <p class="mt-1 text-sm text-gray-900 dark:text-white">{{ $ligne['objectif']->libelle }}</p>
                            @if ($ligne['objectif']->atteint === null)
                                <div class="mt-2 flex flex-wrap gap-2">
                                    <x-filament::button size="xs" color="success" wire:click="trancherLObjectif({{ $ligne['objectif']->id }}, true)">Atteint</x-filament::button>
                                    <x-filament::button size="xs" color="gray" wire:click="trancherLObjectif({{ $ligne['objectif']->id }}, false)">Non atteint</x-filament::button>
                                    <input type="text" wire:model="objectifs.{{ $ligne['cle'] }}" placeholder="Réécrire l'objectif…" aria-label="Nouveau libellé — {{ $ligne['marche'] }}" class="{{ $champ }} min-w-[16rem] flex-1" />
                                    <x-filament::button size="xs" color="gray" wire:click="fixerLObjectif('{{ $ligne['cle'] }}')">Remplacer</x-filament::button>
                                </div>
                            @else
                                <x-filament::badge :color="$ligne['objectif']->atteint ? 'success' : 'gray'" size="xs" class="mt-1">
                                    {{ $ligne['objectif']->etat() }}
                                </x-filament::badge>
                            @endif
                        @else
                            <div class="mt-1 flex flex-wrap gap-2">
                                <input type="text" wire:model="objectifs.{{ $ligne['cle'] }}" placeholder="« 3 livrables rendus » se vérifie, « faire mieux » non" aria-label="Objectif — {{ $ligne['marche'] }}" class="{{ $champ }} min-w-[16rem] flex-1" />
                                <x-filament::button size="xs" wire:click="fixerLObjectif('{{ $ligne['cle'] }}')">Fixer</x-filament::button>
                            </div>
                        @endif
                    </li>
                @endforeach
            </ul>

            <div class="mt-4">
                <x-filament::button color="gray" wire:click="fermerLePanneau">Fermer</x-filament::button>
            </div>
        </x-filament::section>
    @endif

    {{-- ═══ v4.8.0 §B3 — « Feuilles à approuver » : l'approbation en masse ═══════════════ --}}
    @if ($panneau === 'approuver' && $peutApprouver)
        <x-filament::section>
            <x-slot name="heading">Feuilles à approuver</x-slot>
            <x-slot name="description">
                Une ligne par collaborateur et par semaine écoulée. Les semaines complètes sont cochées d'avance ; les autres se cochent à la main.
                Les coûts RH ne lisent que les heures approuvées : tant qu'une ligne est ici, son coût est à zéro. Une journée approuvée se verrouille.
            </x-slot>

            @if ($feuillesAApprouver->isEmpty())
                <p class="text-sm text-gray-500 dark:text-gray-400">Rien à approuver : toutes les semaines écoulées sont à jour.</p>
            @else
                <div class="overflow-x-auto">
                    <table class="w-full text-sm">
                        <thead class="text-left text-xs uppercase text-gray-500 dark:text-gray-400">
                            <tr>
                                <th class="py-1 pr-2"></th>
                                <th class="py-1 pr-2">Collaborateur</th>
                                <th class="py-1 pr-2">Semaine</th>
                                <th class="py-1 pr-2 text-right">Heures</th>
                                <th class="py-1 pr-2">Marchés</th>
                                <th class="py-1">État</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($feuillesAApprouver as $ligne)
                                <tr class="border-t border-gray-100 dark:border-white/5" wire:key="feuille-{{ $ligne['cle'] }}">
                                    <td class="py-1.5 pr-2">
                                        <input type="checkbox" wire:model="approbations.{{ $ligne['cle'] }}" aria-label="Approuver {{ $ligne['employee']->full_name }} semaine du {{ $ligne['semaine']->format('d/m') }}"
                                               class="fi-checkbox-input h-5 w-5 rounded border-gray-300 text-primary-600 focus:ring-primary-500 dark:border-white/20 dark:bg-white/5" />
                                    </td>
                                    <td class="py-1.5 pr-2 font-medium text-gray-900 dark:text-white">{{ $ligne['employee']->full_name }}</td>
                                    <td class="py-1.5 pr-2 tabular-nums">du {{ $ligne['semaine']->format('d/m') }} au {{ $ligne['semaine']->copy()->endOfWeek()->format('d/m') }}</td>
                                    <td class="py-1.5 pr-2 text-right tabular-nums">{{ $heures($ligne['heures']) }}</td>
                                    <td class="py-1.5 pr-2 text-gray-500 dark:text-gray-400">{{ $ligne['marches'] }}</td>
                                    <td class="py-1.5">
                                        <x-filament::badge :color="$ligne['complete'] ? 'success' : 'warning'" size="xs">
                                            {{ $ligne['complete'] ? 'semaine complète' : 'jours manquants' }}
                                        </x-filament::badge>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif

            <div class="mt-4 flex gap-2">
                @if ($feuillesAApprouver->isNotEmpty())
                    <x-filament::button color="success" wire:click="approuverLaSelection">Approuver la sélection</x-filament::button>
                @endif
                <x-filament::button color="gray" wire:click="fermerLePanneau">Fermer</x-filament::button>
            </div>
        </x-filament::section>
    @endif

    {{-- ═══ « Planifier la semaine » ═══════════════════════════════════════════════════════ --}}
    @if ($panneau === 'planifier')
        <x-filament::section>
            <x-slot name="heading">Planifier la semaine</x-slot>
            <x-slot name="description">Les tâches ouvertes de chacun, un jour prévu par tâche.</x-slot>

            @if ($aPlanifier->isEmpty())
                <p class="text-sm text-gray-500 dark:text-gray-400">Aucune tâche ouverte à planifier.</p>
            @else
                <div class="space-y-2">
                    @foreach ($aPlanifier as $tache)
                        <div class="flex flex-wrap items-center gap-3 rounded-lg border border-gray-200 p-2 dark:border-white/10">
                            <div class="min-w-0 flex-1">
                                <p class="text-sm text-gray-900 dark:text-white">{{ $tache->titre }}</p>
                                <p class="text-xs text-gray-500 dark:text-gray-400">
                                    {{ $tache->employee?->full_name }} · {{ $tache->libelleDuMarche() }}
                                    · échéance {{ $tache->echeance->format('d/m') }}
                                </p>
                            </div>
                            <input type="date" wire:model="planning.{{ $tache->id }}"
                                   aria-label="Prévu le — {{ $tache->titre }}"
                                   class="{{ $champ }}" />
                        </div>
                    @endforeach
                </div>
            @endif

            <div class="mt-4 flex gap-2">
                <x-filament::button wire:click="enregistrerLePlanning">Enregistrer</x-filament::button>
                <x-filament::button color="gray" wire:click="fermerLePanneau">Fermer</x-filament::button>
            </div>
        </x-filament::section>
    @endif
</x-filament-panels::page>