{{--
    Aperçu d'une pièce en fenêtre modale : une balise iframe pour les PDF,
    une image pour les scans photo, et le renvoi au téléchargement pour tout
    le reste (Word, tableurs…), qu'aucun navigateur n'affiche en ligne.
--}}
@php
    $mime = (string) $document->mime;
    // L'affichage en ligne, et non le téléchargement : « Content-Disposition:
    // attachment » empêche justement le navigateur de rendre le fichier dans
    // un cadre, et l'aperçu restait vide.
    $url = route('client-document.inline', $document);
    // La sortie passe par le geste unique (v1.9.1 §E) : feuille de partage
    // native sur téléphone, téléchargement classique sur ordinateur — jamais
    // une navigation vers un « attachment », qui n'aboutit à rien en PWA iOS.
    $sortie = \App\Support\SortieDocument::gestionnaire(
        route('client-document.download', $document, absolute: false),
        $document->nom_lisible,
    );
    $estImage = str_starts_with($mime, 'image/');
    $estPdf = $mime === 'application/pdf'
        || str_ends_with(mb_strtolower((string) $document->original_name), '.pdf');
@endphp

<div class="space-y-3">
    @if ($estPdf)
        <iframe
            src="{{ $url }}#toolbar=1"
            title="Aperçu de {{ $document->original_name }}"
            class="h-[70vh] w-full rounded-lg border border-gray-200 bg-white dark:border-white/10"
        ></iframe>

        {{--
            Les deux sorties de la modale. « Partager ou enregistrer » remet le
            fichier au téléphone par sa feuille de partage (ou le télécharge,
            sur ordinateur) ; « Ouvrir en grand » passe par le lecteur — même
            onglet : il porte sa propre barre, Retour compris, et rend tout le
            document sur téléphone.
        --}}
        <div class="flex flex-wrap gap-2">
            <x-filament::button
                x-on:click="{{ $sortie }}"
                icon="heroicon-o-arrow-up-on-square"
                size="sm"
            >
                {{ \App\Support\SortieDocument::LIBELLE }}
            </x-filament::button>

            <x-filament::button
                tag="a"
                href="{{ \App\Support\Lecteur::ouvrir('client-document.inline', $document, $document->type_label) }}"
                color="gray"
                icon="heroicon-o-arrows-pointing-out"
                size="sm"
            >
                Ouvrir en grand
            </x-filament::button>
        </div>
    @elseif ($estImage)
        <img
            src="{{ $url }}"
            alt="Aperçu de {{ $document->original_name }}"
            class="mx-auto max-h-[70vh] w-auto rounded-lg border border-gray-200 object-contain dark:border-white/10"
        />
    @else
        <div class="rounded-lg border border-gray-200 bg-gray-50 p-6 text-center dark:border-white/10 dark:bg-white/5">
            <p class="text-sm text-gray-600 dark:text-gray-400">
                Ce format ne s'affiche pas dans le navigateur.
            </p>
            <button
                type="button"
                x-on:click="{{ $sortie }}"
                class="mt-2 inline-block text-sm font-medium text-primary-600 underline underline-offset-4 dark:text-primary-400"
            >
                {{ \App\Support\SortieDocument::LIBELLE }} — {{ $document->original_name }}
            </button>
        </div>
    @endif

    <dl class="grid grid-cols-2 gap-x-4 gap-y-1 text-sm sm:grid-cols-4">
        <div>
            <dt class="text-gray-500 dark:text-gray-400">Type</dt>
            <dd class="font-medium text-gray-900 dark:text-gray-100">{{ $document->type_label }}</dd>
        </div>
        <div>
            <dt class="text-gray-500 dark:text-gray-400">Fichier</dt>
            <dd class="truncate font-medium text-gray-900 dark:text-gray-100" title="{{ $document->original_name }}">
                {{ $document->original_name }}
            </dd>
        </div>
        <div>
            <dt class="text-gray-500 dark:text-gray-400">Date de la pièce</dt>
            <dd class="font-medium text-gray-900 dark:text-gray-100">
                {{ $document->date_piece?->format('d/m/Y') ?? '—' }}
            </dd>
        </div>
        <div>
            <dt class="text-gray-500 dark:text-gray-400">Taille</dt>
            <dd class="font-medium text-gray-900 dark:text-gray-100">{{ $document->taille_lisible }}</dd>
        </div>
    </dl>

    {{--
        Le cachet de la pièce, et l'autre version à côté. Un cachet apposé sur
        un PDF n'est pas une signature : la version sans cachet existe parce que
        certaines administrations exigent un cachet humide sur papier.
    --}}
    @if ($estPdf)
        <div class="flex flex-wrap items-center gap-x-3 gap-y-1 border-t border-gray-200 pt-3 text-sm dark:border-white/10">
            <span class="text-gray-500 dark:text-gray-400">
                {{ $document->cachet_appose ? 'Cette version porte le cachet.' : 'Cette version ne porte pas de cachet.' }}
            </span>

            @if ($document->saitSeRefaire())
                {{-- L'autre version se partage ou s'enregistre par le même
                     geste : recomposée à la volée, servie en pièce jointe. --}}
                <button
                    type="button"
                    x-on:click="{{ \App\Support\SortieDocument::gestionnaire(
                        route('client-document.autre-version', [$document, 'telecharger' => 1], absolute: false),
                        $document->nom_lisible.' — '.$document->autre_version_libelle,
                    ) }}"
                    class="font-medium text-primary-600 underline underline-offset-4 dark:text-primary-400"
                >
                    {{ \App\Support\SortieDocument::LIBELLE }} — {{ $document->autre_version_libelle }}
                </button>
            @endif
        </div>
    @endif
</div>