@if (count($chamados) != 0)
    @foreach ($chamados as $chamado)
        @php
            $isStale = date('Y-m-d H:i:s', strtotime('-3 days')) >= $chamado['date_mod'] && $chamado['status'] != 3;
            $openerName = $chamado['opener_name'] ?? data_get($chamado['payload'], 'nome', '');
            $openerInitials = collect(explode(' ', trim($openerName)))
                ->filter()
                ->take(2)
                ->map(fn($w) => strtoupper($w[0]))
                ->implode('');
            $openerFoto = $chamado['opener_photo'] ?? null;
            $openerCargo = $chamado['opener_cargo'] ?? '';
            $openerFilial = $chamado['opener_filial'] ?? '';
            $tooltipText = Str::limit(strip_tags(
                data_get($chamado['payload'], 'msg', '') ?: ($chamado['content'] ?? '')
            ), 120);
            $assignedName = isset($admin[$chamado['users_id'] ?? null])
                ? explode(' ', $admin[$chamado['users_id']])[0]
                : null;
            $assignedInitials = $assignedName
                ? collect(explode(' ', trim($admin[$chamado['users_id']])))
                    ->filter()
                    ->take(2)
                    ->map(fn($w) => strtoupper($w[0]))
                    ->implode('')
                : null;
        @endphp

        <div class="tr-row {{ $isStale ? 'tr-stale' : '' }}" id="chamado{{ $chamado['id'] }}">

            @if ($isStale)
                <div class="alarme-pc" style="top:0;left:0;border-radius:0;"></div>
            @endif

            {{-- ID --}}
            <div class="tc tc-id">
                <span class="ticket-id">#{{ $chamado['id'] }}</span>
            </div>

            {{-- Opener --}}
            <div class="tc tc-opener">
                @php $isPending = $chamado['actiontime'] === 'new'; @endphp
                @if ($openerName)
                    <div class="avatar-wrap">
                        @if ($openerFoto)
                            <img src="{{ \App\Helpers\UserHelper::photoUrl($openerFoto) }}" class="opener-avatar"
                                style="width:34px;height:34px;border-radius:50%;object-fit:cover;"
                                onerror="this.outerHTML='<div class=\'opener-avatar\'>{{ $openerInitials ?: '?' }}</div>'"
                                title="{{ $openerName }}" alt="">
                        @else
                            <div class="opener-avatar" title="{{ $openerName }}">{{ $openerInitials ?: '?' }}</div>
                        @endif
                        @if ($isPending)
                            <span class="avatar-reply-dot" title="Aguardando resposta do usuário"></span>
                        @endif
                    </div>
                    <div class="opener-info">
                        <span class="opener-name">{{ Str::limit($openerName, 18) }}</span>
                        @if ($openerCargo || $openerFilial)
                            <span
                                style="font-size:.75rem;color:#9aa4b2;display:block;line-height:1.2;">{{ Str::limit(implode(' | ', array_filter([Str::limit($openerCargo, 15), $openerFilial])), 32) }}</span>
                        @endif
                    </div>
                @else
                    <div class="avatar-wrap">
                        <div class="opener-avatar" title="Desconhecido">?</div>
                    </div>
                    <div class="opener-info">
                        <span class="opener-name" style="color:#9aa4b2;">Não informado</span>
                    </div>
                @endif
            </div>

            {{-- Title --}}
            <div class="tc tc-title">
                <a class="ticket-title chamado_modal" data-tipo="conteudo" data-value="{{ $chamado['id'] }}"
                    data-toggle="modal" data-target="#modalGeral"
                    data-tooltip="{{ $tooltipText }}"
                    style="display:inline-block; max-width:100%;">
                    {{ $chamado['name'] }}
                </a>
            </div>

            {{-- Status --}}
            <div class="tc tc-status" style="position:relative;">
                <div class="dropdown d-inline-block">
                    @php
                        $st = \App\Enums\ChamadoStatus::coerce($chamado['status']);
                        // Fornecedor vinculado troca o rótulo pelo nome dele — o
                        // técnico precisa ver com quem o chamado está parado.
                        $temFornecedor = !empty($chamado['supplier_name']);
                        $classeFornecedor = ($chamado['suppliers_id'] ?? 0) == 9 ? 'rede' : 'planned';
                        // Sub-estado da validação: aguardando, validado ou negado.
                        $validacaoSub = $st === \App\Enums\ChamadoStatus::AguardandoValidacao
                            ? $chamado->validacaoAtual?->status
                            : null;
                    @endphp
                    @if ($st === \App\Enums\ChamadoStatus::Planejado)
                        <span class="saas-badge {{ $classeFornecedor }}" data-toggle="dropdown" data-value="{{ $chamado['id'] }}" style="cursor:pointer;">{{ $chamado['supplier_name'] ?? $st->label() }}</span>
                    @elseif ($st === \App\Enums\ChamadoStatus::EmAndamento && $temFornecedor)
                        <span class="saas-badge {{ $classeFornecedor }}" data-toggle="dropdown" data-value="{{ $chamado['id'] }}" style="cursor:pointer;">{{ $chamado['supplier_name'] }}</span>
                    @elseif ($st === \App\Enums\ChamadoStatus::EmAndamento)
                        <span class="saas-badge progress a{{ $chamado['id'] }} {{ $isPending ? 'badge-pulse' : '' }}" data-toggle="dropdown" data-value="{{ $chamado['id'] }}" style="cursor:pointer;">
                            {{ $isPending ? 'Resposta' : $st->labelCurto() }}
                        </span>
                    @elseif ($st === \App\Enums\ChamadoStatus::AguardandoValidacao)
                        <span class="saas-badge {{ $validacaoSub?->badgeClass() ?? $st->badgeClass() }}" data-toggle="dropdown" data-value="{{ $chamado['id'] }}" style="cursor:pointer;">
                            {{ $validacaoSub?->label() ?? $st->label() }}
                        </span>
                    @elseif ($st === \App\Enums\ChamadoStatus::Aberto || $st === \App\Enums\ChamadoStatus::Analise)
                        <span class="saas-badge {{ $st->badgeClass() }}" data-toggle="dropdown" data-value="{{ $chamado['id'] }}" style="cursor:pointer;">{{ $st->label() }}</span>
                    @else
                        <span class="saas-badge internal" data-toggle="dropdown" data-value="{{ $chamado['id'] }}" style="cursor:pointer;">Interno</span>
                    @endif
                    <div class="dropdown-menu dd-status-float" style="min-width:180px;">
                        <div class="dd-panel dd-panel-status">
                            <span class="dropdown-header" style="font-size:.72rem;padding:.3rem 1rem .15rem;">Alterar status <strong>#{{ $chamado['id'] }}</strong></span>
                            <div class="dropdown-divider" style="margin:.25rem 0;"></div>
                            <a class="dropdown-item status-post" href="#" data-status="2" data-value="{{ $chamado['id'] }}">
                                <i class="bi bi-check-circle mr-2" style="color:#22c97b;"></i> Aberto
                            </a>
                            <a class="dropdown-item dd-tec-trigger" href="#" data-chamado="{{ $chamado['id'] }}" style="display:flex;align-items:center;">
                                <i class="bi bi-hourglass-split mr-2" style="color:#f0b429;"></i> Em andamento
                                <i class="bi bi-chevron-right ml-auto" style="font-size:.75rem;opacity:.6;"></i>
                            </a>
                            <a class="dropdown-item status-post" href="#" data-status="6" data-value="{{ $chamado['id'] }}">
                                <i class="bi bi-x-circle mr-2" style="color:#f87171;"></i> Fechar
                            </a>
                        </div>
                        <div class="dd-panel dd-panel-tec" style="display:none;">
                            <div style="display:flex;align-items:center;padding:.3rem 1rem .15rem;">
                                <a href="#" class="dd-back" data-target="status" style="color:inherit;margin-right:.5rem;">
                                    <i class="bi bi-arrow-left" style="font-size:.8rem;"></i>
                                </a>
                                <span style="font-size:.72rem;color:#9aa4b2;">Selecionar técnico</span>
                            </div>
                            <div class="dropdown-divider" style="margin:.25rem 0;"></div>
                            @foreach ($tec as $t)
                                <a class="dropdown-item status-post" href="#" data-status="4" data-user="{{ $t['id'] }}" data-value="{{ $chamado['id'] }}">
                                    <i class="bi bi-person mr-2"></i> {{ $t['name'] }}
                                </a>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>

            {{-- Agents (acompanhadores) --}}
            @php
                $followups = $followupsByTicket[$chamado['id']] ?? [];
                $currentUserId = auth()->id();
            @endphp
            <div class="tc tc-agents">
                @if ($followups)
                    <div class="dropdown">
                        <div class="agent-stack agent-stack-trigger" data-toggle="dropdown"
                            aria-expanded="false" style="cursor:pointer;" title="Ver equipe atribuída">
                            @foreach ($followups as $fi => $user)
                                @php
                                    $name = $user->name ?? 'Usuário';
                                    $initials = collect(explode(' ', trim($name)))
                                        ->filter()->take(2)
                                        ->map(fn($w) => strtoupper($w[0]))->implode('');
                                @endphp
                                <div class="agent-avatar" style="margin-left:{{ $fi > 0 ? '-6px' : '0' }}; z-index:{{ 100 - $fi }};">
                                    @if ($user->photo)
                                        <img src="{{ \App\Helpers\UserHelper::photoUrl($user->photo) }}" alt="avatar">
                                    @else
                                        {{ $initials }}
                                    @endif
                                </div>
                            @endforeach
                        </div>

                        <div class="dropdown-menu dropdown-menu-end agent-team-menu" style="min-width:190px; padding:.5rem 0;">
                            <span class="dropdown-header" style="font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.7px; padding:.2rem 1rem .4rem; color:var(--dm-text-muted);">
                                <i class="bi bi-people me-1"></i> Equipe atribuída
                            </span>
                            <div class="dropdown-divider" style="margin:.1rem 0 .3rem;"></div>
                            @foreach ($followups as $user)
                                @php
                                    $name = $user->name ?? 'Usuário';
                                    $initials = collect(explode(' ', trim($name)))->filter()->take(2)->map(fn($w) => strtoupper($w[0]))->implode('');
                                    $firstName = explode(' ', trim($name))[0];
                                @endphp
                                <div style="display:flex; align-items:center; gap:.5rem; padding:.3rem 1rem;">
                                    <div class="agent-avatar" style="width:22px; height:22px; font-size:.55rem; flex-shrink:0;">
                                        @if ($user->photo)
                                            <img src="{{ \App\Helpers\UserHelper::photoUrl($user->photo) }}" alt="">
                                        @else
                                            {{ $initials }}
                                        @endif
                                    </div>
                                    <span style="font-size:.8rem; margin-left:.5rem; color:var(--dm-text);">{{ $firstName }}</span>
                                    @if ($user->user_id == $currentUserId)
                                        <span style="margin-left:auto; font-size:.65rem; color:#7da8f5; font-weight:600;">você</span>
                                    @endif
                                </div>
                            @endforeach
                        </div>
                    </div>
                @else
                    <div class="dropdown">
                        <div class="agent-avatar agent-empty" title="Atribuir técnico" data-toggle="dropdown"
                            aria-expanded="false" data-ticket="{{ $chamado['id'] }}">
                            <i class="bi bi-person-plus"></i>
                        </div>
                        <div class="dropdown-menu dropdown-menu-end">
                            @foreach ($tec as $user)
                                <a class="dropdown-item status-post" data-value="{{ $chamado['id'] }}"
                                    data-user="{{ $user['id'] }}" data-status="4">
                                    {{ $user['name'] }}
                                </a>
                            @endforeach
                        </div>
                    </div>
                @endif
            </div>
            {{-- Dates --}}
            <div class="tc tc-dates">
                <div class="date-row">
                    <span class="date-label">Aberto</span>
                    <span class="date-val">{{ date('d/m/y', strtotime($chamado['date_creation'])) }}</span>
                </div>
                <div class="date-row">
                    <span class="date-label">Modif.</span>
                    <span class="date-val {{ $isStale ? 'date-stale' : '' }}">
                        {{ date('d/m/y', strtotime($chamado['date_mod'])) }}
                    </span>
                </div>
                @if ($isStale)
                    <div class="date-row">
                        <span class="date-stale-info">
                            @if (date('m') == date('m', strtotime($chamado['date_mod'])))
                                {{ date('d') - date('d', strtotime($chamado['date_mod'])) }}d s/ interação
                            @else
                                Há muito tempo
                            @endif
                        </span>
                    </div>
                @endif
            </div>

            {{-- Actions (three dots) --}}
            <div class="tc tc-actions">
                <div style="position:relative;">
                    <button class="dots-btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <i class="bi bi-three-dots-vertical"></i>
                    </button>
                    <div class="dropdown-menu dropdown-menu-right dd-main-dropdown" style="min-width:200px;overflow:hidden;">

                        {{-- Panel principal --}}
                        <div class="dd-panel dd-panel-main">
                            <a class="dropdown-item chamado_modal" data-tipo="conteudo" data-value="{{ $chamado['id'] }}"
                                data-toggle="modal" data-target="#modalGeral">
                                <i class="bi bi-eye mr-2"></i> Ver chamado
                            </a>
                            <a class="dropdown-item chamado_modal" data-tipo="solucao" data-value="{{ $chamado['id'] }}"
                                data-toggle="modal" data-target="#modalGeral">
                                <i class="bi bi-check-circle mr-2" style="color:#22c97b;"></i> Solucionar
                            </a>
                            <a class="dropdown-item chamado_modal" data-tipo="acomp" data-value="{{ $chamado['id'] }}"
                                data-toggle="modal" data-target="#modalGeral">
                                <i class="bi bi-chat-right-dots mr-2" style="color:#f0b429;"></i> Acompanhamento
                            </a>
                            @if ($chamado->users_id_recipient == 56)
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item chamado_modal" data-tipo="lupa" data-value="{{ $chamado['id'] }}"
                                    data-toggle="modal" data-target="#modalGeral">
                                    <i class="bi bi-search mr-2" style="color:#7da8f5;"></i> Lupa
                                </a>
                                <a class="dropdown-item chamado_modal" data-tipo="atribuir_estoque"
                                    data-value="{{ $chamado->id }}" data-toggle="modal" data-target="#modalGeral">
                                    <i class="bi bi-box-seam mr-2" style="color:#22c97b;"></i> Atribuir estoque
                                </a>
                            @endif
                            <div class="dropdown-divider"></div>
                            <span class="dropdown-header"
                                style="font-size:.7rem;color:#9aa4b2;padding:.25rem 1rem;">Encaminhar para</span>
                            @if ($chamado->users_id_recipient != 56)
                                <a class="dropdown-item sendTo" recipient-id="56" data-value="{{ $chamado['id'] }}">
                                    <i class="bi bi-send mr-2"></i> TI
                                </a>
                            @endif
                            @if ($chamado->users_id_recipient != 57)
                                <a class="dropdown-item sendTo" recipient-id="57" data-value="{{ $chamado['id'] }}">
                                    <i class="bi bi-send mr-2"></i> RH
                                </a>
                            @endif
                            @if ($chamado->users_id_recipient != 58)
                                <a class="dropdown-item sendTo" recipient-id="58" data-value="{{ $chamado['id'] }}">
                                    <i class="bi bi-send mr-2"></i> Logística
                                </a>
                            @endif
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item dd-status-trigger" href="#" data-chamado="{{ $chamado['id'] }}" style="display:flex;align-items:center;">
                                <i class="bi bi-arrow-left-right mr-2"></i> Alterar status
                                <i class="bi bi-chevron-right ml-auto" style="font-size:.75rem;opacity:.5;"></i>
                            </a>
                        </div>

                        {{-- Panel de status --}}
                        <div class="dd-panel dd-panel-status" style="display:none;">
                            <div style="display:flex;align-items:center;padding:.4rem 1rem .2rem;">
                                <a href="#" class="dd-back" data-target="main" style="color:inherit;margin-right:.5rem;">
                                    <i class="bi bi-arrow-left" style="font-size:.85rem;"></i>
                                </a>
                                <span style="font-size:.75rem;color:#9aa4b2;">Alterar status <strong style="color:#e6e6e6;">#{{ $chamado['id'] }}</strong></span>
                            </div>
                            <div class="dropdown-divider" style="margin:.25rem 0;"></div>
                            <a class="dropdown-item status-post" href="#" data-status="2" data-value="{{ $chamado['id'] }}">
                                <i class="bi bi-check-circle mr-2" style="color:#22c97b;"></i> Aberto
                            </a>
                            <a class="dropdown-item dd-tec-trigger" href="#" data-chamado="{{ $chamado['id'] }}" style="display:flex;align-items:center;">
                                <i class="bi bi-hourglass-split mr-2" style="color:#f0b429;"></i> Em andamento
                                <i class="bi bi-chevron-right ml-auto" style="font-size:.75rem;opacity:.6;"></i>
                            </a>
                            <a class="dropdown-item status-post" href="#" data-status="6" data-value="{{ $chamado['id'] }}">
                                <i class="bi bi-x-circle mr-2" style="color:#f87171;"></i> Fechar
                            </a>
                        </div>

                        {{-- Panel de técnicos --}}
                        <div class="dd-panel dd-panel-tec" style="display:none;">
                            <div style="display:flex;align-items:center;padding:.4rem 1rem .2rem;">
                                <a href="#" class="dd-back" data-target="status" style="color:inherit;margin-right:.5rem;">
                                    <i class="bi bi-arrow-left" style="font-size:.85rem;"></i>
                                </a>
                                <span style="font-size:.75rem;color:#9aa4b2;">Selecionar técnico</span>
                            </div>
                            <div class="dropdown-divider" style="margin:.25rem 0;"></div>
                            @foreach ($tec as $t)
                                <a class="dropdown-item status-post" href="#" data-status="4" data-user="{{ $t['id'] }}" data-value="{{ $chamado['id'] }}">
                                    <i class="bi bi-person mr-2"></i> {{ $t['name'] }}
                                </a>
                            @endforeach
                        </div>

                    </div>
                </div>
            </div>

        </div>
    @endforeach

    {{-- Paginação — a listagem chega paginada para qualquer filtro. --}}
    @if ($chamados instanceof \Illuminate\Contracts\Pagination\Paginator)
        <div class="mt-3">
            {{ $chamados->links() }}
        </div>
    @endif

@else
    @include('admin.view._empty')
@endif