{{-- v4.2.0 §C2 — « Voir un livrable » : la fiche telle que le client la lit.
     Ni notes internes, ni tâche liée, ni statut de production : cet écran ne les demande pas. --}}
@php
    $livrable = $this->fiche();
    $version = $livrable?->versionCourante();
    $etiquette = 'block text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400';
@endphp

<x-filament-panels::page>
    @if ($livrable === null)
        <x-filament::section>
            <p class="py-6 text-center text-sm text-gray-500 dark:text-gray-400">Livrable introuvable.</p>
        </x-filament::section>
    @else
        <x-espace-client.carte titre="Le livrable">
            <x-espace-client.ligne tete="REF" :titre="$livrable->titre"
                :meta="trim(($livrable->poste?->numero ? 'Poste '.$livrable->poste->numero.' · '.$livrable->poste->libelle : 'Sans poste').' · version '.$livrable->version_courante, ' ·')">
                <x-espace-client.pastille :ton="$livrable->statut->color()">
                    {{ $livrable->statut->libelleClient() ?? 'En préparation' }}
                </x-espace-client.pastille>
            </x-espace-client.ligne>

            @if ($livrable->remis_le)
                <x-espace-client.ligne tete="DATE" titre="Remis"
                    :meta="'Le '.$livrable->remis_le->format('d/m/Y').($this->reponseAttendueLe() ? ' · réponse souhaitée avant le '.$this->reponseAttendueLe() : '')" />
            @endif

            @if ($livrable->lien_drive)
                <x-espace-client.ligne tete="LIEN" titre="Dossier du livrable" :meta="$livrable->lien_drive">
                    <a href="{{ $livrable->lien_drive }}" target="_blank" rel="noopener"
                       class="inline-flex h-8 items-center rounded-lg border border-gray-300 px-3 text-xs font-medium text-gray-700 dark:border-white/20 dark:text-gray-200">Ouvrir ↗</a>
                </x-espace-client.ligne>
            @endif
        </x-espace-client.carte>

        <x-espace-client.carte titre="Fichiers de la version courante">
            @forelse ($version?->fichiers ?? [] as $fichier)
                <x-espace-client.ligne tete="FIC" :titre="$fichier['nom'] ?? ($fichier['valeur'] ?? 'Document')"
                    :meta="$fichier['type'] ?? 'fichier'">
                    @if (($fichier['type'] ?? '') === 'lien')
                        <a href="{{ $fichier['valeur'] }}" target="_blank" rel="noopener"
                           class="inline-flex h-8 items-center rounded-lg border border-gray-300 px-3 text-xs font-medium text-gray-700 dark:border-white/20 dark:text-gray-200">Ouvrir ↗</a>
                    @endif
                </x-espace-client.ligne>
            @empty
                <x-espace-client.vide>Aucun fichier n'est rattaché à cette version.</x-espace-client.vide>
            @endforelse
        </x-espace-client.carte>

        <x-espace-client.carte titre="Historique des versions" :compteur="$livrable->versions->count()">
            @forelse ($livrable->versions as $v)
                <x-espace-client.ligne :tete="'v'.$v->numero" :titre="'Version '.$v->numero"
                    :meta="'Remise le '.$v->remis_le?->format('d/m/Y').($v->reference_bordereau ? ' · bordereau '.$v->reference_bordereau : '').($v->remarques ? ' · remarques le '.$v->remarques_le?->format('d/m/Y') : '')" />
            @empty
                <x-espace-client.vide>Rien n'a encore été remis.</x-espace-client.vide>
            @endforelse
        </x-espace-client.carte>

        <x-espace-client.carte titre="Décisions" :compteur="$livrable->decisions->count()"
            pied="Chaque décision est confirmée par un e-mail horodaté envoyé aux deux parties.">
            @forelse ($livrable->decisions as $decision)
                <x-espace-client.ligne tete="DEC" :titre="$decision->phrase()" :meta="$decision->commentaire">
                    <x-espace-client.pastille :ton="$decision->decision->color()">{{ $decision->decision->label() }}</x-espace-client.pastille>
                </x-espace-client.ligne>
            @empty
                <x-espace-client.vide>Aucune décision pour le moment.</x-espace-client.vide>
            @endforelse
        </x-espace-client.carte>

        @if ($this->peutDecider())
            @if ($panneau === 'decision')
                <x-filament::section>
                    <x-slot name="heading">Votre décision</x-slot>
                    <x-slot name="description">
                        {{ \App\Enums\EspaceClient\TypeDecision::from($saisie['decision'])->label() }} —
                        un e-mail horodaté part aux deux parties dès l'enregistrement.
                    </x-slot>

                    <div>
                        <label for="fl-commentaire" class="{{ $etiquette }}">Commentaire</label>
                        <x-filament::input.wrapper class="mt-1">
                            <textarea id="fl-commentaire" rows="4" wire:model="saisie.commentaire"
                                      class="fi-input block w-full border-none bg-transparent px-3 py-1.5 text-base outline-none sm:text-sm"></textarea>
                        </x-filament::input.wrapper>
                    </div>

                    <div class="mt-4 flex gap-2">
                        <x-filament::button wire:click="enregistrerLaDecision">Envoyer ma décision</x-filament::button>
                        <x-filament::button color="gray" wire:click="fermerLePanneau">Annuler</x-filament::button>
                    </div>
                </x-filament::section>
            @else
                <div class="flex flex-wrap gap-2">
                    <x-filament::button color="gray" wire:click="ouvrirLaDecision('corrections')">Demander des modifications</x-filament::button>
                    <x-filament::button wire:click="ouvrirLaDecision('valide')">Valider</x-filament::button>
                </div>
            @endif
        @endif
    @endif
</x-filament-panels::page>