@php
    $tone = $report['overall'];
    $label = $tone === 'ok' ? 'Operação normal' : ($tone === 'bad' ? 'Atenção necessária' : 'Operação com alertas');
    $worker = $report['worker'];
    $privacy = $report['privacy'];
    $telemetry = $report['telemetry'];
    $jobsTelemetry = $telemetry['jobs'];
    $httpTelemetry = $telemetry['http'];
    $logsTelemetry = $telemetry['logs'];
    $aurelio = $report['aurelio'];
    $operation = $observability;
    $p95Jobs = ($jobsTelemetry['p95_duration_ms'] ?? null) === null ? '—' : $jobsTelemetry['p95_duration_ms'] . ' ms';
@endphp

@extends('layout')

@section('content')
    <div class="page-head page-head--rich">
        @include('partials.context-back')
        <div class="t"><div class="eyebrow"><span class="health-dot health-dot--{{ $tone }}"></span> {{ $label }}</div><h1>Saúde da aplicação</h1><p class="lead">Estado do painel e sinais operacionais dos últimos 14 dias.</p></div>
        <div class="actions"><a class="btn btn--subtle" href="{{ url('saude') }}" title="Atualizar diagnóstico"><i class="ic">refresh</i><span class="lbl">Atualizar</span></a></div>
    </div>

    <div class="observability-metrics health-summary-grid">
        <article class="stat"><span class="k"><i class="ic">stacks</i> Jobs · 14 dias</span><strong class="v">{{ $jobsTelemetry['total'] }}</strong><span class="sub">{{ $jobsTelemetry['average_duration_ms'] }} ms médio · p95 {{ $p95Jobs }}</span></article>
        <article class="stat"><span class="k"><i class="ic">speed</i> Resposta HTTP</span><strong class="v">{{ $httpTelemetry['average_response_ms'] }}<small> ms</small></strong><span class="sub">média dos endpoints monitorados</span></article>
        <article class="stat"><span class="k"><i class="ic">monitor_heart</i> Disponibilidade</span><strong class="v">{{ $httpTelemetry['availability'] === null ? '—' : number_format($httpTelemetry['availability'], 1, ',', '.') }}<small>{{ $httpTelemetry['availability'] === null ? '' : '%' }}</small></strong><span class="sub">{{ $httpTelemetry['availability'] === null ? 'sem medições no período' : 'verificações HTTP bem-sucedidas' }}</span></article>
        <article class="stat"><span class="k"><i class="ic">terminal</i> Eventos técnicos</span><strong class="v">{{ $logsTelemetry['total_count'] }}</strong><span class="sub">{{ $logsTelemetry['error_count'] }} erro(s) no período</span></article>
        <article class="stat"><span class="k"><i class="ic">smart_toy</i> Aurélio · 24h</span><strong class="v">{{ $aurelio['failures_24h'] }}</strong><span class="sub">{{ (int) $aurelio['failures_24h'] === 0 ? 'sem falhas de resposta' : 'falha(s) de resposta' }}</span></article>
    </div>

    <nav class="health-observability-nav" aria-label="Seções de saúde operacional">
        {{-- O <base> global aponta para a raiz do painel; hash puro cairia na home. --}}
        <a href="{{ url('saude#health-queues') }}"><i class="ic sm">stacks</i> Filas</a>
        <a href="{{ url('saude#recent-jobs') }}"><i class="ic sm">history</i> Jobs recentes</a>
    </nav>

    <div class="grid cols-3 health-chart-grid" data-health-charts="{{ json_encode(['labels' => $telemetry['labels'], 'jobs' => $jobsTelemetry, 'http' => $httpTelemetry, 'logs' => $logsTelemetry], JSON_HEX_APOS | JSON_HEX_QUOT | JSON_HEX_AMP | JSON_HEX_TAG) }}">
        <section class="card health-chart-card">
            <div class="card-head"><h2><i class="ic sm">speed</i> Tempo dos jobs</h2><span class="grow"></span><span class="muted small">{{ $jobsTelemetry['average_duration_ms'] }} ms médio</span></div>
            <div class="card-body"><div class="health-chart"><canvas id="healthJobsChart" aria-label="Tempo médio dos jobs por dia"></canvas></div></div>
        </section>
        <section class="card health-chart-card">
            <div class="card-head"><h2><i class="ic sm">http</i> HTTP monitorado</h2><span class="grow"></span><span class="muted small">{{ $httpTelemetry['availability'] === null ? 'sem dados' : number_format($httpTelemetry['availability'], 1, ',', '.') . '% disponível' }}</span></div>
            <div class="card-body"><div class="health-chart"><canvas id="healthHttpChart" aria-label="Tempo médio de resposta HTTP por dia"></canvas></div></div>
        </section>
        <section class="card health-chart-card">
            <div class="card-head"><h2><i class="ic sm">monitoring</i> Eventos técnicos</h2><span class="grow"></span><span class="muted small">{{ $logsTelemetry['error_count'] }} erro(s)</span></div>
            <div class="card-body"><div class="health-chart"><canvas id="healthLogsChart" aria-label="Eventos técnicos por dia"></canvas></div></div>
        </section>
    </div>

    <section class="card observability-card health-backups-card">
        <div class="card-head">
            <h2><i class="ic sm">backup</i> Backups recentes</h2>
            <span class="grow"></span>
            <span class="badge badge--{{ $operation['backups']['failed'] > 0 ? 'bad' : ($operation['backups']['configured'] > 0 ? 'ok' : 'muted') }} plain">{{ $operation['backups']['failed'] }} falha(s)</span>
        </div>
        <div class="card-body observability-backups-body">
            <p class="muted small">Backups SQL são executados pelo worker e permanecem no armazenamento privado de cada solução.</p>
            @if($operation['recent_backups']->isNotEmpty())
                <div class="observability-backup-list">
                    @foreach($operation['recent_backups'] as $backup)
                        @php($backupTone = $backup->status === 'success' ? 'ok' : ($backup->status === 'failed' ? 'bad' : 'warn'))
                        <div class="observability-backup-row"><span class="health-dot health-dot--{{ $backupTone }}"></span><span class="observability-backup-main"><strong>{{ $backup->system?->name ?? 'Solução' }}</strong><small>{{ $backup->file_name ?: 'Backup em processamento' }}</small></span><span class="observability-backup-meta">{{ $backup->size_bytes ? number_format($backup->size_bytes / 1048576, 2, ',', '.') . ' MB' : label($backup->status) }}<br><small>{{ datetime_br(($backup->completed_at ?: $backup->created_at)?->format('Y-m-d H:i:s'), 'd/m H:i') }}</small></span>@if($backup->status === 'success')<a class="icon-btn" href="{{ url('sistemas/' . $backup->system_id . '/backups/' . $backup->id) }}" title="Baixar backup" aria-label="Baixar backup"><i class="ic sm">download</i></a>@endif</div>
                    @endforeach
                </div>
            @else
                <p class="observability-empty-inline">Nenhum backup executado ainda.</p>
            @endif
            <a class="btn btn--subtle btn--sm" href="{{ url('sistemas') }}">Gerenciar soluções e backups <i class="ic sm">arrow_forward</i></a>
        </div>
    </section>

    <section class="card health-queues-card" id="health-queues">
        <div class="card-head">
            <h2><i class="ic sm">stacks</i> Filas e capacidade</h2>
            <span class="grow"></span>
            <button type="button" class="btn btn--subtle btn--sm" data-worker-process><i class="ic sm">play_arrow</i><span>Processar pendentes</span></button>
            <small class="muted" data-worker-process-feedback>Até 10 jobs por ação.</small>
            <span class="muted small">{{ $worker['stats']['queued'] }} pendente(s) · {{ $worker['stats']['running'] }} em execução</span>
        </div>
        <div class="card-body flush">
            <div class="health-queue-list">
                @foreach($worker['queues'] as $queueName => $queue)
                    @php($queueMessage = $queue['alerts'] !== [] ? implode(' · ', $queue['alerts']) : 'Operação normal')
                    @php($queueP95 = ($queue['p95_duration_ms'] ?? null) === null ? 'p95 —' : 'p95 ' . $queue['p95_duration_ms'] . ' ms')
                    @php($waitP95 = ($queue['p95_wait_ms'] ?? null) === null ? 'espera p95 —' : 'espera p95 ' . $queue['p95_wait_ms'] . ' ms')
                    <div class="health-queue-row" data-health-queue="{{ $queueName }}">
                        <span class="health-dot health-dot--{{ $queue['tone'] }}"></span>
                        <div class="health-queue-main">
                            <strong><a href="{{ url('saude?jobs_queue=' . $queueName . '&jobs_status=all#recent-jobs') }}">{{ $queue['label'] }}</a></strong>
                            <small>{{ $queue['description'] }}</small>
                            @if($queueMessage !== 'Operação normal')<span class="health-queue-alert health-queue-alert--{{ $queue['tone'] }}">{{ $queueMessage }}</span>@endif
                        </div>
                        <div class="health-queue-metrics">
                            <span>{{ $queue['stats']['queued'] }} pendentes</span>
                            <span>{{ $queue['stats']['running'] }}/{{ $queue['concurrency'] }} rodando</span>
                            <span>{{ $queueP95 }} · {{ $waitP95 }}</span>
                        </div>
                        <span class="health-queue-capacity">limite {{ $queue['max_queued'] }}</span>
                        <a class="health-queue-jobs-link" href="{{ url('saude?jobs_queue=' . $queueName . '&jobs_status=all#recent-jobs') }}" aria-label="Ver jobs da fila {{ $queue['label'] }}">Ver jobs <i class="ic sm">arrow_forward</i></a>
                    </div>
                @endforeach
                @if($worker['queues'] === [])
                    <div class="empty muted">Métricas das filas indisponíveis no momento.</div>
                @endif
            </div>
        </div>
    </section>

    <section class="card observability-card" id="recent-jobs">
        <div class="card-head health-jobs-head"><h2><i class="ic sm">history</i> Jobs recentes</h2><span class="grow"></span><span class="muted small">{{ $operation['jobs_pagination']->total() }} resultado(s)</span></div>
        <form class="health-jobs-filters" action="{{ url('saude#recent-jobs') }}" method="get">
            <label>Fila
                <select name="jobs_queue">
                    <option value="all" @selected($jobsQueueFilter === 'all')>Todas as filas</option>
                    @foreach($worker['queues'] as $queueName => $queue)<option value="{{ $queueName }}" @selected($jobsQueueFilter === $queueName)>{{ $queue['label'] }}</option>@endforeach
                </select>
            </label>
            <label>Situação
                <select name="jobs_status">
                    @foreach(['all' => 'Todas', 'queued' => 'Aguardando', 'running' => 'Em execução', 'completed' => 'Concluídos', 'failed' => 'Falhos'] as $statusValue => $statusText)<option value="{{ $statusValue }}" @selected($jobsStatusFilter === $statusValue)>{{ $statusText }}</option>@endforeach
                </select>
            </label>
            <button class="btn btn--subtle btn--sm" type="submit"><i class="ic sm">filter_alt</i> Filtrar</button>
            @if($jobsQueueFilter !== 'all' || $jobsStatusFilter !== 'all')<a class="btn btn--ghost btn--sm" href="{{ url('saude#recent-jobs') }}">Limpar filtros</a>@endif
        </form>
        <div class="card-body flush" data-jobs-container aria-live="polite">@include('observability._jobs', ['jobs' => $operation['jobs_pagination']])</div>
    </section>

    <div class="grid health-sections">
        <section class="card health-status-card"><div class="card-head"><h2><i class="ic sm">verified_user</i> Diagnóstico do painel</h2><span class="grow"></span><span class="muted small">{{ count($report['checks']) }} verificações</span></div><div class="card-body flush"><div class="health-status-list">@foreach($report['checks'] as $check)<div class="health-status-row"><span class="health-dot health-dot--{{ $check['tone'] }}"></span><span><strong>{{ $check['title'] }}</strong><small>{{ $check['detail'] }}</small></span><span class="health-status-state health-status-state--{{ $check['tone'] }}">{{ $check['tone'] === 'ok' ? 'Normal' : ($check['tone'] === 'bad' ? 'Atenção' : 'Alerta') }}</span></div>@endforeach</div></div></section>
        <section class="card health-retention-card"><div class="card-head"><h2><i class="ic sm">privacy_tip</i> Retenção de conversas</h2><span class="grow"></span><span class="badge badge--accent plain">{{ $report['retention_days'] }} dias</span></div><div class="card-body"><div class="health-metrics"><div><span>Total</span><strong>{{ $privacy['total'] }}</strong></div><div><span>Anonimizadas</span><strong>{{ $privacy['anonymized'] }}</strong></div><div><span>Aguardando política</span><strong>{{ $privacy['pending'] }}</strong></div></div><p class="muted small health-note">A política remove dados identificáveis após o prazo, preservando apenas a estrutura necessária para métricas.</p></div></section>
    </div>

@endsection