@forelse($order->messages as $message)
    <div class="flex {{ $message->is_admin ? (Auth::user()->is_admin ? 'justify-end' : 'justify-start') : (Auth::user()->is_admin ? 'justify-start' : 'justify-end') }} mb-4">

        <div class="max-w-[80%] rounded-2xl px-4 py-2 shadow-sm border
            {{ $message->is_admin
                ? (Auth::user()->is_admin ? 'bg-primary text-white' : 'bg-white border-gray-200 text-gray-800')
                : (Auth::user()->is_admin ? 'bg-white border-gray-200 text-gray-800' : 'bg-blue-600 text-white')
            }}">

            <p class="text-sm">{{ $message->content }}</p>
            <div class="text-xs mt-1 text-right opacity-70">
                {{ $message->created_at->format('H:i') }}
            </div>
        </div>
    </div>
@empty
    <div class="text-center text-gray-400 py-10">
        <p>Aucun message pour le moment.</p>
    </div>
@endforelse