@php
    $lastDate      = null;
    $lastSessionId = null;
@endphp

@foreach ($messages as $msg)
    @php
        $msgDate    = $msg->created_at->toDateString();
        $isOutbound = $msg->direction === 'outbound';
        $session    = $msg->session;
    @endphp

    @if ($msg->session_id !== $lastSessionId)
        @php
            $sessionStart = $session->created_at->format('d M Y, H:i');
            $sessionEnd   = $session->window_expires_at
                ? $session->window_expires_at->format('d M Y, H:i')
                : '—';
            $shortId = substr($session->uuid, 0, 8);
        @endphp
        <div class="session-divider" data-session-divider="{{ $msg->session_id }}">
            <div class="session-divider-line"></div>
            <div class="session-divider-label">
                #{{ $shortId }} &nbsp;·&nbsp; {{ $sessionStart }} → {{ $sessionEnd }}
            </div>
            <div class="session-divider-line"></div>
        </div>
        @php $lastSessionId = $msg->session_id; $lastDate = null; @endphp
    @endif

    @if ($msgDate !== $lastDate)
        <div class="day-divider">
            <span>
                @if ($msg->created_at->isToday()) Today
                @elseif ($msg->created_at->isYesterday()) Yesterday
                @else {{ $msg->created_at->format('d M Y') }}
                @endif
            </span>
        </div>
        @php $lastDate = $msgDate; @endphp
    @endif

    <div class="message-row {{ $isOutbound ? 'outbound' : 'inbound' }}"
         data-msg-id="{{ $msg->id }}"
         data-session-id="{{ $msg->session_id }}">
        <div class="bubble {{ $isOutbound ? 'outbound' : 'inbound' }}">
            @if ($isOutbound && $msg->message_type === 'template')
                @php
                    $decoded = json_decode($msg->content, true);
                    $tplName = $decoded['template_name'] ?? $msg->content;
                @endphp
                <span class="template-pill">
                    <i class="bi bi-layout-text-sidebar-reverse"></i>
                    {{ $tplName }}
                </span>
            @else
                {{ $msg->content }}
            @endif

            <div class="bubble-meta {{ $isOutbound ? 'outbound' : 'inbound' }}">
                <span>{{ $msg->created_at->format('H:i') }}</span>
                @if ($isOutbound)
                    @if ($msg->status === 'pending')
                        <i class="bi bi-clock status-icon" title="Pending"></i>
                    @elseif ($msg->status === 'sent')
                        <i class="bi bi-check status-icon" title="Sent"></i>
                    @elseif ($msg->status === 'delivered')
                        <i class="bi bi-check-all status-icon delivered" title="Delivered"></i>
                    @elseif ($msg->status === 'read')
                        <i class="bi bi-check-all status-icon read" title="Read"></i>
                    @elseif ($msg->status === 'failed')
                        <i class="bi bi-exclamation-circle-fill status-icon failed" title="Failed"></i>
                    @endif
                @endif
            </div>
        </div>
    </div>
@endforeach