@php
$devProjectsMap = [
    'Chamados'    => ['name' => 'Portal de Serviços', 'color' => '#4d7cf5'],
    'CapacitaCDA' => ['name' => 'Capacita CDA',       'color' => '#16a34a'],
    'Intranet'    => ['name' => 'Intranet',            'color' => '#f58122'],
    'Novo'        => ['name' => 'Novo',                'color' => '#64748b'],
];
@endphp

@if (count($chamados) != 0)
    @foreach ($chamados as $chamado)
        @php
            $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);
            $isPending = $chamado['actiontime'] === 'new';

            // Dev-specific title parts
            $projeto   = data_get($chamado['payload'], 'projeto', '');
            $titulo    = data_get($chamado['payload'], 'titulo', $chamado['name']);
            $typeStr   = $chamado->types?->name ?? '';
            $catStr    = $chamado->category?->name ?? '';
            $projInfo  = $devProjectsMap[$projeto] ?? null;
            $bugCount  = (int) data_get($chamado['payload'], 'count', 1);
            $isBug     = ($chamado['itilcategories_id'] ?? null) == 40;
        @endphp

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

            @if ($isBug)
                <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">
                @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 (Dev: Tipo — Categoria — Título + badge projeto) --}}
            <div class="tc tc-title" style="overflow:hidden;">
                <a class="ticket-title chamado_modal" data-tipo="conteudo" data-value="{{ $chamado['id'] }}"
                    data-toggle="modal" data-target="#modalGeral"
                    data-tooltip="{{ $tooltipText }}"
                    style="display:flex;align-items:center;gap:.45rem;max-width:100%;overflow:hidden;">
                    <span style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;">
                        @if ($typeStr || $catStr)
                            <span style="color:#9aa4b2;font-size:.78rem;">
                                {{ implode(' — ', array_filter([$typeStr, $catStr])) }} —
                            </span>
                        @endif
                        {{ $titulo }}
                    </span>
                    @if ($isBug)
                        <span class="bug-blink" title="Bug"><i class="bi bi-bug-fill"></i></span>
                    @endif
                    @if ($projInfo)
                        <span style="
                            flex-shrink:0;
                            font-size:.6rem;
                            font-weight:700;
                            letter-spacing:.3px;
                            padding:2px 6px;
                            border-radius:3px;
                            background:{{ $projInfo['color'] }};
                            color:#fff;
                            white-space:nowrap;
                        ">{{ $projInfo['name'] }}</span>
                    @endif
                    @if ($bugCount > 1)
                        <span title="{{ $bugCount }} ocorrências do mesmo bug" style="
                            flex-shrink:0;
                            font-size:.6rem;
                            font-weight:700;
                            padding:2px 6px;
                            border-radius:3px;
                            background:#e11d48;
                            color:#fff;
                            white-space:nowrap;
                        ">×{{ $bugCount }}</span>
                    @endif
                </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']);
                        $classeFornecedor = ($chamado['suppliers_id'] ?? 0) == 9 ? 'rede' : 'planned';
                        $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 && !empty($chamado['supplier_name']))
                        <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 {{ $isBug ? 'date-stale' : '' }}">
                        {{ date('d/m/y', strtotime($chamado['date_mod'])) }}
                    </span>
                </div>
            </div>

            {{-- Actions --}}
            <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;">

                        <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>
                            <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>

                        <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>

                        <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

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