{{--
    v4.1.0 §C1 — LES FEUILLES de « Ma journée » : Terminé, Bloqué, report, nouvelle tâche, assigner.
    v4.4.0 §C1 — Trois de plus : l'objectif de la semaine, la publication d'une mission renfort et
    le pointage des heures d'un renfort le jour J.

    Une seule à la fois, montée du bas comme sur la maquette. Chaque champ est large, chaque bouton
    fait au moins 48 px de haut : cet écran se tient à une main, dans un couloir ou sur un chantier.
--}}
@php
    $champ = 'mt-1 block h-12 w-full rounded-xl border-gray-300 text-base shadow-sm focus:border-primary-500 focus:ring-primary-500 dark:border-white/20 dark:bg-white/5 dark:text-white';
    $etiquette = 'block text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400';
@endphp

@switch($feuille)
    {{-- ── Terminé : la PROPOSITION d'heures, modifiable ou refusable ────────────────────── --}}
    @case('terminer')
        <h3 class="text-base font-semibold text-gray-900 dark:text-white">✓ Tâche terminée</h3>
        <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">
            {{ $tache?->titre }} · {{ $tache?->libelleDuMarche() }}
        </p>

        <div class="mt-4">
            <label for="feuille-heures" class="{{ $etiquette }}">
                Heures à pointer sur {{ $tache?->libelleDuMarche() }}
            </label>
            <p class="mt-1 text-xs font-normal text-gray-500 dark:text-gray-400">
                Proposé : l'écart entre « Commencer » et maintenant ({{ $tache?->dureeLisible() }}),
                arrondi au quart d'heure. Vous pouvez l'ajuster, ou ne rien pointer du tout.
            </p>
            <input id="feuille-heures" type="number" inputmode="decimal" step="0.25" min="0" max="24"
                   wire:model="saisie.heures" class="{{ $champ }} text-center text-2xl font-semibold tabular-nums" />
        </div>

        <div class="mt-5 grid gap-2 sm:grid-cols-2">
            <x-filament::button wire:click="pointerEtTerminer" size="lg" class="h-12 w-full justify-center">
                Pointer
            </x-filament::button>
            <x-filament::button wire:click="terminerSansHeures" color="gray" size="lg" class="h-12 w-full justify-center">
                Sans heures
            </x-filament::button>
        </div>
        @break

    {{-- ── Bloqué : le motif est OBLIGATOIRE ─────────────────────────────────────────────── --}}
    @case('bloquer')
        <h3 class="text-base font-semibold text-gray-900 dark:text-white">⛔ Bloqué</h3>
        <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">
            {{ $tache?->titre }} — le motif est obligatoire ; votre chef de marché et la gérance
            sont prévenus tout de suite.
        </p>

        <div class="mt-4">
            <label for="feuille-motif" class="{{ $etiquette }}">Motif</label>
            <select id="feuille-motif" wire:model="saisie.motif" class="{{ $champ }}">
                <option value="">— choisir —</option>
                @foreach ($motifsDeBlocage as $valeur => $libelle)
                    <option value="{{ $valeur }}">{{ $libelle }}</option>
                @endforeach
            </select>
        </div>

        <div class="mt-3">
            <label for="feuille-detail" class="{{ $etiquette }}">Précision</label>
            <textarea id="feuille-detail" rows="2" wire:model="saisie.detail"
                      placeholder="Ex. : en attente des photos du conseil"
                      class="mt-1 block w-full rounded-xl border-gray-300 text-base shadow-sm focus:border-primary-500 focus:ring-primary-500 dark:border-white/20 dark:bg-white/5 dark:text-white"></textarea>
        </div>

        <div class="mt-5 grid gap-2 sm:grid-cols-2">
            <x-filament::button wire:click="declarerBloquee" color="danger" size="lg" class="h-12 w-full justify-center">
                Déclarer bloqué
            </x-filament::button>
            <x-filament::button wire:click="fermerLaFeuille" color="gray" size="lg" class="h-12 w-full justify-center">
                Annuler
            </x-filament::button>
        </div>
        @break

    {{-- ── Report : une DEMANDE sur une tâche reçue, un déplacement sur la sienne ────────── --}}
    @case('report')
        <h3 class="text-base font-semibold text-gray-900 dark:text-white">
            {{ $tache?->estRecue() ? 'Demander un report' : 'Déplacer la tâche' }}
        </h3>
        <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">
            {{ $tache?->titre }} —
            @if ($tache?->estRecue())
                elle vous a été confiée : l'échéance ne bougera pas tant que l'assignant n'aura pas
                tranché.
            @else
                c'est votre tâche : elle bouge tout de suite.
            @endif
        </p>

        <div class="mt-4">
            <label for="feuille-echeance" class="{{ $etiquette }}">Nouvelle échéance</label>
            <input id="feuille-echeance" type="date" wire:model="saisie.echeance" class="{{ $champ }}" />
        </div>

        @if ($tache?->estRecue())
            <div class="mt-3">
                <label for="feuille-report-motif" class="{{ $etiquette }}">Motif</label>
                <textarea id="feuille-report-motif" rows="2" wire:model="saisie.motif"
                          placeholder="Ex. : les photos du conseil arrivent jeudi"
                          class="mt-1 block w-full rounded-xl border-gray-300 text-base shadow-sm focus:border-primary-500 focus:ring-primary-500 dark:border-white/20 dark:bg-white/5 dark:text-white"></textarea>
            </div>
        @endif

        <div class="mt-5 grid gap-2 sm:grid-cols-2">
            <x-filament::button wire:click="envoyerLeReport" size="lg" class="h-12 w-full justify-center">
                {{ $tache?->estRecue() ? 'Envoyer la demande' : 'Déplacer' }}
            </x-filament::button>
            <x-filament::button wire:click="fermerLaFeuille" color="gray" size="lg" class="h-12 w-full justify-center">
                Annuler
            </x-filament::button>
        </div>
        @break

    {{-- ── ＋ Nouvelle tâche pour moi : personne n'est notifié ────────────────────────────── --}}
    @case('nouvelle')
        <h3 class="text-base font-semibold text-gray-900 dark:text-white">＋ Nouvelle tâche pour moi</h3>
        <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">
            Responsable : vous. L'échéance est obligatoire. Votre chef la verra dans « Mon équipe »
            et la direction dans le cockpit — sans notification.
        </p>

        <div class="mt-4">
            <label for="feuille-titre" class="{{ $etiquette }}">Titre</label>
            <input id="feuille-titre" type="text" wire:model="saisie.titre"
                   placeholder="Ex. : Envoyer les visuels au président" class="{{ $champ }}" />
        </div>

        <div class="mt-3">
            <label for="feuille-marche" class="{{ $etiquette }}">Marché</label>
            <select id="feuille-marche" wire:model="saisie.marche" class="{{ $champ }}">
                @foreach ($marchesProposes as $valeur => $libelle)
                    <option value="{{ $valeur }}">{{ $libelle }}</option>
                @endforeach
            </select>
        </div>

        <div class="mt-3 grid gap-3 sm:grid-cols-2">
            <div>
                <label for="feuille-n-echeance" class="{{ $etiquette }}">Échéance</label>
                <input id="feuille-n-echeance" type="date" wire:model="saisie.echeance" class="{{ $champ }}" />
            </div>
            <div>
                <label for="feuille-n-prevu" class="{{ $etiquette }}">Prévu le</label>
                <input id="feuille-n-prevu" type="date" wire:model="saisie.prevu_le" class="{{ $champ }}" />
            </div>
        </div>

        <div class="mt-5 grid gap-2 sm:grid-cols-2">
            <x-filament::button wire:click="enregistrerMaTache" size="lg" class="h-12 w-full justify-center">
                Enregistrer
            </x-filament::button>
            <x-filament::button wire:click="fermerLaFeuille" color="gray" size="lg" class="h-12 w-full justify-center">
                Annuler
            </x-filament::button>
        </div>
        @break

    {{-- ── ＋ Assigner une tâche : son équipe et ses marchés seulement ────────────────────── --}}
    @case('assigner')
        <h3 class="text-base font-semibold text-gray-900 dark:text-white">＋ Assigner une tâche</h3>
        <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">
            Votre équipe et vos marchés seulement. Le collaborateur reçoit un push et la voit
            « nouvelle » jusqu'à son premier geste.
        </p>

        <div class="mt-4">
            <label for="feuille-a-qui" class="{{ $etiquette }}">Responsable</label>
            <select id="feuille-a-qui" wire:model="saisie.responsable" class="{{ $champ }}">
                <option value="">— choisir —</option>
                @foreach ($equipeProposee as $valeur => $libelle)
                    <option value="{{ $valeur }}">{{ $libelle }}</option>
                @endforeach
            </select>
        </div>

        <div class="mt-3">
            <label for="feuille-a-titre" class="{{ $etiquette }}">Titre</label>
            <input id="feuille-a-titre" type="text" wire:model="saisie.titre" class="{{ $champ }}" />
        </div>

        <div class="mt-3">
            <label for="feuille-a-marche" class="{{ $etiquette }}">Marché</label>
            <select id="feuille-a-marche" wire:model="saisie.marche" class="{{ $champ }}">
                @foreach ($marchesProposes as $valeur => $libelle)
                    <option value="{{ $valeur }}">{{ $libelle }}</option>
                @endforeach
            </select>
        </div>

        <div class="mt-3 grid gap-3 sm:grid-cols-2">
            <div>
                <label for="feuille-a-echeance" class="{{ $etiquette }}">Échéance</label>
                <input id="feuille-a-echeance" type="date" wire:model="saisie.echeance" class="{{ $champ }}" />
            </div>
            <div>
                <label for="feuille-a-prevu" class="{{ $etiquette }}">Prévu le</label>
                <input id="feuille-a-prevu" type="date" wire:model="saisie.prevu_le" class="{{ $champ }}" />
            </div>
        </div>

        <label class="mt-3 flex items-center gap-2 text-sm text-gray-700 dark:text-gray-300">
            <input type="checkbox" wire:model="saisie.livrable"
                   class="h-5 w-5 rounded border-gray-300 text-primary-600 focus:ring-primary-500 dark:border-white/20 dark:bg-white/5" />
            Livrable — à « Terminé », il passera en attente de votre validation
        </label>

        <div class="mt-5 grid gap-2 sm:grid-cols-2">
            <x-filament::button wire:click="assignerUneTache" size="lg" class="h-12 w-full justify-center">
                Assigner
            </x-filament::button>
            <x-filament::button wire:click="fermerLaFeuille" color="gray" size="lg" class="h-12 w-full justify-center">
                Annuler
            </x-filament::button>
        </div>
        @break

    {{-- ── L'objectif d'équipe de la semaine (v4.4.0 §B3) ─────────────────────────────────── --}}
    @case('objectif')
        <h3 class="text-base font-semibold text-gray-900 dark:text-white">🎯 Objectif de la semaine</h3>
        <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">
            Un objectif qui se vérifie : « 3 livrables rendus » se compte, « faire mieux » non.
            Le vendredi, vous le marquez atteint et chaque membre du marché gagne ses points.
        </p>

        <div class="mt-4">
            <label for="feuille-o-marche" class="{{ $etiquette }}">Marché</label>
            <select id="feuille-o-marche" wire:model="saisie.marche" class="{{ $champ }}">
                @foreach ($marchesProposes as $valeur => $libelle)
                    <option value="{{ $valeur }}">{{ $libelle }}</option>
                @endforeach
            </select>
        </div>

        <div class="mt-3">
            <label for="feuille-o-libelle" class="{{ $etiquette }}">L'objectif</label>
            <input id="feuille-o-libelle" type="text" wire:model="saisie.libelle" class="{{ $champ }}"
                   placeholder="3 livrables rendus cette semaine" />
        </div>

        <div class="mt-5 grid gap-2 sm:grid-cols-2">
            <x-filament::button wire:click="enregistrerLObjectif" size="lg" class="h-12 w-full justify-center">
                Fixer l'objectif
            </x-filament::button>
            <x-filament::button wire:click="fermerLaFeuille" color="gray" size="lg" class="h-12 w-full justify-center">
                Annuler
            </x-filament::button>
        </div>
        @break

    {{-- ── Publier une mission renfort (v4.4.0 §B6) ───────────────────────────────────────── --}}
    @case('renfort')
        <h3 class="text-base font-semibold text-gray-900 dark:text-white">🌙 ＋ Mission de renfort</h3>
        <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">
            Le type — soir, week-end ou jour férié — se déduit de la date : il ne se choisit pas.
            L'équipe du marché la verra comme une quête, avec ce qu'elle rapporte affiché avant
            d'accepter. Les stagiaires n'en reçoivent jamais.
        </p>

        <div class="mt-4">
            <label for="feuille-r-marche" class="{{ $etiquette }}">Marché</label>
            <select id="feuille-r-marche" wire:model="saisie.marche" class="{{ $champ }}">
                @foreach ($marchesProposes as $valeur => $libelle)
                    <option value="{{ $valeur }}">{{ $libelle }}</option>
                @endforeach
            </select>
        </div>

        <div class="mt-3 grid gap-3 sm:grid-cols-3">
            <div>
                <label for="feuille-r-date" class="{{ $etiquette }}">Date</label>
                <input id="feuille-r-date" type="date" wire:model="saisie.date" class="{{ $champ }}" />
            </div>
            <div>
                <label for="feuille-r-heure" class="{{ $etiquette }}">Début</label>
                <input id="feuille-r-heure" type="time" wire:model="saisie.heure_debut" class="{{ $champ }}" />
            </div>
            <div>
                <label for="feuille-r-heures" class="{{ $etiquette }}">Heures prévues</label>
                <input id="feuille-r-heures" type="number" inputmode="decimal" step="0.25" min="0" max="24"
                       wire:model="saisie.heures" class="{{ $champ }} text-center tabular-nums" />
            </div>
        </div>

        <div class="mt-3">
            <label for="feuille-r-motif" class="{{ $etiquette }}">Pourquoi</label>
            <textarea id="feuille-r-motif" rows="2" wire:model="saisie.motif"
                      class="mt-1 block w-full rounded-xl border-gray-300 text-base shadow-sm focus:border-primary-500 focus:ring-primary-500 dark:border-white/20 dark:bg-white/5 dark:text-white"
                      placeholder="Personne ne vient un dimanche sans savoir pourquoi."></textarea>
        </div>

        <div class="mt-5 grid gap-2 sm:grid-cols-2">
            <x-filament::button wire:click="publierUneMission" size="lg" class="h-12 w-full justify-center">
                Publier la mission
            </x-filament::button>
            <x-filament::button wire:click="fermerLaFeuille" color="gray" size="lg" class="h-12 w-full justify-center">
                Annuler
            </x-filament::button>
        </div>
        @break

    {{-- ── Pointer les heures d'un renfort, le jour J (v4.4.0 §C1 b) ──────────────────────── --}}
    @case('pointer_renfort')
        <h3 class="text-base font-semibold text-gray-900 dark:text-white">🌙 Mes heures de renfort</h3>
        <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">
            Le jour et la nuit se saisissent séparément : la loi ne les majore pas de la même
            façon. La nuit court de 21 h à 6 h.
        </p>

        <div class="mt-4 grid gap-3 sm:grid-cols-2">
            <div>
                <label for="feuille-rp-jour" class="{{ $etiquette }}">Heures de jour</label>
                <input id="feuille-rp-jour" type="number" inputmode="decimal" step="0.25" min="0" max="24"
                       wire:model="saisie.renfort_jour" class="{{ $champ }} text-center text-2xl font-semibold tabular-nums" />
            </div>
            <div>
                <label for="feuille-rp-nuit" class="{{ $etiquette }}">Heures de nuit</label>
                <input id="feuille-rp-nuit" type="number" inputmode="decimal" step="0.25" min="0" max="24"
                       wire:model="saisie.renfort_nuit" class="{{ $champ }} text-center text-2xl font-semibold tabular-nums" />
            </div>
        </div>

        <div class="mt-5 grid gap-2 sm:grid-cols-2">
            <x-filament::button wire:click="pointerLeRenfort({{ (int) $feuilleTache }})" size="lg" class="h-12 w-full justify-center">
                Pointer
            </x-filament::button>
            <x-filament::button wire:click="fermerLaFeuille" color="gray" size="lg" class="h-12 w-full justify-center">
                Annuler
            </x-filament::button>
        </div>
        @break
@endswitch