@foreach ($chamado->attachments as $att)
    @php $isImg = str_starts_with($att->mime_type ?? '', 'image/'); @endphp
    @if ($isImg)
        <button type="button" class="chat-img-thumb"
            data-src="{{ Storage::url($att->path) }}"
            data-name="{{ $att->filename ?? basename($att->path) }}"
            style="background:none;border:none;padding:0;cursor:zoom-in;border-radius:6px;overflow:hidden;max-width:220px;display:block;">
            <img src="{{ Storage::url($att->path) }}" style="max-width:100%;border-radius:4px;display:block;">
        </button>
    @else
        <a href="{{ Storage::url($att->path) }}" download style="display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;background:var(--dm-surface-2);border:1px solid var(--dm-border);border-radius:6px;text-decoration:none;color:var(--dm-text);font-size:.78rem;max-width:220px;">
            <i class="bi bi-file-earmark-arrow-down" style="font-size:1.1rem;flex-shrink:0;"></i>
            <span style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">{{ $att->filename }}</span>
        </a>
    @endif
@endforeach

@if ($chamado->acompanhamentos->isEmpty() && $chamado->solutions->isEmpty())
    <div style="display:flex;align-items:center;justify-content:center;flex:1;color:var(--dm-text-muted);font-size:.82rem;flex-direction:column;gap:.5rem;">
        <i class="bi bi-chat-right-dots" style="font-size:1.5rem;"></i>
        Nenhum acompanhamento ainda.
    </div>
@endif

{{-- Acompanhamentos e soluções na mesma linha do tempo, estritamente por data.
     Antes eram dois loops, o que jogava toda solução para o fim do chat. --}}
@foreach (\App\Models\Chamado::linhaDoTempo($chamado->acompanhamentos, $chamado->solutions) as $entrada)
@if ($entrada['tipo'] === 'acompanhamento')
    @php
        $acompanha = $entrada['item'];
        $hasAtt = $acompanha->attachments->isNotEmpty();
        $hasTxt = !empty(trim(strip_tags($acompanha['content'] ?? '')));
        $isMe   = $acompanha['status'] > 2;
        $nome   = $isMe ? 'Você' : (isset($tec[$acompanha['users_id']]) ? explode(' ', $tec[$acompanha['users_id']])[0] : 'Suporte');
        $foto   = \App\Helpers\UserHelper::photoUrl(
            $isMe ? Auth::user()?->info?->photo : $acompanha->user?->info?->photo
        );
        $hora   = date('d/m H:i', strtotime($acompanha['date_creation']));
    @endphp
    <div style="display:flex;gap:.6rem;align-items:flex-start;{{ $isMe ? 'flex-direction:row-reverse;' : '' }}">
        <div style="flex-shrink:0;">
            <img src="{{ $foto }}" width="32" height="32"
                class="conteudo-avatar-border"
                style="border-radius:50%;object-fit:cover;margin-top:1.2rem;">
        </div>
        <div style="max-width:75%;display:flex;flex-direction:column;gap:.2rem;align-items:{{ $isMe ? 'flex-end' : 'flex-start' }};">
            <div style="font-size:.65rem;font-weight:600;color:var(--dm-text-muted);padding:0 .25rem;">{{ $nome }}</div>
            @if ($hasAtt)
                @foreach ($acompanha->attachments as $att)
                    @php $isImg = str_starts_with($att->mime_type ?? '', 'image/'); @endphp
                    @if ($isImg)
                        <button type="button" class="chat-img-thumb"
                            data-src="{{ Storage::url($att->path) }}"
                            data-name="{{ $att->filename ?? basename($att->path) }}"
                            style="background:none;border:none;padding:0;cursor:zoom-in;">
                            <img src="{{ Storage::url($att->path) }}" style="max-width:180px;border-radius:6px;border:1px solid var(--dm-border);display:block;">
                        </button>
                    @else
                        <a href="{{ Storage::url($att->path) }}" download style="display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;background:var(--dm-surface-2);border:1px solid var(--dm-border);border-radius:6px;text-decoration:none;color:var(--dm-text);font-size:.78rem;max-width:200px;">
                            <i class="bi bi-file-earmark-arrow-down" style="font-size:1.1rem;flex-shrink:0;"></i>
                            <span style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">{{ $att->filename }}</span>
                        </a>
                    @endif
                @endforeach
            @endif
            @if ($hasTxt)
                <div class="{{ $isMe ? 'msg-bubble-admin' : 'msg-bubble-user' }}">
                    @conteudo($acompanha['content'])
                    <div class="msg-timestamp">{{ $hora }}</div>
                </div>
            @endif
        </div>
    </div>
