@extends('adminlte::page')

@section('title', 'Logs')

@section('content_header')
@stop

@section('content')
@php
    $filtroNivel = $filtros['nivel'] ?? '';
    $resultadoCount = $logs->total();
    $nivelLabels = [
        'warning' => 'Aviso',
        'error' => 'Erro',
        'debug' => 'Debug',
        'critical' => 'Crítico',
    ];
    $nivelPills = [
        'warning' => ['icon' => 'fa-exclamation-triangle', 'class' => 'warning'],
        'error' => ['icon' => 'fa-times-circle', 'class' => 'error'],
        'debug' => ['icon' => 'fa-bug', 'class' => 'debug'],
        'critical' => ['icon' => 'fa-skull-crossbones', 'class' => 'critical'],
    ];
    $errosCriticos = ($stats['error'] ?? 0) + ($stats['critical'] ?? 0);
    $chartDias = (int) ($filtros['chart_dias'] ?? 14);
    $chartQueryBase = request()->except(['chart_dias', 'chart_inicio', 'chart_fim', 'page']);
@endphp

<div class="dashboard-page dashboard-stagger">
    @if(($instalacoesShipperParado ?? collect())->isNotEmpty())
        <div class="alert alert-warning" role="alert">
            <strong>Shipper de logs parado ou sem heartbeat</strong>
            (sem push há mais de {{ (int) ($logsShipperStaleMinutes ?? 45) }} min):
            {{ $instalacoesShipperParado->pluck('nome')->join(', ') }}.
            Verificar cron (<code>schedule:run</code>) e <code>LOGS_GESTAO_*</code> na tenant.
        </div>
    @endif
    {{-- Hero --}}
    <section class="dashboard-hero">
        <div class="dashboard-hero__inner">
            <div>
                <p class="dashboard-hero__eyebrow">Monitoramento</p>
                <h1 class="dashboard-hero__title">
                    Central de <em>logs</em>
                </h1>
                <p class="dashboard-hero__subtitle">
                    @if($temFiltros ?? false)
                        {{ number_format($resultadoCount, 0, ',', '.') }} registro(s) com filtros aplicados
                        · {{ number_format($stats['total'] ?? 0, 0, ',', '.') }} não resolvido(s) no escopo
                    @else
                        {{ number_format($resultadoCount, 0, ',', '.') }} eventos não resolvidos
                        · push automático das APIs tenant (<code>POST /api/v1/logs/receber</code>)
                    @endif
                </p>
            </div>
            <div class="dashboard-hero__actions">
                <a href="{{ route('logs.relatorio-bugs') }}" class="btn-dashboard-hero btn-dashboard-hero--primary">
                    <i class="fas fa-robot" aria-hidden="true"></i>
                    Gerar relatórios de bugs
                    @if(($bugsPendentes ?? 0) > 0)
                        <span class="badge badge-light ml-1">{{ $bugsPendentes }}</span>
                    @endif
                </a>
                <button type="button" class="btn-dashboard-hero btn-dashboard-hero--ghost" onclick="window.location.reload()">
                    <i class="fas fa-sync-alt" aria-hidden="true"></i>
                    Atualizar
                </button>
                <a href="{{ route('instalacoes.web.index') }}" class="btn-dashboard-hero btn-dashboard-hero--ghost">
                    <i class="fas fa-server" aria-hidden="true"></i>
                    Instalações
                </a>
            </div>
        </div>
    </section>

    {{-- KPIs — somente não resolvidos --}}
    <div class="dashboard-kpi-grid">
        <a href="{{ route('logs.index', request()->except('nivel', 'page')) }}"
           class="dashboard-kpi dashboard-kpi--link {{ empty($filtroNivel) ? 'dashboard-kpi--filter-active' : '' }}">
            <div class="dashboard-kpi__accent dashboard-kpi__accent--purple"></div>
            <div class="dashboard-kpi__head">
                <div class="dashboard-kpi__icon dashboard-kpi__icon--purple">
                    <i class="fas fa-file-alt" aria-hidden="true"></i>
                </div>
            </div>
            <p class="dashboard-kpi__value">{{ number_format($stats['total'] ?? 0, 0, ',', '.') }}</p>
            <p class="dashboard-kpi__label">Não resolvidos</p>
        </a>

        <a href="{{ route('logs.index', array_merge(request()->except('nivel', 'page'), ['nivel' => 'error'])) }}"
           class="dashboard-kpi dashboard-kpi--link {{ $filtroNivel === 'error' ? 'dashboard-kpi--filter-active' : '' }}">
            <div class="dashboard-kpi__accent dashboard-kpi__accent--danger"></div>
            <div class="dashboard-kpi__head">
                <div class="dashboard-kpi__icon dashboard-kpi__icon--danger">
                    <i class="fas fa-times-circle" aria-hidden="true"></i>
                </div>
            </div>
            <p class="dashboard-kpi__value">{{ number_format($stats['error'] ?? 0, 0, ',', '.') }}</p>
            <p class="dashboard-kpi__label">Erros (pendentes)</p>
        </a>

        <a href="{{ route('logs.index', array_merge(request()->except('nivel', 'page'), ['nivel' => 'warning'])) }}"
           class="dashboard-kpi dashboard-kpi--link {{ $filtroNivel === 'warning' ? 'dashboard-kpi--filter-active' : '' }}">
            <div class="dashboard-kpi__accent dashboard-kpi__accent--warning"></div>
            <div class="dashboard-kpi__head">
                <div class="dashboard-kpi__icon dashboard-kpi__icon--warning">
                    <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
                </div>
            </div>
            <p class="dashboard-kpi__value">{{ number_format($stats['warning'] ?? 0, 0, ',', '.') }}</p>
            <p class="dashboard-kpi__label">Avisos (pendentes)</p>
        </a>

        <a href="{{ route('logs.index', array_merge(request()->except('nivel', 'page'), ['nivel' => 'critical'])) }}"
           class="dashboard-kpi dashboard-kpi--link {{ $filtroNivel === 'critical' ? 'dashboard-kpi--filter-active' : '' }}">
            <div class="dashboard-kpi__accent dashboard-kpi__accent--neutral"></div>
            <div class="dashboard-kpi__head">
                <div class="dashboard-kpi__icon dashboard-kpi__icon--neutral">
                    <i class="fas fa-skull-crossbones" aria-hidden="true"></i>
                </div>
            </div>
            <p class="dashboard-kpi__value">{{ number_format($stats['critical'] ?? 0, 0, ',', '.') }}</p>
            <p class="dashboard-kpi__label">Críticos (pendentes)</p>
        </a>
    </div>

    @if(($bugsPendentes ?? 0) > 0 && empty($filtroNivel))
        <a href="{{ route('logs.relatorio-bugs') }}"
           class="dashboard-alert-banner dashboard-alert-banner--warning text-decoration-none mb-4" role="status">
            <i class="fas fa-robot" aria-hidden="true"></i>
            <span><strong>{{ $bugsPendentes }}</strong> bug(s) pendente(s) — gerar relatório para correção no Cursor</span>
        </a>
    @endif

    @if($errosCriticos > 0 && empty($filtroNivel))
        <a href="{{ route('logs.index', array_merge(request()->except('page'), ['nivel' => 'error'])) }}"
           class="dashboard-alert-banner dashboard-alert-banner--warning text-decoration-none mb-4" role="status">
            <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
            <span><strong>{{ $errosCriticos }}</strong> erro(s)/crítico(s) não resolvido(s) no escopo — clique para filtrar</span>
        </a>
    @endif

    {{-- Gráfico diário --}}
    <div class="dashboard-panel mb-4">
        <div class="dashboard-panel__header logs-chart-header">
            <h2 class="dashboard-panel__title">
                <i class="fas fa-chart-bar" aria-hidden="true"></i>
                Logs por dia
            </h2>
            <span class="text-muted small">
                {{ \Carbon\Carbon::parse($chart['inicio'])->format('d/m/Y') }}
                –
                {{ \Carbon\Carbon::parse($chart['fim'])->format('d/m/Y') }}
            </span>
        </div>
        <div class="dashboard-panel__body">
            <div class="logs-period-pills mb-3">
                @foreach([7 => '7 dias', 14 => '14 dias', 30 => '30 dias', 60 => '60 dias'] as $dias => $label)
                    <a href="{{ route('logs.index', array_merge($chartQueryBase, ['chart_dias' => $dias])) }}"
                       class="logs-period-pill {{ !($filtros['chart_inicio'] ?? null) && $chartDias === $dias ? 'logs-period-pill--active' : '' }}">
                        {{ $label }}
                    </a>
                @endforeach
            </div>

            <form method="GET" action="{{ route('logs.index') }}" class="logs-chart-period-form mb-3">
                @foreach(request()->except(['chart_inicio', 'chart_fim', 'chart_dias', 'page']) as $key => $value)
                    @if(is_scalar($value) && $value !== '')
                        <input type="hidden" name="{{ $key }}" value="{{ $value }}">
                    @endif
                @endforeach
                <div class="listagem-filters listagem-filters--logs-chart">
                    <div class="listagem-filters__field">
                        <label for="chart_inicio">De</label>
                        <input type="date" class="form-control" id="chart_inicio" name="chart_inicio"
                               value="{{ $filtros['chart_inicio'] ?? $chart['inicio'] }}">
                    </div>
                    <div class="listagem-filters__field">
                        <label for="chart_fim">Até</label>
                        <input type="date" class="form-control" id="chart_fim" name="chart_fim"
                               value="{{ $filtros['chart_fim'] ?? $chart['fim'] }}">
                    </div>
                    <div class="listagem-filters__actions">
                        <button type="submit" class="btn-listagem btn-listagem--primary">
                            <i class="fas fa-calendar-alt" aria-hidden="true"></i>
                            Aplicar período
                        </button>
                    </div>
                </div>
            </form>

            <div class="logs-chart-wrap" id="wrap-logsChart">
                <canvas id="logsChart" height="120" aria-label="Gráfico de logs por dia"></canvas>
            </div>
            <div class="logs-chart-legend mt-2">
                <span class="logs-chart-legend__item logs-chart-legend__item--pendente">Não resolvidos</span>
                <span class="logs-chart-legend__item logs-chart-legend__item--resolvido">Resolvidos</span>
            </div>
        </div>
    </div>

    {{-- Filtros --}}
    <div class="dashboard-panel mb-4">
        <div class="dashboard-panel__header">
            <h2 class="dashboard-panel__title">
                <i class="fas fa-filter" aria-hidden="true"></i>
                Filtros e busca
            </h2>
        </div>
        <div class="dashboard-panel__body">
            <div class="logs-level-pills">
                @foreach($nivelPills as $nivel => $meta)
                    @php
                        $isActive = $filtroNivel === $nivel;
                        $pillUrl = $isActive
                            ? route('logs.index', request()->except('nivel', 'page'))
                            : route('logs.index', array_merge(request()->except('nivel', 'page'), ['nivel' => $nivel]));
                    @endphp
                    <a href="{{ $pillUrl }}"
                       class="logs-level-pill logs-level-pill--{{ $meta['class'] }} {{ $isActive ? 'logs-level-pill--active' : '' }}">
                        <i class="fas {{ $meta['icon'] }}" aria-hidden="true"></i>
                        {{ strtoupper($nivelLabels[$nivel] ?? $nivel) }}
                    </a>
                @endforeach
            </div>

            @if($temFiltros ?? false)
                <div class="listagem-chips">
                    <span class="listagem-chip listagem-chip--muted">Filtros ativos:</span>
                    @if($filtroNivel)
                        <a href="{{ route('logs.index', request()->except('nivel', 'page')) }}" class="listagem-chip">
                            Nível: {{ $nivelLabels[$filtroNivel] ?? $filtroNivel }}
                            <i class="fas fa-times listagem-chip__remove" aria-hidden="true"></i>
                        </a>
                    @endif
                    @if($filtros['instalacao_id'] ?? null)
                        @php $instSel = $instalacoes->firstWhere('id', (int) $filtros['instalacao_id']); @endphp
                        <a href="{{ request()->fullUrlWithQuery(['instalacao_id' => null, 'page' => null]) }}" class="listagem-chip">
                            Instalação: {{ $instSel->nome ?? $filtros['instalacao_id'] }}
                            <i class="fas fa-times listagem-chip__remove" aria-hidden="true"></i>
                        </a>
                    @endif
                    @if($filtros['data'] ?? null)
                        <a href="{{ request()->fullUrlWithQuery(['data' => null, 'page' => null]) }}" class="listagem-chip">
                            Data: {{ \Carbon\Carbon::parse($filtros['data'])->format('d/m/Y') }}
                            <i class="fas fa-times listagem-chip__remove" aria-hidden="true"></i>
                        </a>
                    @endif
                    @if($filtros['busca'] ?? null)
                        <a href="{{ request()->fullUrlWithQuery(['busca' => null, 'page' => null]) }}" class="listagem-chip">
                            Busca: {{ Str::limit($filtros['busca'], 40) }}
                            <i class="fas fa-times listagem-chip__remove" aria-hidden="true"></i>
                        </a>
                    @endif
                    <a href="{{ route('logs.index') }}" class="listagem-chip">
                        Limpar todos
                        <i class="fas fa-eraser listagem-chip__remove" aria-hidden="true"></i>
                    </a>
                </div>
            @endif

            <form method="GET" action="{{ route('logs.index') }}">
                @if($filtroNivel)
                    <input type="hidden" name="nivel" value="{{ $filtroNivel }}">
                @endif
                @if($filtros['chart_dias'] ?? null)
                    <input type="hidden" name="chart_dias" value="{{ $filtros['chart_dias'] }}">
                @endif
                @if($filtros['chart_inicio'] ?? null)
                    <input type="hidden" name="chart_inicio" value="{{ $filtros['chart_inicio'] }}">
                @endif
                @if($filtros['chart_fim'] ?? null)
                    <input type="hidden" name="chart_fim" value="{{ $filtros['chart_fim'] }}">
                @endif
                <div class="listagem-filters listagem-filters--logs">
                    <div class="listagem-filters__field">
                        <label for="data_log">Data</label>
                        <input type="date" class="form-control" id="data_log" name="data"
                               value="{{ $filtros['data'] ?? '' }}">
                    </div>
                    <div class="listagem-filters__field">
                        <label for="instalacao_id">Instalação</label>
                        <select class="form-control" id="instalacao_id" name="instalacao_id">
                            <option value="">Todas as instalações</option>
                            @foreach($instalacoes as $instalacao)
                                <option value="{{ $instalacao->id }}"
                                    @selected(($filtros['instalacao_id'] ?? '') == $instalacao->id)>
                                    {{ $instalacao->nome }} ({{ $instalacao->slug }})
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="listagem-filters__field">
                        <label for="busca">Buscar na mensagem</label>
                        <input type="search" class="form-control" id="busca" name="busca"
                               value="{{ $filtros['busca'] ?? '' }}"
                               placeholder="Texto na mensagem ou contexto…"
                               autocomplete="off">
                    </div>
                    <div class="listagem-filters__actions">
                        <button type="submit" class="btn-listagem btn-listagem--primary">
                            <i class="fas fa-search" aria-hidden="true"></i>
                            Filtrar
                        </button>
                        <a href="{{ route('logs.index') }}" class="btn-listagem btn-listagem--ghost">
                            <i class="fas fa-undo" aria-hidden="true"></i>
                            Limpar
                        </a>
                    </div>
                </div>
            </form>
        </div>
    </div>

    {{-- Tabela --}}
    <div class="dashboard-panel">
        <div class="dashboard-panel__header">
            <h2 class="dashboard-panel__title">
                <i class="fas fa-list" aria-hidden="true"></i>
                Eventos de log
            </h2>
            <span class="text-muted small" id="total-logs">{{ number_format($resultadoCount, 0, ',', '.') }} registro(s)</span>
        </div>

        @if($logs->isNotEmpty())
            <div class="dashboard-panel__body p-0">
                <div class="dashboard-table-wrap">
                    <table class="dashboard-table">
                        <thead>
                            <tr>
                                <th>Timestamp</th>
                                <th>Instalação</th>
                                <th>Nível</th>
                                <th>Mensagem</th>
                                <th>Ações</th>
                            </tr>
                        </thead>
                        <tbody id="logs-table-body">
                            @foreach($logs as $log)
                                @php
                                    $tipoClass = in_array($log->tipo, ['info', 'warning', 'error', 'debug', 'critical'], true)
                                        ? $log->tipo
                                        : 'default';
                                @endphp
                                <tr class="logs-table-row"
                                    onclick="window.location.href='{{ route('logs.show', $log) }}'">
                                    <td>
                                        <span class="dashboard-table__sub d-block">{{ $log->created_at->format('d/m/Y') }}</span>
                                        <span>{{ $log->created_at->format('H:i:s') }}</span>
                                    </td>
                                    <td>
                                        <span class="logs-instalacao-badge" title="{{ $log->instalacao->nome ?? 'N/A' }}">
                                            {{ $log->instalacao->nome ?? 'N/A' }}
                                        </span>
                                    </td>
                                    <td>
                                        <span class="logs-level-badge logs-level-badge--{{ $tipoClass }}">
                                            <i class="fas fa-{{ $log->tipo_icon }}" aria-hidden="true"></i>
                                            {{ strtoupper($log->tipo) }}
                                        </span>
                                    </td>
                                    <td class="logs-message-cell">
                                        {{ Str::limit($log->mensagem_viewer, 200) }}
                                        @if($log->contexto)
                                            <span class="logs-message-cell__context">
                                                <i class="fas fa-code" aria-hidden="true"></i>
                                                {{ Str::limit($log->contexto_viewer, 120) }}
                                            </span>
                                        @endif
                                    </td>
                                    <td>
                                        <div class="listagem-row-actions" onclick="event.stopPropagation()">
                                            <a href="{{ route('logs.show', $log) }}"
                                               class="listagem-row-actions__btn listagem-row-actions__btn--view"
                                               title="Ver detalhe"
                                               aria-label="Ver log #{{ $log->id }}">
                                                <i class="fas fa-eye" aria-hidden="true"></i>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                @if($logs->hasPages())
                    <div class="listagem-pagination">
                        <span class="listagem-pagination__summary">
                            Exibindo {{ $logs->firstItem() }}–{{ $logs->lastItem() }} de {{ $logs->total() }}
                        </span>
                        <div class="listagem-pagination__controls">
                            {{ $logs->appends(request()->query())->onEachSide(1)->links() }}
                        </div>
                    </div>
                @endif
            </div>
        @else
            <div class="dashboard-panel__body">
                <div class="dashboard-empty">
                    <i class="fas fa-inbox" aria-hidden="true"></i>
                    @if($temFiltros ?? false)
                        <p>Nenhum log encontrado com os filtros aplicados.</p>
                        <a href="{{ route('logs.index') }}" class="btn-listagem btn-listagem--ghost">
                            Limpar filtros
                        </a>
                    @else
                        <p>Ainda não há logs registrados. As instalações enviam eventos via <code>POST /api/v1/logs/receber</code>.</p>
                    @endif
                </div>
            </div>
        @endif
    </div>
