@extends('adminlte::page')

@section('title', 'Relatório de bugs')

@section('content_header')
@stop

@section('content')
@php
    $nivelLabels = [
        'info' => 'Info',
        'warning' => 'Aviso',
        'error' => 'Erro',
        'debug' => 'Debug',
        'critical' => 'Crítico',
    ];
@endphp

<div class="dashboard-page dashboard-stagger">
    <section class="dashboard-hero">
        <div class="dashboard-hero__inner">
            <div>
                <p class="dashboard-hero__eyebrow">Correções · Cursor</p>
                <h1 class="dashboard-hero__title">
                    Relatório de <em>bugs</em>
                </h1>
                <p class="dashboard-hero__subtitle">
                    {{ number_format($totalPendentes, 0, ',', '.') }} bug(s) pendente(s)
                    @if($truncado)
                        · {{ $logs->count() }} incluídos neste prompt (truncado por quantidade/tamanho — bugs completos)
                    @else
                        · prompt pronto para colar no Cursor
                    @endif
                </p>
            </div>
            <div class="dashboard-hero__actions">
                @if($totalPendentes > 0)
                    <button type="button" class="btn-dashboard-hero btn-dashboard-hero--primary" id="btn-copiar-prompt">
                        <i class="fas fa-copy" aria-hidden="true"></i>
                        Copiar prompt
                    </button>
                    @can('gestao-write')
                        <form method="POST" action="{{ route('logs.marcar-todos-resolvidos') }}" class="d-inline"
                              onsubmit="return confirm('Marcar {{ number_format($logs->count(), 0, ',', '.') }} bug(s) deste prompt como resolvidos?\n\nTambém serão resolvidos logs pendentes equivalentes (mesmo nível + mensagem normalizada), mesmo fora deste prompt.\n\n{{ $truncado ? 'Bugs com mensagens diferentes que ficaram truncados continuam pendentes.' : '' }}\nPode reabrir estes itens na página seguinte.');">
                            @csrf
                            <input type="hidden" name="confirmar" value="1">
                            <button type="submit" class="btn-dashboard-hero btn-dashboard-hero--ghost">
                                <i class="fas fa-check-double" aria-hidden="true"></i>
                                Marcar prompt como resolvido
                            </button>
                        </form>
                    @endcan
                @endif
                <a href="{{ route('logs.index') }}" class="btn-dashboard-hero btn-dashboard-hero--ghost">
                    <i class="fas fa-arrow-left" aria-hidden="true"></i>
                    Voltar aos logs
                </a>
            </div>
        </div>
    </section>

    @if(session('success'))
        <div class="dashboard-alert-banner dashboard-alert-banner--success mb-4" role="status">
            <i class="fas fa-check-circle" aria-hidden="true"></i>
            <span>{{ session('success') }}</span>
        </div>
    @endif

    @if($totalVoltarPendentes > 0)
        <div class="dashboard-panel mb-4">
            <div class="dashboard-panel__header">
                <h2 class="dashboard-panel__title">
                    <i class="fas fa-undo" aria-hidden="true"></i>
                    Reabrir última marcação
                </h2>
            </div>
            <div class="dashboard-panel__body">
                <p class="mb-3">
                    {{ number_format($totalVoltarPendentes, 0, ',', '.') }} bug(s) da última marcação
                    como resolvido(s) podem voltar a pendentes (inclui equivalentes marcados em cascata).
                </p>
                @can('gestao-write')
                    <form method="POST" action="{{ route('logs.voltar-pendentes') }}"
                          onsubmit="return confirm('Reabrir {{ number_format($totalVoltarPendentes, 0, ',', '.') }} bug(s) e voltá-los a pendentes?\n\nVoltarão a aparecer neste relatório e na listagem principal.');">
                        @csrf
                        <input type="hidden" name="confirmar" value="1">
                        <button type="submit" class="btn-listagem btn-listagem--ghost">
                            <i class="fas fa-undo" aria-hidden="true"></i>
                            Voltar itens para pendentes
                        </button>
                    </form>
                @else
                    <p class="text-muted mb-0">Sem permissão de escrita para reabrir bugs.</p>
                @endcan
            </div>
        </div>
    @endif

    @if($totalPendentes === 0)
        <div class="dashboard-panel">
            <div class="dashboard-panel__body">
                <div class="dashboard-empty">
                    <i class="fas fa-check-double" aria-hidden="true"></i>
                    <p>Não há bugs pendentes (error, warning ou critical). A listagem está limpa.</p>
                    <a href="{{ route('logs.index') }}" class="btn-listagem btn-listagem--ghost">
                        Voltar à central de logs
                    </a>
                </div>
            </div>
        </div>
    @else
        <div class="dashboard-panel mb-4">
            <div class="dashboard-panel__header">
                <h2 class="dashboard-panel__title">
                    <i class="fas fa-terminal" aria-hidden="true"></i>
                    Prompt para Cursor
                </h2>
                <span class="text-muted small">Conteúdo redigido · sem tokens expostos</span>
            </div>
            <div class="dashboard-panel__body">
                <p class="logs-report-intro mb-3">
                    Copie o texto abaixo e cole num chat do Cursor. O prompt exige <strong>causa raiz</strong>,
                    correção válida para <strong>tenants atuais e futuras</strong>, documentação quando necessário,
                    arquitetura WayGest, segurança e formato de entrega.
                    Priorize por severidade (critical → error → warning).
                </p>
                <textarea id="cursor-prompt" class="logs-report-prompt" readonly rows="22">{{ $prompt }}</textarea>
            </div>
        </div>

        <div class="dashboard-panel mb-4">
            <div class="dashboard-panel__header">
                <h2 class="dashboard-panel__title">
                    <i class="fas fa-bug" aria-hidden="true"></i>
                    Bugs incluídos ({{ $logs->count() }})
                </h2>
            </div>
            <div class="dashboard-panel__body p-0">
                <div class="dashboard-table-wrap">
                    <table class="dashboard-table">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Timestamp</th>
                                <th>Instalação</th>
                                <th>Nível</th>
                                <th>Mensagem</th>
                                <th>Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($logs as $log)
                                @php
                                    $tipoClass = in_array($log->tipo, ['info', 'warning', 'error', 'debug', 'critical'], true)
                                        ? $log->tipo
                                        : 'default';
                                @endphp
                                <tr>
                                    <td>{{ $log->id }}</td>
                                    <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">{{ $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, 160) }}</td>
                                    <td>
                                        <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>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="dashboard-panel">
            <div class="dashboard-panel__header">
                <h2 class="dashboard-panel__title">
                    <i class="fas fa-check-circle" aria-hidden="true"></i>
                    Concluir triagem
                </h2>
            </div>
            <div class="dashboard-panel__body">
                <p class="mb-3">
                    Depois de aplicar as correções no Cursor, marque como resolvidos os bugs
                    incluídos neste prompt ({{ $logs->count() }}).
                    Logs pendentes <strong>equivalentes</strong> (mesmo nível e mensagem normalizada),
                    mesmo fora deste prompt, também serão marcados — evita repetir a mesma análise.
                    @if($truncado)
                        Restam bugs com assinaturas diferentes fora deste prompt
                        ({{ number_format(max(0, $totalPendentes - $logs->count()), 0, ',', '.') }} no total truncado) —
                        gere um novo relatório a seguir se ainda houver pendentes.
                    @else
                        Deixarão de aparecer neste relatório e na listagem principal de logs.
                    @endif
                </p>
                @can('gestao-write')
                    <form method="POST" action="{{ route('logs.marcar-todos-resolvidos') }}"
                          onsubmit="return confirm('Marcar {{ number_format($logs->count(), 0, ',', '.') }} bug(s) deste prompt como resolvidos?\n\nTambém serão resolvidos logs pendentes equivalentes (mesmo nível + mensagem normalizada), mesmo fora deste prompt.\n\nPode reabrir estes itens na página seguinte.');">
                        @csrf
                        <input type="hidden" name="confirmar" value="1">
                        <button type="submit" class="btn-listagem btn-listagem--primary">
                            <i class="fas fa-check-double" aria-hidden="true"></i>
                            Marcar bugs do prompt como resolvidos
                        </button>
                    </form>
                @else
                    <p class="text-muted mb-0">Sem permissão de escrita para marcar bugs como resolvidos.</p>
                @endcan
            </div>
        </div>
    @endif
</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>
(function () {
    var btn = document.getElementById('btn-copiar-prompt');
    var textarea = document.getElementById('cursor-prompt');
    if (!btn || !textarea) return;

    btn.addEventListener('click', function () {
        textarea.select();
        textarea.setSelectionRange(0, textarea.value.length);
        var ok = false;
        if (navigator.clipboard && navigator.clipboard.writeText) {
            navigator.clipboard.writeText(textarea.value).then(function () {
                btn.innerHTML = '<i class="fas fa-check" aria-hidden="true"></i> Copiado!';
                setTimeout(function () {
                    btn.innerHTML = '<i class="fas fa-copy" aria-hidden="true"></i> Copiar prompt';
                }, 2000);
            }).catch(function () {
                document.execCommand('copy');
            });
            return;
        }
        try {
            ok = document.execCommand('copy');
        } catch (e) {
            ok = false;
        }
        if (ok) {
            btn.innerHTML = '<i class="fas fa-check" aria-hidden="true"></i> Copiado!';
            setTimeout(function () {
                btn.innerHTML = '<i class="fas fa-copy" aria-hidden="true"></i> Copiar prompt';
            }, 2000);
        }
    });
})();
</script>
@stop