@php
    $isMine = (int) $message->sender_id === (int) $userId;
    $senderName = $message->sender?->username
        ?: trim(($message->sender?->first_name ?? '') . ' ' . ($message->sender?->last_name ?? ''))
        ?: 'Unknown';
@endphp

<div class="d-flex message-row {{ $isMine ? 'justify-content-end' : 'justify-content-start' }}">
    <div>
        @if(!$isMine)
            <small class="text-muted d-block mb-1 ms-2">
                {{ $senderName }}
            </small>
        @endif

        <div class="message-bubble {{ $isMine ? 'message-mine' : 'message-theirs' }}">
            {!! nl2br(e($message->message)) !!}
        </div>

        <div class="message-time {{ $isMine ? 'text-end me-2' : 'ms-2' }}">
            <i class="fas fa-clock me-1" style="font-size:10px;"></i>
            {{ $message->created_at?->format('M d, Y H:i') ?? 'N/A' }}
            @if($isMine)
                @if($message->is_read)
                    <i class="fas fa-check-double ms-1 text-primary" title="Read" style="font-size:11px;"></i>
                @else
                    <i class="fas fa-check ms-1 text-muted" title="Sent" style="font-size:11px;"></i>
                @endif
            @endif
        </div>
    </div>
</div>