@extends('admin.base-chamados')

@section('page_title', 'Chamados | Admin Dev')

@section('nav')
    @include('admin.partials.nav-dev')
@endsection

{{-- ── Topbar ── --}}
@section('page-header')
    <h1>
        <i class="bi bi-code-slash mr-2" style="font-size:1.1rem;color:#4d7cf5;"></i>
        Dev | Chamados
    </h1>
@endsection

{{-- ── Stat cards ── --}}
@section('stat-cards')
    @php
        $abertosHoje = 0;
        $fechadosHoje = 0;
        foreach ($daily_chamado as $daily) {
            if (date('20y-m-d', strtotime($daily['date_creation'])) == date('Y-m-d') && $daily->status !== \App\Enums\ChamadoStatus::Fechado) {
                $abertosHoje++;
            }
            if (date('20y-m-d', strtotime($daily['date_mod'])) == date('Y-m-d') && $daily->status === \App\Enums\ChamadoStatus::Solucionado) {
                $fechadosHoje++;
            }
        }
    @endphp

    <div class="col-md-4 mb-3">
        <div class="card admin-stats text-center">
            <div class="topline" style="background:linear-gradient(45deg,#f7b558,#e3a02c);"></div>
            <h3 class="mt-3 mb-1">
                <i class="bi bi-activity mr-1" style="font-size:.9rem;color:#e3a02c;"></i>
                Atividade
            </h3>
            <h4>
                {{ $abertosHoje }}<i class="bi bi-caret-up-fill ml-2 fadeTop4" style="color:#22c97b;" title="Abertos"></i>
                <i class="bi bi-caret-down-fill mr-2 fadeDown" style="color:#e05252;"
                    title="Fechados"></i>{{ $fechadosHoje }}
            </h4>
            <p class="text-muted small mb-2">abertos / fechados hoje</p>
        </div>
    </div>
    <div class="col-md-4 mb-3">
        <div class="card admin-stats text-center">
            <div class="topline" style="background:linear-gradient(45deg,#58f7b4,#0e9d61);"></div>
            <h3 class="mt-3 mb-1">
                <i class="bi bi-check2-circle mr-1" style="font-size:.9rem;color:#0e9d61;"></i>
                Tasks resolvidas
            </h3>
            <h4 style="color:#0e9d61;">{{ $tasksResolvidasMes }}</h4>
            <p class="text-muted small mb-2">no mês atual</p>
        </div>
    </div>
    <div class="col-md-4 mb-3">
        <div class="card admin-stats text-center">
            <div class="topline" style="background:#e05252;"></div>
            <h3 class="mt-3 mb-1">
                <i class="bi bi-bug mr-1" style="font-size:.9rem;color:#e05252;"></i>
                Bugs em aberto
            </h3>
            <h4 style="color:#e05252;">{{ $bugsAbertos }}</h4>
            <p class="text-muted small mb-2">
                aguardando resolução
                @if ($ultimoBugEm)
                    <br>último log: {{ \Illuminate\Support\Carbon::parse($ultimoBugEm)->format('d/m/Y H:i') }}
                @endif
            </p>
        </div>
    </div>
@endsection

{{-- ── Filtros do dropdown principal ── --}}
@section('toolbar-filters')
    <a class="dropdown-item filter-item active" data-value="todos">
        <i class="bi bi-list-ul mr-2"></i> Todos
    </a>
    <a class="dropdown-item filter-item" data-value="meus">
        <i class="bi bi-person mr-2"></i> Seus Chamados
    </a>
    <div class="dropdown-divider"></div>
    <a class="dropdown-item filter-item" data-value="abertos">
        <i class="bi bi-envelope-open mr-2"></i> Em aberto
    </a>
    <a class="dropdown-item filter-item" data-value="andamento">
        <i class="bi bi-hourglass-split mr-2"></i> Em andamento
    </a>
    <a class="dropdown-item filter-item" data-value="planejados">
        <i class="bi bi-calendar mr-2"></i> Planejados
    </a>
    <div class="dropdown-divider"></div>
    <a class="dropdown-item filter-item" data-value="sol">
        <i class="bi bi-check-circle mr-2" style="color:#22c97b;"></i> Solucionados
    </a>
    <div class="dropdown-divider"></div>
    <a class="dropdown-item filter-item" data-value="bug">
        <i class="bi bi-bug mr-2" style="color:#e05252;"></i> Bug
    </a>
    <div class="dropdown-divider"></div>
    <span class="dropdown-header"
        style="font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:.25rem 1rem .1rem;color:#9aa4b2;">Tag</span>
    <a class="dropdown-item filter-item" data-value="tag-Chamados">
        <span
            style="display:inline-block;width:8px;height:8px;border-radius:2px;background:#4d7cf5;margin-right:.5rem;flex-shrink:0;"></span>
        Portal de Serviços
    </a>
    <a class="dropdown-item filter-item" data-value="tag-CapacitaCDA">
        <span
            style="display:inline-block;width:8px;height:8px;border-radius:2px;background:#16a34a;margin-right:.5rem;flex-shrink:0;"></span>
        Capacita CDA
    </a>
    <a class="dropdown-item filter-item" data-value="tag-Intranet">
        <span
            style="display:inline-block;width:8px;height:8px;border-radius:2px;background:#f58122;margin-right:.5rem;flex-shrink:0;"></span>
        Intranet
    </a>
    <a class="dropdown-item filter-item" data-value="tag-Novo">
        <span
            style="display:inline-block;width:8px;height:8px;border-radius:2px;background:#64748b;margin-right:.5rem;flex-shrink:0;"></span>
        Novo
    </a>
@endsection
@section('toolbar-extra')
    <a href="/dev/form/chamado" class="saas-btn" style="margin-left:auto;"
        style="font-size:.78rem;border-radius:8px;text-decoration:none;">
        <i class="bi bi-plus-circle"></i> Nova task
    </a>
@endsection

{{-- ── Cabeçalho da tabela ── --}}
@section('table-header')
    <div class="tr-header">
        <div class="tc tc-id">
            ID
            <a class="filtro ml-1" data-value="id" title="null"><i class="fa fa-sort"></i></a>
        </div>
        <div class="tc tc-opener">Solicitante</div>
        <div class="tc tc-title">Chamado</div>
        <div class="tc tc-status">
            Status
            <a class="filtro ml-1" data-value="status" title="null"><i class="fa fa-sort"></i></a>
        </div>
        <div class="tc tc-agents">Equipe</div>
        <div class="tc tc-dates">
            Datas
            <a class="filtro ml-1" data-value="date_mod" title="null"><i class="fa fa-sort"></i></a>
        </div>
        <div class="tc tc-actions"></div>
    </div>
@endsection

{{-- ── Linhas da tabela ── --}}
@section('table-rows')
    @include('admin.dev.view.chamados')
@endsection