{{--
    v3.2.1 §4 — Un échange se lit d'un bloc, pas ligne par ligne dans un tableau trié par date.

    Les messages sortants sont alignés à droite, les reçus à gauche : c'est la convention de toutes
    les messageries, et elle se comprend sans légende. Le message d'où l'on vient est encadré, pour
    qu'on ne perde pas le fil en ouvrant le fil.
--}}
<div class="space-y-3">
    @foreach ($messages as $message)
        @php
            $sortant = ! $message->estEntrant();
            $estCourant = $message->is($courant);
        @endphp

        <div @class(['flex', 'justify-end' => $sortant, 'justify-start' => ! $sortant])>
            <div @class([
                'max-w-[85%] rounded-lg border px-4 py-3 text-sm',
                'bg-primary-50 border-primary-200 dark:bg-primary-950/40 dark:border-primary-800' => $sortant,
                'bg-gray-50 border-gray-200 dark:bg-gray-800 dark:border-gray-700' => ! $sortant,
                'ring-2 ring-primary-500' => $estCourant,
            ])>
                <div class="mb-1 flex flex-wrap items-baseline gap-x-2 text-xs text-gray-500 dark:text-gray-400">
                    <span class="font-medium text-gray-700 dark:text-gray-200">
                        {{ $sortant ? ($message->expediteur ?: 'Nous') : ($message->expediteur ?: 'Correspondant') }}
                    </span>
                    <span>
                        {{ optional($message->envoye_at ?? $message->created_at)->format('d/m/Y à H\hi') }}
                    </span>
                    <span>· {{ $message->statut_label }}</span>
                </div>

                @if (filled($message->objet))
                    <p class="mb-1 font-medium text-gray-900 dark:text-white">{{ $message->objet }}</p>
                @endif

                <p class="mb-2 text-xs text-gray-500 dark:text-gray-400">{{ $message->destinataires_lisibles }}</p>

                <div class="prose prose-sm max-w-none dark:prose-invert">
                    {!! \App\Support\NettoyeurHtmlEntrant::pourAffichage(
                        (string) ($message->corps_html ?: nl2br(e((string) $message->corps_texte))),
                    ) !!}
                </div>
            </div>
        </div>
    @endforeach
</div>