@php $isOutbound = $msg->direction === 'outbound'; @endphp
<div class="d-flex {{ $isOutbound ? 'justify-content-end' : 'justify-content-start' }} mb-2">
    <div class="p-2 px-3 rounded-3 {{ $isOutbound ? 'bg-primary text-white' : 'bg-light border' }}"
         style="max-width: 75%;">
        <div>{{ $msg->body }}</div>
        <div class="small {{ $isOutbound ? 'text-white-50' : 'text-muted' }} mt-1 d-flex align-items-center gap-1">
            {{ $msg->created_at->format('M d H:i') }}
            @if($isOutbound)
                @if($msg->status === 'delivered') <span title="Delivered">&#10003;&#10003;</span>
                @elseif($msg->status === 'sent') <span title="Sent">&#10003;</span>
                @elseif(in_array($msg->status, ['failed','undelivered'])) <span title="Failed" class="text-warning">&#10007;</span>
                @endif
            @endif
        </div>
    </div>
</div>