@php
    $champ = 'mt-1 block h-11 w-full rounded-xl border-gray-300 text-base shadow-sm dark:border-white/20 dark:bg-white/5 dark:text-white';
    $etiquette = 'block text-xs font-semibold uppercase text-gray-500 dark:text-gray-400';
    $pct = fn (float $v): string => rtrim(rtrim(number_format($v, 1, ',', ' '), '0'), ',').' %';
@endphp

<x-filament-panels::page>
    {{--
        v4.4.0 §C2 → v4.8.0 §E — « PRIMES » : un seul écran, trois onglets.

        Mensuelles : bandeau (mois, clôture, repères) → « Comment un mois se calcule » (les points
        du MOIS AFFICHÉ, lus des paramètres figés) → tableau, une ligne par collaborateur, avec LE
        CALCUL EN FRANÇAIS → pied d'actions (dont le panneau « Missions de renfort »).
        Commerciales : les primes de l'ancien système et leurs règles — les mêmes données.
        Réglages : un lien-carte, pas un double formulaire.

        ⚠️ Tri par NOM, jamais par montant : un tableau trié par prime est un classement.
    --}}

    {{-- ═══ Les onglets ══════════════════════════════════════════════════════════════════ --}}
    <div class="flex flex-wrap gap-1 rounded-xl border border-gray-200 bg-white p-1 dark:border-white/10 dark:bg-gray-900">
        @foreach (['mensuelles' => 'Mensuelles · '.mb_strtolower($moisLisible), 'commerciales' => 'Commerciales', 'reglages' => 'Réglages des primes'] as $cle => $libelle)
            <button type="button" wire:click="changerDOnglet('{{ $cle }}')"
                    @class([
                        'rounded-lg px-4 py-2 text-sm font-semibold',
                        'bg-primary-600 text-white' => $onglet === $cle,
                        'text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-white/5' => $onglet !== $cle,
                    ])>
                {{ $libelle }}
            </button>
        @endforeach
    </div>

    @if ($onglet === 'mensuelles')
    {{-- ═══ Bandeau ═══════════════════════════════════════════════════════════════════════ --}}
    <x-filament::section>
        <div class="flex flex-wrap items-center justify-between gap-3">
            <div class="flex items-center gap-2">
                <x-filament::icon-button icon="heroicon-o-chevron-left" wire:click="moisPrecedent"
                                         label="Mois précédent" size="lg" />
                <div>
                    <p class="text-base font-semibold text-gray-900 dark:text-white">{{ $moisLisible }}</p>
                    <p class="text-xs text-gray-500 dark:text-gray-400">
                        @if ($reperes['cloture_le'])
                            clôturé le {{ $reperes['cloture_le']->format('d/m/Y') }} · propositions du moteur
                        @else
                            propositions du moteur
                        @endif
                    </p>
                </div>
                <x-filament::icon-button icon="heroicon-o-chevron-right" wire:click="moisSuivant"
                                         label="Mois suivant" size="lg" />
            </div>

            <div class="flex flex-wrap gap-2 text-xs">
                <span class="rounded-lg bg-gray-100 px-3 py-1.5 dark:bg-white/5">
                    {{ $reperes['jours'] }} jours ouvrés
                </span>
                <span class="rounded-lg bg-gray-100 px-3 py-1.5 dark:bg-white/5">
                    {{ $reperes['maximum'] }} pts max
                </span>
                <span class="rounded-lg bg-gray-100 px-3 py-1.5 dark:bg-white/5">
                    {{ $reperes['propositions'] }} proposition{{ $reperes['propositions'] > 1 ? 's' : '' }}
                </span>
                <span class="rounded-lg bg-primary-100 px-3 py-1.5 font-semibold text-primary-800 dark:bg-primary-500/20 dark:text-primary-200">
                    {{ \App\Support\Money::format($reperes['total']) }}
                </span>
            </div>
        </div>
    </x-filament::section>

    {{-- ═══ v4.8.0 §E — « Comment un mois se calcule », avec les points DU MOIS AFFICHÉ ═══ --}}
    <x-filament::section>
        <div class="flex flex-wrap items-center justify-between gap-2">
            <div>
                <p class="text-sm font-semibold text-gray-900 dark:text-white">Comment un mois se calcule</p>
                <p class="text-xs text-gray-500 dark:text-gray-400">
                    {{ $explication['fige'] ? 'paramètres photographiés pour '.mb_strtolower($moisLisible).' — ils ne bougent plus' : 'paramètres courants — ils seront photographiés au premier calcul du mois' }}
                </p>
            </div>
            <button type="button" wire:click="basculerLExplication" class="text-xs text-primary-600 hover:underline dark:text-primary-400">
                {{ $explicationRepliee ? 'Afficher ›' : 'Replier ‹' }}
            </button>
        </div>

        @unless ($explicationRepliee)
            <div class="mt-3 grid grid-cols-2 gap-2 sm:grid-cols-5">
                @foreach ($explication['gestes'] as $geste)
                    <div class="rounded-lg border border-success-200 bg-success-50/50 px-2 py-2 text-center dark:border-success-500/30 dark:bg-success-500/5">
                        <span class="block text-lg font-bold text-success-700 dark:text-success-300">+{{ $geste['points'] }}</span>
                        <span class="block text-xs font-medium text-gray-900 dark:text-white">{{ $geste['libelle'] }}</span>
                        <span class="block text-[11px] text-gray-500 dark:text-gray-400">{{ $geste['explication'] }}</span>
                    </div>
                @endforeach
            </div>
            <p class="mt-3 text-xs text-gray-600 dark:text-gray-300">
                Chaque soir à {{ str_replace(':', ' h ', $explication['heure_calcul']) }}, {{ $explication['max_jour'] }} pts au maximum.
                Points du mois ÷ maximum (jours ouvrés × {{ $explication['max_jour'] }}) = <strong>taux</strong> →
                sous {{ $pct($explication['seuils'][0] ?? 60) }} : rien
                @foreach (\App\Enums\NiveauPrime::paliers() as $i => $palier)
                    · {{ $pct($explication['seuils'][$i] ?? 0) }} <strong>{{ $palier->label() }}</strong> {{ $pct($explication['parts'][$i] ?? 0) }}
                @endforeach
                de la <strong>cible</strong> de chacun (sur sa fiche).
                Série
                @foreach ($explication['serie_seuils'] as $i => $seuil)
                    ≥ {{ $seuil }} j : {{ ($explication['serie_points'][$i] ?? 0) > 0 ? '+'.$explication['serie_points'][$i].' pts' : 'badge' }}{{ $loop->last ? '' : ' ·' }}
                @endforeach
                ({{ $explication['jokers'] }} joker{{ $explication['jokers'] > 1 ? 's' : '' }}/mois).
                Objectif d'équipe atteint : +{{ $explication['objectif_equipe'] }} · coup de pouce : +{{ $explication['coup_de_pouce'] }} ·
                part du chef : {{ $pct($explication['part_chef']) }} de sa cible × ponctualité de son équipe ·
                moins de {{ $explication['min_taches'] }} tâches reçues dans le mois : pas de niveau automatique.
                Le 1ᵉʳ du mois, le moteur propose — <strong>vous validez, ajustez ou refusez</strong>.
            </p>
        @endunless
    </x-filament::section>

    {{-- ═══ Le tableau ════════════════════════════════════════════════════════════════════ --}}
    <x-filament::section>
        @if ($lignes->isEmpty())
            <p class="py-6 text-center text-sm text-gray-500 dark:text-gray-400">
                Aucune proposition — le moteur clôture le 1<sup>er</sup> du mois.
            </p>
        @else
            <div class="overflow-x-auto">
                <table class="w-full text-sm">
                    <thead>
                        <tr class="border-b border-gray-200 text-left text-xs uppercase tracking-wide text-gray-500 dark:border-white/10 dark:text-gray-400">
                            <th class="py-2 pr-3">Collaborateur</th>
                            <th class="py-2 pr-3" style="width: 40%">Le calcul, en français</th>
                            <th class="py-2 pr-3 text-right">Proposé</th>
                            <th class="py-2 pr-3">Décision</th>
                            <th class="py-2">État</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($lignes as $ligne)
                            @php $prime = $ligne['prime']; @endphp
                            <tr class="border-b border-gray-100 align-top dark:border-white/5">
                                <td class="py-3 pr-3">
                                    <p class="font-medium text-gray-900 dark:text-white">{{ $ligne['nom'] }}</p>
                                    <p class="text-xs text-gray-500 dark:text-gray-400">
                                        {{ $ligne['regime'] }}
                                        · cible {{ $ligne['cible'] !== null ? \App\Support\Money::format($ligne['cible']) : '—' }}
                                    </p>
                                    <x-filament::badge :color="$ligne['niveau']->color()" size="xs" class="mt-1">
                                        {{ $ligne['niveau']->label() }}
                                    </x-filament::badge>
                                    <button type="button" wire:click="ouvrirLeDetail({{ $prime->id }})"
                                            class="mt-1 block text-xs text-primary-600 hover:underline dark:text-primary-400">
                                        {{ $detailOuvert === $prime->id ? 'Masquer le détail ‹' : 'Détail du calcul ›' }}
                                    </button>
                                </td>
                                <td class="py-3 pr-3 text-xs text-gray-700 dark:text-gray-300">
                                    {{ $ligne['phrase'] }}
                                </td>
                                <td class="py-3 pr-3 text-right font-semibold tabular-nums text-gray-900 dark:text-white">
                                    @if ($ligne['propose'] !== null)
                                        {{ \App\Support\Money::format($ligne['propose']) }}
                                    @else
                                        <span class="text-xs font-normal text-warning-600 dark:text-warning-400">
                                            à fixer manuellement
                                        </span>
                                    @endif
                                </td>
                                <td class="py-3 pr-3">
                                    @if ($prime->status === \App\Enums\BonusStatus::Proposee)
                                        <div class="flex flex-wrap gap-1">
                                            @if ($ligne['propose'] !== null)
                                                <x-filament::button size="xs" color="success" wire:click="valider({{ $prime->id }})">
                                                    Valider
                                                </x-filament::button>
                                                <x-filament::button size="xs" color="gray" wire:click="ouvrirLaDecision('ajuster', {{ $prime->id }})">
                                                    Ajuster
                                                </x-filament::button>
                                            @else
                                                <x-filament::button size="xs" color="warning" wire:click="ouvrirLaDecision('manuel', {{ $prime->id }})">
                                                    Fixer manuellement
                                                </x-filament::button>
                                            @endif
                                            <x-filament::button size="xs" color="danger" wire:click="ouvrirLaDecision('refuser', {{ $prime->id }})">
                                                Refuser
                                            </x-filament::button>
                                        </div>
                                    @else
                                        <span class="text-xs text-gray-500 dark:text-gray-400">
                                            {{ $prime->tranche_le?->format('d/m/Y') ?? '—' }}
                                        </span>
                                    @endif
                                </td>
                                <td class="py-3">
                                    <x-filament::badge :color="$prime->status->color()" size="xs">
                                        {{ $prime->status->label() }}
                                    </x-filament::badge>
                                    @if ($prime->status === \App\Enums\BonusStatus::Due)
                                        <span class="mt-1 block text-xs text-gray-500 dark:text-gray-400">
                                            {{ $prime->pay_with_payroll ? 'avec la paie' : 'par virement' }}
                                        </span>
                                    @endif
                                    @if ($prime->ajuste_motif)
                                        <span class="mt-1 block text-xs italic text-gray-500 dark:text-gray-400">
                                            {{ $prime->ajuste_motif }}
                                        </span>
                                    @endif
                                </td>
                            </tr>

                            {{-- Le détail du calcul, ligne par ligne, avec les paramètres du mois. --}}
                            @if ($detailOuvert === $prime->id)
                                <tr class="border-b border-gray-100 bg-gray-50 dark:border-white/5 dark:bg-white/5">
                                    <td colspan="5" class="px-3 py-3">
                                        <ul class="space-y-1 text-xs text-gray-700 dark:text-gray-300">
                                            @foreach ($ligne['lignes'] as $explicationLigne)
                                                <li>• {{ $explicationLigne }}</li>
                                            @endforeach
                                        </ul>
                                        <p class="mt-2 text-xs text-gray-500 dark:text-gray-400">
                                            {{ $ligne['points'] }} / {{ $ligne['maximum'] }} pts · {{ $pct($ligne['taux']) }} ·
                                            Paramètres du mois figés : barème
                                            {{ implode(' · ', array_values((array) ($prime->parametresFiges()['bareme'] ?? []))) }}
                                            · maximum {{ $prime->parametresFiges()['max_jour'] ?? '—' }} pts/jour
                                            · niveaux {{ implode(' / ', array_values((array) ($prime->parametresFiges()['niveaux']['seuils'] ?? []))) }} %
                                            ⇒ {{ implode(' / ', array_values((array) ($prime->parametresFiges()['niveaux']['parts'] ?? []))) }} %.
                                            Rejouer ce mois redonnera le même montant.
                                        </p>
                                    </td>
                                </tr>
                            @endif

                            {{-- La feuille de décision, en ligne dans le tableau. --}}
                            @if ($decisionSur === $prime->id)
                                <tr class="border-b border-gray-100 dark:border-white/5">
                                    <td colspan="5" class="px-3 py-3">
                                        <div class="rounded-xl border border-gray-200 p-3 dark:border-white/10">
                                            <p class="text-sm font-semibold text-gray-900 dark:text-white">
                                                @switch($decision)
                                                    @case('refuser') Refuser la prime de {{ $ligne['nom'] }} @break
                                                    @case('manuel') Fixer la prime de {{ $ligne['nom'] }} @break
                                                    @default Ajuster la prime de {{ $ligne['nom'] }}
                                                @endswitch
                                            </p>

                                            @if ($decision !== 'refuser')
                                                <div class="mt-2">
                                                    <label for="decision-montant" class="{{ $etiquette }}">Montant (DH)</label>
                                                    <input id="decision-montant" type="number" step="10" min="0"
                                                           wire:model="saisie.montant"
                                                           class="{{ $champ }} w-40" />
                                                </div>
                                            @endif

                                            <div class="mt-2">
                                                <label for="decision-motif" class="{{ $etiquette }}">
                                                    Motif — obligatoire
                                                </label>
                                                <input id="decision-motif" type="text" wire:model="saisie.motif"
                                                       placeholder="Le collaborateur pourra le lire."
                                                       class="{{ $champ }}" />
                                            </div>

                                            <div class="mt-3 flex gap-2">
                                                <x-filament::button size="sm" wire:click="enregistrerLaDecision">Enregistrer</x-filament::button>
                                                <x-filament::button size="sm" color="gray" wire:click="fermerLaDecision">Annuler</x-filament::button>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            @endif
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif

        <p class="mt-4 text-xs text-gray-500 dark:text-gray-400">
            Proposée → Due (paie ou virement selon le régime) · Refusée → aucune ligne · tout est journalisé.
            Une prime non activée sur la fiche d'un collaborateur ne fait aucune ligne : il n'est pas dans le dispositif.
        </p>
    </x-filament::section>

    {{-- ═══ Pied d'actions ════════════════════════════════════════════════════════════════ --}}
    <x-filament::section>
        <div class="flex flex-wrap gap-2">
            <x-filament::button icon="heroicon-o-check" wire:click="validerToutes">
                Valider toutes les propositions{{ $reperes['total'] > 0 ? ' ('.\App\Support\Money::format($reperes['total']).')' : '' }}
            </x-filament::button>
            <x-filament::button color="gray" icon="heroicon-o-hand-thumb-up" wire:click="ouvrirLeCoupDePouce">
                Coup de pouce
            </x-filament::button>
            <x-filament::button color="gray" icon="heroicon-o-moon" wire:click="ouvrirLesRenforts">
                Missions de renfort
                @if ($missionsAValider->isNotEmpty())
                    <x-filament::badge color="warning" size="xs" class="ml-1">{{ $missionsAValider->count() }} à valider</x-filament::badge>
                @endif
            </x-filament::button>
            <x-filament::button color="gray" icon="heroicon-o-document-arrow-down" wire:click="telechargerLeReglement">
                Règlement des primes (PDF)
            </x-filament::button>
        </div>

        @if ($coupDePouce)
            <div class="mt-4 rounded-xl border border-gray-200 p-3 dark:border-white/10">
                <p class="text-sm font-semibold text-gray-900 dark:text-white">＋ Coup de pouce</p>
                <p class="text-xs text-gray-500 dark:text-gray-400">
                    Le motif est obligatoire, et le plafond mensuel s'applique : le geste garde sa valeur.
                </p>
                <div class="mt-2 grid gap-2 sm:grid-cols-2">
                    <div>
                        <label for="cdp-employe" class="{{ $etiquette }}">Collaborateur</label>
                        <select id="cdp-employe" wire:model="saisie.employe" class="{{ $champ }}">
                            <option value="">— choisir —</option>
                            @foreach ($collaborateurs as $id => $nom)
                                <option value="{{ $id }}">{{ $nom }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div>
                        <label for="cdp-motif" class="{{ $etiquette }}">Motif</label>
                        <input id="cdp-motif" type="text" wire:model="saisie.motif" class="{{ $champ }}" />
                    </div>
                </div>
                <div class="mt-3 flex gap-2">
                    <x-filament::button size="sm" wire:click="donnerLeCoupDePouce">Donner</x-filament::button>
                    <x-filament::button size="sm" color="gray" wire:click="fermerLaDecision">Annuler</x-filament::button>
                </div>
            </div>
        @endif

        {{-- v4.8.0 §E — Missions renfort en panneau : la validation existante, sans changer de page. --}}
        @if ($renfortOuvert)
            <div class="mt-4 rounded-xl border border-gray-200 p-3 dark:border-white/10">
                <div class="flex flex-wrap items-center justify-between gap-2">
                    <p class="text-sm font-semibold text-gray-900 dark:text-white">🌙 Missions de renfort à valider</p>
                    <a href="{{ \App\Filament\Admin\Pages\MissionsRenfort::getUrl(panel: 'admin') }}" class="text-xs text-primary-600 hover:underline dark:text-primary-400">
                        Publier, confirmer, alertes, historique — la page complète ›
                    </a>
                </div>

                @if ($missionsAValider->isEmpty())
                    <p class="mt-2 text-sm text-gray-500 dark:text-gray-400">Aucune mission confirmée en attente de validation.</p>
                @else
                    <ul class="mt-2 space-y-2">
                        @foreach ($missionsAValider as $mission)
                            <li class="rounded-lg border border-gray-200 px-3 py-2 dark:border-white/10" wire:key="renfort-{{ $mission->id }}">
                                <div class="flex flex-wrap items-center justify-between gap-2">
                                    <div class="min-w-0 flex-1">
                                        <p class="text-sm text-gray-900 dark:text-white">{{ $mission->motif }}</p>
                                        <p class="text-xs text-gray-500 dark:text-gray-400">
                                            {{ $mission->type->label() }} · {{ $mission->quand() }} · {{ $mission->libelleDuMarche() }}
                                            · {{ $mission->employee?->full_name ?? '—' }}
                                        </p>
                                    </div>
                                    @if ((int) (auth()->user()?->employee_id ?? 0) === (int) $mission->employee_id)
                                        <span class="text-xs italic text-gray-400">on ne valide pas sa propre mission</span>
                                    @else
                                        <x-filament::button size="xs" color="gray" wire:click="choisirLaMission({{ $mission->id }})">
                                            {{ $renfortSur === $mission->id ? 'Fermer' : 'Valider / refuser' }}
                                        </x-filament::button>
                                    @endif
                                </div>

                                @if ($renfortSur === $mission->id)
                                    <div class="mt-2 grid gap-2 sm:grid-cols-4">
                                        <div>
                                            <label for="rf-jour" class="{{ $etiquette }}">Heures de jour</label>
                                            <input id="rf-jour" type="number" step="0.25" min="0" max="24" wire:model="renfortSaisie.heures_jour" class="{{ $champ }}" />
                                        </div>
                                        <div>
                                            <label for="rf-nuit" class="{{ $etiquette }}">Heures de nuit</label>
                                            <input id="rf-nuit" type="number" step="0.25" min="0" max="24" wire:model="renfortSaisie.heures_nuit" class="{{ $champ }}" />
                                        </div>
                                        <div>
                                            <label for="rf-montant" class="{{ $etiquette }}">Montant (régime non tranché)</label>
                                            <input id="rf-montant" type="number" step="1" min="0" wire:model="renfortSaisie.montant" class="{{ $champ }}" />
                                        </div>
                                        <div>
                                            <label for="rf-motif" class="{{ $etiquette }}">Motif de refus</label>
                                            <input id="rf-motif" type="text" wire:model="renfortSaisie.motif" class="{{ $champ }}" />
                                        </div>
                                    </div>
                                    <div class="mt-2 flex gap-2">
                                        <x-filament::button size="sm" color="success" wire:click="validerLaMission">Valider</x-filament::button>
                                        <x-filament::button size="sm" color="danger" wire:click="refuserLaMission">Refuser</x-filament::button>
                                    </div>
                                @endif
                            </li>
                        @endforeach
                    </ul>
                @endif
            </div>
        @endif
    </x-filament::section>
    @endif

    {{-- ═══ v4.8.0 §E — Commerciales : l'ancien système, rangé là où on le cherche ═══════ --}}
    @if ($onglet === 'commerciales')
        <x-filament::section>
            <x-slot name="heading">Primes commerciales</x-slot>
            <x-slot name="description">
                X % du décompte encaissé, montant fixe à la soumission retenue… — les mêmes données que « Primes générées »,
                rangées ici. Rien n'est réécrit.
            </x-slot>
            <x-slot name="afterHeader">
                <x-filament::button tag="a" size="sm" color="gray" :href="\App\Filament\Admin\Resources\Bonuses\BonusResource::getUrl()">
                    Ouvrir Primes générées ›
                </x-filament::button>
            </x-slot>

            @if ($commerciales->isEmpty())
                <p class="text-sm text-gray-500 dark:text-gray-400">
                    Aucune prime commerciale générée — elles naissent des règles ci-dessous, à l'encaissement d'un décompte ou à une soumission retenue.
                </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">Bénéficiaire</th>
                                <th class="py-1 pr-3">Marché</th>
                                <th class="py-1 pr-3">Règle</th>
                                <th class="py-1 pr-3 text-right">Montant</th>
                                <th class="py-1 pr-3">Échéance</th>
                                <th class="py-1">État</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($commerciales as $bonus)
                                <tr class="border-t border-gray-100 dark:border-white/5">
                                    <td class="py-1.5 pr-3 font-medium text-gray-900 dark:text-white">{{ $bonus->beneficiaryName() }}</td>
                                    <td class="py-1.5 pr-3 text-gray-500 dark:text-gray-400">{{ $bonus->project?->libelle() ?? '—' }}</td>
                                    <td class="py-1.5 pr-3 text-xs text-gray-500 dark:text-gray-400">{{ $bonus->bonusRule?->readableSummary() ?? '—' }}</td>
                                    <td class="py-1.5 pr-3 text-right tabular-nums">{{ \App\Support\Money::format((float) $bonus->amount) }}</td>
                                    <td class="py-1.5 pr-3 tabular-nums">{{ $bonus->due_date?->format('d/m/Y') ?? '—' }}</td>
                                    <td class="py-1.5"><x-filament::badge :color="$bonus->status->color()" size="xs">{{ $bonus->status->label() }}</x-filament::badge></td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </x-filament::section>

        <x-filament::section>
            <x-slot name="heading">Règles de primes commerciales</x-slot>
            <x-slot name="description">ce qui déclenche une prime, sur quelle base, pour qui</x-slot>
            <x-slot name="afterHeader">
                <x-filament::button tag="a" size="sm" color="gray" :href="\App\Filament\Admin\Resources\BonusRules\BonusRuleResource::getUrl()">
                    Ouvrir Règles de primes ›
                </x-filament::button>
            </x-slot>

            @if ($regles->isEmpty())
                <p class="text-sm text-gray-500 dark:text-gray-400">Aucune règle de prime commerciale.</p>
            @else
                <ul class="space-y-1">
                    @foreach ($regles as $regle)
                        <li class="flex flex-wrap items-center gap-2 rounded-lg border border-gray-200 px-3 py-2 text-sm dark:border-white/10">
                            <span class="font-medium text-gray-900 dark:text-white">{{ $regle->name }}</span>
                            <span class="min-w-0 flex-1 text-xs text-gray-500 dark:text-gray-400">{{ $regle->readableSummary() }}</span>
                            <x-filament::badge :color="$regle->active ? 'success' : 'gray'" size="xs">{{ $regle->active ? 'active' : 'inactive' }}</x-filament::badge>
                        </li>
                    @endforeach
                </ul>
            @endif
        </x-filament::section>
    @endif

    {{-- ═══ v4.8.0 §E — Réglages : un lien-carte, pas un double formulaire ═══════════════ --}}
    @if ($onglet === 'reglages')
        <x-filament::section>
            <x-slot name="heading">Réglages des primes</x-slot>
            <x-slot name="description">
                Le barème du jour, la prime du mois (niveaux, série, joker, minimum de tâches, part du chef), le renfort et les
                heures sup vivent dans <strong>Réglages RH</strong> — un seul formulaire, pas deux.
                Un changement prend effet au 1ᵉʳ du mois suivant : le mois en cours garde sa photographie.
            </x-slot>

            <div class="flex flex-wrap gap-2">
                <x-filament::button tag="a" icon="heroicon-o-adjustments-horizontal" :href="\App\Filament\Admin\Pages\ReglagesPilotage::getUrl(panel: 'admin')">
                    Ouvrir Réglages RH
                </x-filament::button>
                <x-filament::button tag="a" color="gray" icon="heroicon-o-calculator" :href="\App\Filament\Admin\Pages\ReglagesPaie::getUrl(panel: 'admin')">
                    Majorations légales (Réglages paie)
                </x-filament::button>
            </div>
            <p class="mt-3 text-xs text-gray-500 dark:text-gray-400">
                La cible de chacun se règle sur sa fiche (Équipe → Collaborateurs).
            </p>
        </x-filament::section>
    @endif
</x-filament-panels::page>