@php
    $thread = $getRecord();
    $clientName = optional($thread->client)->name ?? 'Cliente';
@endphp

<div class="space-y-4 px-4 py-2">
    @foreach($thread->messages()->orderBy('created_at')->get() as $m)
        @php
            $isAdmin = $m->sender_type === 'admin';
            $meta = ($isAdmin ? 'Suporte ADMIN' : $clientName)
                .' · '.$m->created_at->format('d/m H:i');
        @endphp

        <div class="flex {{ $isAdmin ? 'justify-end' : 'justify-start' }}">
            @if(! $isAdmin)
                <div class="mr-3 h-8 w-8 rounded-full flex items-center justify-center text-[10px] text-white"
                     style="background-color:#4b5563;">
                    {{ mb_substr($clientName, 0, 1) }}
                </div>
            @endif

            <div class="flex flex-col max-w-md gap-0.5">
                <div class="inline-block rounded-lg px-3 py-1.5 text-sm"
                     @if($isAdmin)
                         style="background-color:#B19B7D;color:#fff;margin-right:0.5rem;"
                     @else
                         style="background-color:#e5e7eb;color:#111827;margin-left:0.5rem;"
                    @endif
                >
                    {{ $m->message }}
                </div>

                <span class="text-[10px] leading-tight"
                      style="color:#9ca3af; {{ $isAdmin ? 'text-align:right;margin-right:0.5rem;' : 'text-align:left;margin-left:0.5rem;' }}">
                    {{ $meta }}
                </span>
            </div>

            @if($isAdmin)
                <div class="ml-3 h-8 w-8 rounded-full flex items-center justify-center text-[10px] text-white"
                     style="background-color:#B19B7D;">
                    SA
                </div>
            @endif
        </div>
    @endforeach
</div>