@php
    use App\Enums\TaskStatut;

    $pct = fn (?float $v): string => $v === null ? '—' : rtrim(rtrim(number_format($v, 1, ',', ' '), '0'), ',').' %';
    $h = fn (float $v): string => rtrim(rtrim(number_format($v, 2, ',', ' '), '0'), ',').' h';
    $tuile = 'rounded-lg border border-gray-100 bg-gray-50 px-2 py-2 text-center dark:border-white/5 dark:bg-white/5';
    $valeur = 'block text-lg font-bold tabular-nums text-gray-900 dark:text-white';
    $legende = 'block text-[11px] text-gray-500 dark:text-gray-400';
    $barre = 'relative mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200 dark:bg-white/10';
@endphp

<x-filament-panels::page>
    {{-- v4.32.1 §D.3 — sans salaire de référence, un mois sans bulletin ne s'estime pas. --}}
    @if ($this->employe()->salaireDeReferenceManquant())
        <div class="rounded-xl border border-warning-300 bg-warning-50 p-4 text-sm text-warning-800 dark:border-warning-400/30 dark:bg-warning-400/10 dark:text-warning-300">
            <p class="font-semibold">Salaire de référence manquant</p>
            <p>Renseignez le salaire mensuel (ou le TJM) sur la fiche : sans lui, un mois dont le bulletin n'est pas encore saisi ne peut pas être estimé dans la répartition des coûts.</p>
        </div>
    @endif
    {{-- v4.8.0 §C — LA FICHE « COCKPIT » : en-tête, quatre blocs (maquette écran 2), sa semaine,
         ses heures. Toutes les définitions viennent de `KpiDuCollaborateur`. --}}

    {{-- ═══ En-tête : poste, régime, badges ═══════════════════════════════════════════════ --}}
    {{-- v4.30.0 §B5 — Pilotage éteint : restent l'en-tête, l'Assiduité, le Coût et ses heures. --}}
    <x-filament::section>
        <div class="flex flex-wrap items-center gap-2">
            <p class="text-sm text-gray-600 dark:text-gray-300">
                {{ $employe->job_title ?: 'Collaborateur' }}
                · {{ $employe->regime?->label() ?? '—' }}
                @if ($employe->contract_type) · {{ $employe->contract_type->label() }} @endif
            </p>
            <x-filament::badge :color="$employe->active && $employe->isEmployedOn($maintenant) ? 'success' : 'gray'" size="xs">
                {{ $employe->active && $employe->isEmployedOn($maintenant) ? 'en poste' : 'hors poste' }}
            </x-filament::badge>
            @if (! $pilotageActif)
                {{-- v4.30.0 §B5 — Pilotage éteint : pas de badge de prime gamifiée. --}}
            @elseif ($prime['active'])
                <x-filament::badge color="warning" size="xs">
                    {{ $employe->prime_cible !== null ? 'prime cible '.\App\Support\Money::format($employe->prime_cible) : 'prime activée, cible à définir' }}
                </x-filament::badge>
            @else
                <x-filament::badge color="gray" size="xs">prime non activée</x-filament::badge>
            @endif
        </div>
    </x-filament::section>

    <div class="grid gap-3 lg:grid-cols-2">
        @if ($pilotageActif)
        {{-- ═══ 1. Production ═══════════════════════════════════════════════════════════════ --}}
        <x-filament::section>
            <x-slot name="heading">📦 Production — {{ $moisLisible }}</x-slot>

            @if ($production['echues_mois'] === 0 && $production['en_retard'] === 0 && $production['livrables_valides'] === 0)
                <p class="text-sm text-gray-500 dark:text-gray-400">
                    Aucune tâche reçue échue ce mois-ci — distribuez sa semaine depuis Équipe.
                </p>
            @else
                <div class="grid grid-cols-3 gap-2">
                    <div class="{{ $tuile }}">
                        <span class="{{ $valeur }}">{{ $production['a_lheure_mois'] }}/{{ $production['echues_mois'] }}</span>
                        <span class="{{ $legende }}">tâches à l'heure</span>
                    </div>
                    <div class="{{ $tuile }}">
                        <span class="{{ $valeur }}">{{ $production['livrables_valides'] }}</span>
                        <span class="{{ $legende }}">livrables validés</span>
                    </div>
                    <div class="{{ $tuile }}">
                        <span @class([$valeur, '!text-danger-600 dark:!text-danger-400' => $production['en_retard'] > 0])>{{ $production['en_retard'] }}</span>
                        <span class="{{ $legende }}">en retard aujourd'hui</span>
                    </div>
                </div>
            @endif

            <p class="mt-3 text-xs text-gray-500 dark:text-gray-400">À l'heure sur 30 jours</p>
            <div class="{{ $barre }}">
                <div class="h-full rounded-full bg-success-500" style="width: {{ min(100, max(0, (float) ($production['taux_30j'] ?? 0))) }}%"></div>
                @if ($production['moyenne_equipe_30j'] !== null)
                    <span class="absolute top-0 h-full w-0.5 bg-gray-700 dark:bg-white" style="left: {{ min(100, max(0, $production['moyenne_equipe_30j'])) }}%" title="moyenne équipe"></span>
                @endif
            </div>
            <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">
                {{ $pct($production['taux_30j']) }}
                @if ($production['moyenne_equipe_30j'] !== null)
                    — moyenne équipe {{ $pct($production['moyenne_equipe_30j']) }}
                @endif
                @if ($production['taux_30j'] === null)
                    — aucune tâche reçue échue sur la période
                @endif
            </p>
        </x-filament::section>

        @endif

        {{-- ═══ 2. Assiduité ════════════════════════════════════════════════════════════════ --}}
        <x-filament::section>
            <x-slot name="heading">⏱ Assiduité — {{ $moisLisible }}</x-slot>

            <div class="grid grid-cols-3 gap-2">
                <div class="{{ $tuile }}">
                    <span class="{{ $valeur }}">{{ $h($assiduite['heures_pointees']) }}</span>
                    <span class="{{ $legende }}">pointées / {{ $h($assiduite['heures_attendues']) }}</span>
                </div>
                <div class="{{ $tuile }}">
                    <span @class([$valeur, '!text-danger-600 dark:!text-danger-400' => $assiduite['jours_sans_pointage'] > 0, '!text-success-600 dark:!text-success-400' => $assiduite['jours_sans_pointage'] === 0])>{{ $assiduite['jours_sans_pointage'] }}</span>
                    <span class="{{ $legende }}">jour{{ $assiduite['jours_sans_pointage'] > 1 ? 's' : '' }} sans pointage</span>
                </div>
                <div class="{{ $tuile }}">
                    <span class="{{ $valeur }}">{{ $assiduite['conges_approuves'] }}</span>
                    <span class="{{ $legende }}">jour{{ $assiduite['conges_approuves'] > 1 ? 's' : '' }} de congé approuvé</span>
                </div>
            </div>

            <p class="mt-3 text-xs text-gray-500 dark:text-gray-400">
                Heures pointées vs attendues ({{ $assiduite['jours_ouvres'] }} jours ouvrés × {{ rtrim(rtrim(number_format($assiduite['heures_par_jour'], 2, ',', ' '), '0'), ',') }} h)
            </p>
            <div class="{{ $barre }}">
                <div class="h-full rounded-full bg-info-500" style="width: {{ $assiduite['heures_attendues'] > 0 ? min(100, round($assiduite['heures_pointees'] / $assiduite['heures_attendues'] * 100)) : 0 }}%"></div>
            </div>
            <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">
                {{ $assiduite['heures_attendues'] > 0 ? $pct(round($assiduite['heures_pointees'] / $assiduite['heures_attendues'] * 100, 1)) : '—' }}
                @if ($assiduite['heures_non_approuvees'] > 0)
                    · dont {{ $h($assiduite['heures_non_approuvees']) }} non approuvées
                @endif
                —
                @if ($assiduite['feuilles_approuvees_jusquau'])
                    feuilles approuvées jusqu'au {{ $assiduite['feuilles_approuvees_jusquau']->format('d/m') }} ✓
                @else
                    aucune feuille approuvée encore
                @endif
            </p>
            @if ($assiduite['heures_pointees'] <= 0)
                <p class="mt-2 text-sm text-gray-500 dark:text-gray-400">Aucune heure pointée ce mois-ci.</p>
            @endif
        </x-filament::section>

        @if ($pilotageActif)
        {{-- ═══ 3. Prime ════════════════════════════════════════════════════════════════════ --}}
        <x-filament::section>
            <x-slot name="heading">
                🏆 Prime — {{ $moisLisible }}
                @if ($prime['a_des_points'] ?? false)
                    <x-filament::badge :color="$prime['niveau']->color()" size="xs" class="ml-2">niveau {{ $prime['niveau']->label() }}</x-filament::badge>
                @endif
            </x-slot>

            @if (! $prime['active'])
                <p class="text-sm text-gray-500 dark:text-gray-400">
                    Prime non activée : ce collaborateur n'est pas dans le dispositif. L'interrupteur est sur sa fiche RH.
                </p>
            @elseif (! $prime['a_des_points'])
                <p class="text-sm text-gray-500 dark:text-gray-400">
                    Aucun point encore calculé — les points se déduisent des tâches, chaque soir à l'heure du calcul.
                </p>
            @else
                <div class="grid grid-cols-3 gap-2">
                    <div class="{{ $tuile }}">
                        <span class="{{ $valeur }} !text-amber-600 dark:!text-amber-400">{{ $prime['points'] }}/{{ $prime['maximum'] }}</span>
                        <span class="{{ $legende }}">points du mois</span>
                    </div>
                    <div class="{{ $tuile }}">
                        <span class="{{ $valeur }} !text-amber-600 dark:!text-amber-400">{{ $prime['serie'] > 0 ? $prime['serie'].' j 🔥' : '0' }}</span>
                        <span class="{{ $legende }}">série (joker {{ $prime['joker_utilise'] ? 'utilisé' : '✓' }})</span>
                    </div>
                    <div class="{{ $tuile }}">
                        <span class="{{ $valeur }}">{{ $prime['projete_lisible'] ?? '—' }}</span>
                        <span class="{{ $legende }}">projetée</span>
                    </div>
                </div>
                <div class="mt-3 rounded-lg border border-info-200 bg-info-50 px-3 py-2 text-sm text-info-900 dark:border-info-500/30 dark:bg-info-500/10 dark:text-info-100">
                    {{ $prime['phrase'] }}
                </div>
            @endif
        </x-filament::section>

        @endif

        {{-- ═══ 4. Coût & rentabilité — direction seulement ═════════════════════════════════ --}}
        @if ($voitLeCout && $cout !== null)
            <x-filament::section class="border-amber-300 dark:border-amber-500/40">
                <x-slot name="heading">💰 Coût &amp; rentabilité — direction seulement 🔒</x-slot>

                @if ($cout['cout'] === null)
                    <p class="text-sm text-gray-500 dark:text-gray-400">
                        Aucun bulletin calculé ou payé ce mois-ci : le coût se lit quand la paie du mois est passée.
                    </p>
                @else
                    <div class="grid grid-cols-3 gap-2">
                        <div class="{{ $tuile }}">
                            <span class="{{ $valeur }}">{{ $cout['cout_lisible'] }}</span>
                            <span class="{{ $legende }}">coût du mois</span>
                        </div>
                        <div class="{{ $tuile }}">
                            <span class="{{ $valeur }}">{{ $pct($cout['pct_affecte']) }}</span>
                            <span class="{{ $legende }}">heures sur marchés</span>
                        </div>
                        <div class="{{ $tuile }}">
                            <span class="{{ $valeur }}">{{ $cout['cout_heure_lisible'] ?? '—' }}</span>
                            <span class="{{ $legende }}">coût / h affectée</span>
                        </div>
                    </div>
                @endif

                <p class="mt-3 text-xs text-gray-500 dark:text-gray-400">
                    Coût employeur (brut + parts patronales) ; heures approuvées seulement.
                    @if ($cout['repartition'] !== [])
                        Réparti :
                        @foreach ($cout['repartition'] as $part)
                            {{ $part['libelle'] }} {{ (int) $part['pct'] }} %{{ $loop->last ? '' : ' · ' }}
                        @endforeach
                    @elseif ($cout['heures_pointees'] > 0)
                        Aucune heure approuvée ce mois-ci : la répartition attend l'approbation des feuilles.
                    @else
                        Aucune heure pointée ce mois-ci.
                    @endif
                </p>
                @if ($cout['pct_affecte'] !== null)
                    <div class="{{ $barre }}">
                        <div class="h-full rounded-full bg-amber-500" style="width: {{ min(100, max(0, $cout['pct_affecte'])) }}%"></div>
                    </div>
                @endif
            </x-filament::section>
        @endif
    </div>

    @if ($pilotageActif)
    {{-- ═══ Sa semaine ════════════════════════════════════════════════════════════════════ --}}
    <x-filament::section>
        <x-slot name="heading">Sa semaine</x-slot>
        <x-slot name="description">
            du {{ $maintenant->copy()->startOfWeek()->translatedFormat('D j M') }} au {{ $maintenant->copy()->endOfWeek()->subDays(2)->translatedFormat('D j M') }}
            — ses tâches prévues ou dues, et ses retards
        </x-slot>

        @if ($semaine->isEmpty())
            <p class="text-sm text-gray-500 dark:text-gray-400">Aucune tâche encore — distribuez sa semaine depuis Équipe.</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">Tâche</th>
                            <th class="py-1 pr-3">Marché</th>
                            <th class="py-1 pr-3">Échéance</th>
                            <th class="py-1">État</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($semaine as $tache)
                            <tr class="border-t border-gray-100 dark:border-white/5">
                                <td class="py-1.5 pr-3 text-gray-900 dark:text-white">
                                    {{ $tache->titre }}@if ($tache->livrable) <span class="text-xs text-gray-400">✓ livrable</span>@endif
                                    @if ($par = $cockpit->origineLisible($tache))
                                        <span class="text-xs text-gray-400">· par {{ $par }}</span>
                                    @endif
                                </td>
                                <td class="py-1.5 pr-3 text-xs text-gray-500 dark:text-gray-400">{{ $tache->libelleDuMarche() }}</td>
                                <td @class(['py-1.5 pr-3 tabular-nums', 'font-semibold text-danger-600 dark:text-danger-400' => $tache->estEnRetard($maintenant)])>
                                    {{ $tache->echeance?->translatedFormat('D d/m') ?? '—' }}
                                </td>
                                <td class="py-1.5">
                                    @if ($tache->statut === TaskStatut::Termine && $tache->conformite === 'conforme')
                                        <x-filament::badge color="success" size="xs">validé conforme</x-filament::badge>
                                    @elseif ($tache->statut === TaskStatut::EnCours)
                                        <x-filament::badge color="info" size="xs">en cours · {{ $tache->dureeLisible($maintenant) }}</x-filament::badge>
                                    @elseif ($tache->estEnRetard($maintenant))
                                        <x-filament::badge color="danger" size="xs">en retard</x-filament::badge>
                                    @elseif ($tache->prevu_le !== null && $tache->statut->estOuvert())
                                        <x-filament::badge color="gray" size="xs">prévu {{ $tache->prevu_le->translatedFormat('l') }}</x-filament::badge>
                                    @else
                                        <x-filament::badge :color="$tache->statut->color()" size="xs">{{ mb_strtolower($tache->statut->label()) }}</x-filament::badge>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </x-filament::section>

    @endif

    {{-- ═══ Ses heures de la semaine (lecture) ═══════════════════════════════════════════ --}}
    <x-filament::section>
        <x-slot name="heading">Ses heures de la semaine</x-slot>
        <x-slot name="description">lecture seule — la saisie reste la sienne, l'approbation passe par Feuilles de temps ou par « Feuilles à approuver »</x-slot>

        @if (collect($heures)->sum('heures') <= 0)
            <p class="text-sm text-gray-500 dark:text-gray-400">Aucune heure pointée cette semaine.</p>
        @else
            <div class="grid grid-cols-5 gap-1.5">
                @foreach ($heures as $jour)
                    <div class="rounded-lg border border-gray-200 p-2 text-center dark:border-white/10">
                        <p class="text-[10px] font-semibold uppercase text-gray-500 dark:text-gray-400">{{ $jour['date']->translatedFormat('D d') }}</p>
                        <p class="text-sm font-bold tabular-nums text-gray-900 dark:text-white">{{ $jour['heures'] > 0 ? $h($jour['heures']) : '—' }}</p>
                        @if ($jour['heures'] > 0)
                            <p class="text-[10px] {{ $jour['approuvees'] ? 'text-success-600 dark:text-success-400' : 'text-gray-400' }}">
                                {{ $jour['approuvees'] ? 'approuvées' : 'brouillon' }}
                            </p>
                        @endif
                    </div>
                @endforeach
            </div>
        @endif
    </x-filament::section>

    @if ($pilotageActif)
    {{-- ═══ Journal du jour — écrit par ses gestes, rien à saisir ═════════════════════════ --}}
    <x-filament::section>
        <x-slot name="heading">Journal du jour</x-slot>
        <x-slot name="description">écrit par ses gestes et les affectations reçues — rien à saisir</x-slot>

        <ul class="space-y-1">
            @forelse ($journal as $ligne)
                <li class="flex gap-2 text-xs">
                    <span class="shrink-0 tabular-nums text-gray-400">{{ $ligne->fait_le->format('H:i') }}</span>
                    <span class="text-gray-700 dark:text-gray-300">{{ $ligne->ligne() }}</span>
                </li>
            @empty
                <li class="text-xs italic text-gray-400 dark:text-gray-500">aucun geste aujourd'hui</li>
            @endforelse
        </ul>
    </x-filament::section>
    @endif
</x-filament-panels::page>