@else
    @php
        $s       = $entrada['item'];
        $sNome   = explode(' ', $s->user?->info?->name ?? 'Suporte')[0];
        $sFoto   = \App\Helpers\UserHelper::photoUrl($s->user?->info?->photo);
        $sHora   = date('d/m H:i', strtotime($s->date_creation));
        $sHasTxt = !empty(trim(strip_tags($s->content ?? '')));
        $sHasAtt = $s->attachments->isNotEmpty();

        // Solução que passou pelo fluxo de validação muda de rótulo e de cor
        // conforme o desfecho; a que não passou segue como "Solução".
        $sVal   = $s->status instanceof \App\Enums\ValidacaoSolucao && $s->status !== \App\Enums\ValidacaoSolucao::Nenhuma
            ? $s->status
            : null;
        $sCor    = $sVal?->corChat() ?? '34,201,123';
        $sRotulo = $sVal?->label() ?? 'Solução';
        $sIcone  = $sVal?->icon() ?? 'bi-check-circle-fill';
    @endphp
    <div style="display:flex;gap:.6rem;align-items:flex-start;flex-direction:row;">
        <div style="flex-shrink:0;">
            <img src="{{ $sFoto }}" width="32" height="32"
                class="conteudo-avatar-border"
                style="border-radius:50%;object-fit:cover;margin-top:1.2rem;">
        </div>
        <div style="max-width:75%;display:flex;flex-direction:column;gap:.2rem;align-items:flex-start;">
            <div style="font-size:.65rem;font-weight:600;color:rgb({{ $sCor }});padding:0 .25rem;">{{ $sNome }}</div>
            @if ($sHasAtt)
                @foreach ($s->attachments as $att)
                    @php $isImg = str_starts_with($att->mime_type ?? '', 'image/'); @endphp
                    @if ($isImg)
                        <button type="button" class="chat-img-thumb"
                            data-src="{{ Storage::url($att->path) }}"
                            data-name="{{ $att->filename ?? basename($att->path) }}"
                            style="background:none;border:none;padding:0;cursor:zoom-in;">
                            <img src="{{ Storage::url($att->path) }}" style="max-width:180px;border-radius:6px;border:1px solid rgba({{ $sCor }},.3);display:block;">
                        </button>
                    @else
                        <a href="{{ Storage::url($att->path) }}" download style="display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;background:rgba({{ $sCor }},.1);border:1px solid rgba({{ $sCor }},.25);border-radius:6px;text-decoration:none;color:rgb({{ $sCor }});font-size:.78rem;max-width:200px;">
                            <i class="bi bi-file-earmark-arrow-down" style="font-size:1.1rem;flex-shrink:0;"></i>
                            <span style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">{{ $att->filename }}</span>
                        </a>
                    @endif
                @endforeach
            @endif
            @if ($sHasTxt)
                <div style="background:rgba({{ $sCor }},.12);border-radius:10px 2px 10px 10px;padding:.5rem .75rem;font-size:.82rem;color:rgb({{ $sCor }});line-height:1.5;">
                    @conteudo($s->content)
                    <div style="font-size:.65rem;color:rgba({{ $sCor }},.6);margin-top:.3rem;text-align:right;">
                        <i class="bi {{ $sIcone }} mr-1"></i>{{ $sRotulo }} · {{ $sHora }}
                    </div>
                </div>
            @endif
        </div>
    </div>
@endif
@endforeach