{{--
    Un message reçu, ouvert depuis la boîte de réception.
    Le HTML a été nettoyé au rangement (liste de balises fermée, aucun script) ;
    les images distantes restent bloquées tant que le lecteur ne les demande
    pas — elles servent au pistage. Les pièces jointes passent par une route
    authentifiée sur le disque privé, jamais servies brutes.
--}}
@php
    use App\Domaines\Courrier\Support\NettoyeurHtmlEntrant;

    $html = NettoyeurHtmlEntrant::pourAffichage((string) $courrier->corps_html, $avecImages);
    $contientImagesDistantes = preg_match('/<img\b[^>]*\bsrc\s*=\s*["\'](?!data:)/i', (string) $courrier->corps_html) === 1;
@endphp

<div class="space-y-4">
    <div class="text-sm text-gray-500 dark:text-gray-400">
        <p><span class="font-medium text-gray-900 dark:text-gray-100">De :</span> {{ $courrier->expediteur }}</p>
        <p><span class="font-medium text-gray-900 dark:text-gray-100">Reçu le :</span> {{ $courrier->created_at?->format('d/m/Y à H:i') }}</p>
        @if ($courrier->client)
            <p><span class="font-medium text-gray-900 dark:text-gray-100">Dossier :</span> {{ $courrier->client->raison_sociale }}</p>
        @endif
    </div>

    @if ($contientImagesDistantes && ! $avecImages)
        <button
            type="button"
            wire:click="afficherLesImages({{ $courrier->id }})"
            class="rounded-lg border border-gray-300 px-3 py-1.5 text-sm font-medium text-gray-700 transition hover:bg-gray-50 dark:border-white/20 dark:text-gray-200 dark:hover:bg-white/5"
        >
            Afficher les images
        </button>
    @endif

    <div class="prose prose-sm max-w-none rounded-xl border border-gray-200 bg-white p-4 dark:border-white/10 dark:bg-white dark:text-gray-900">
        {!! $html !!}
    </div>

    @if (($courrier->pieces_meta ?? []) !== [])
        <div>
            <p class="mb-2 text-sm font-medium text-gray-900 dark:text-gray-100">Pièces jointes</p>
            <ul class="space-y-1">
                @foreach ($courrier->pieces_meta as $index => $piece)
                    @php
                        // v1.9.1 §E — la pièce sort par le geste unique : la
                        // feuille de partage native sur téléphone, le
                        // téléchargement classique sur ordinateur. Une
                        // navigation vers un « attachment » n'aboutit à rien
                        // en PWA iOS.
                        $sortiePiece = \App\Support\SortieDocument::gestionnaire(
                            route('courrier.piece', ['courrier' => $courrier, 'index' => $index], absolute: false),
                            (string) $piece['nom'],
                        );
                    @endphp
                    <li class="flex items-center gap-2 text-sm">
                        <x-filament::icon icon="heroicon-o-paper-clip" class="h-4 w-4 text-gray-400" />
                        @if ($piece['chemin'] ?? null)
                            <button
                                type="button"
                                x-on:click="{{ $sortiePiece }}"
                                class="font-medium text-primary-600 underline underline-offset-4 dark:text-primary-400"
                            >{{ $piece['nom'] }}</button>
                        @else
                            <span class="text-gray-600 dark:text-gray-300">{{ $piece['nom'] }}</span>
                            <span class="text-xs text-gray-400">— au-delà du plafond de relève, récupération à la demande</span>
                            <button
                                type="button"
                                x-on:click="{{ $sortiePiece }}"
                                class="font-medium text-primary-600 underline underline-offset-4 dark:text-primary-400"
                            >{{ \App\Support\SortieDocument::LIBELLE }}</button>
                        @endif
                        <span class="text-xs text-gray-400">{{ $piece['taille'] > 0 ? number_format($piece['taille'] / 1024, 0, ',', ' ').' Ko' : '' }}</span>
                    </li>
                @endforeach
            </ul>
        </div>
    @endif
</div>