</div>
@stop

@section('css')
    <link rel="stylesheet" href="{{ asset('css/adminlte-inter.css') }}">
    <link rel="stylesheet" href="{{ asset('css/waygest-colors.css') }}">
    <link rel="stylesheet" href="{{ asset('css/dashboard.css') }}">
    <link rel="stylesheet" href="{{ asset('css/waygest-listagem.css') }}">
    <link rel="stylesheet" href="{{ asset('css/waygest-logs.css') }}">
@stop

@section('js')
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
    const chartData = @json($chart ?? ['labels' => [], 'nao_resolvidos' => [], 'resolvidos' => []]);
    const canvas = document.getElementById('logsChart');
    const wrap = document.getElementById('wrap-logsChart');

    if (canvas && chartData.labels && chartData.labels.length > 0) {
        new Chart(canvas, {
            type: 'bar',
            data: {
                labels: chartData.labels,
                datasets: [
                    {
                        label: 'Não resolvidos',
                        data: chartData.nao_resolvidos,
                        backgroundColor: 'rgba(220, 53, 69, 0.75)',
                        borderColor: '#dc3545',
                        borderWidth: 1,
                        borderRadius: 4,
                        stack: 'logs',
                    },
                    {
                        label: 'Resolvidos',
                        data: chartData.resolvidos,
                        backgroundColor: 'rgba(40, 167, 69, 0.65)',
                        borderColor: '#28a745',
                        borderWidth: 1,
                        borderRadius: 4,
                        stack: 'logs',
                    },
                ],
            },
            options: {
                responsive: true,
                maintainAspectRatio: false,
                plugins: {
                    legend: { display: false },
                    tooltip: { mode: 'index', intersect: false },
                },
                scales: {
                    x: {
                        stacked: true,
                        grid: { display: false },
                        ticks: { maxTicksLimit: 14, font: { size: 11 } },
                    },
                    y: {
                        stacked: true,
                        beginAtZero: true,
                        ticks: { precision: 0, font: { size: 11 } },
                        grid: { color: 'rgba(108, 99, 255, 0.06)' },
                    },
                },
            },
        });
    } else if (wrap) {
        wrap.innerHTML = '<div class="dashboard-empty dashboard-empty--compact py-4"><i class="fas fa-chart-bar" aria-hidden="true"></i><p>Sem logs no período selecionado.</p></div>';
    }
});
</script>
@stop