@php
    $counts = $overview['counts'];
    $systems = $overview['systems'];
    $requests = $overview['requests'];
    $backupSystems = $backupOverview['systems'];
    $backupSummary = $backupOverview['summary'];
    $formatBytes = static function (int $bytes): string {
        if ($bytes < 1024) return $bytes.' B';
        $units = ['KB', 'MB', 'GB', 'TB'];
        $size = (float) $bytes;
        foreach ($units as $unit) {
            $size /= 1024;
            if ($size < 1024 || $unit === 'TB') return number_format($size, 2, ',', '.').' '.$unit;
        }
        return '0 B';
    };
@endphp
@extends('layout')

@section('content')
    <div class="page-head page-head--rich">
        @include('partials.context-back')
        <div class="t">
            <div class="eyebrow"><i class="ic sm">monitoring</i> Disponibilidade, requisições e proteção de dados</div>
            <h1>Monitoramentos</h1>
            <p class="lead">Acompanhe respostas HTTP e a saúde dos bancos e backups das soluções cadastradas.</p>
        </div>
        <div class="actions"><a class="btn btn--subtle" href="{{ url('saude') }}"><i class="ic">monitor_heart</i><span class="lbl">Saúde da aplicação</span></a></div>
    </div>

    <div class="observability-metrics">
        <article class="stat"><span class="k"><i class="ic">monitor_heart</i> Monitoramentos ativos</span><strong class="v">{{ $counts['configured'] }}</strong><span class="sub">de {{ $systems->count() }} soluções cadastradas</span></article>
        <article class="stat"><span class="k"><i class="ic">check_circle</i> Online</span><strong class="v">{{ $counts['up'] }}</strong><span class="sub">última verificação dentro do esperado</span></article>
        <article class="stat"><span class="k"><i class="ic">error</i> Lentos / indisponíveis</span><strong class="v">{{ $counts['slow'] + $counts['down'] }}</strong><span class="sub">{{ $counts['slow'] }} lento(s) · {{ $counts['down'] }} indisponível(is)</span></article>
        <article class="stat"><span class="k"><i class="ic">database</i> Backups armazenados</span><strong class="v">{{ $formatBytes($backupSummary['size_bytes']) }}</strong><span class="sub">{{ $backupSummary['stored_count'] }} backup(s) retido(s) · {{ $backupSummary['configured'] }} configuração(ões) ativa(s)</span></article>
    </div>

    <div class="monitoring-overview-grid">
    <div id="monitoring-requests">@include('monitoring._requests', ['requests' => $requests])</div>

    <section class="card observability-card monitoring-overview-table-card" x-data="{ showExtras: false }" :class="{ 'show-extra-columns': showExtras }">
        <div class="card-head">
            <h2><i class="ic sm">database</i> Bancos e backups</h2>
            <span class="grow"></span>
            <span class="muted small">Ocupação somada dos backups retidos</span>
            <button type="button" class="btn btn--subtle btn--sm observability-columns-toggle" @click="showExtras = !showExtras" :aria-expanded="showExtras ? 'true' : 'false'"><i class="ic sm" x-text="showExtras ? 'visibility_off' : 'view_column'">view_column</i><span x-text="showExtras ? 'Ocultar colunas' : 'Mais colunas'">Mais colunas</span></button>
        </div>
        <div class="card-body flush">
            @if($backupSystems->isEmpty())
                <div class="empty"><i class="ic">database</i><p>Nenhuma solução cadastrada.</p></div>
            @else
                <div class="table-wrap">
                    <table class="data observability-overview-table">
                        <thead><tr><th>Solução</th><th>Backup automático</th><th class="observability-column-extra">Periodicidade / retenção</th><th>Último backup</th><th class="observability-column-extra">Retidos</th><th class="observability-column-extra">Espaço registrado</th></tr></thead>
                        <tbody>
                            @foreach($backupSystems as $system)
                                @php
                                    $backupTone = !$system->backup_configured ? 'muted' : ($system->backup_enabled ? 'ok' : 'warn');
                                    $backupLabel = !$system->backup_configured ? 'Não configurado' : ($system->backup_enabled ? 'Ativo' : 'Desativado');
                                    $lastTone = match ($system->latest_backup_status) { 'success' => 'ok', 'running' => 'info', 'failed' => 'bad', default => 'muted' };
                                    $lastLabel = match ($system->latest_backup_status) { 'success' => 'Concluído', 'running' => 'Em execução', 'failed' => 'Falhou', default => 'Sem execução' };
                                @endphp
                                <tr>
                                    <td data-label="Solução"><a href="{{ url('sistemas/'.$system->id.'/monitoramento') }}">{{ $system->name }}</a></td>
                                    <td data-label="Backup automático"><span class="badge badge--{{ $backupTone }}">{{ $backupLabel }}</span></td>
                                    <td class="observability-column-extra" data-label="Periodicidade / retenção">@if($system->backup_configured)A cada {{ $system->interval_hours }} h · até {{ $system->retention_count }}@else — @endif</td>
                                    <td data-label="Último backup"><span class="badge badge--{{ $lastTone }}">{{ $lastLabel }}</span>@if($system->latest_backup_at)<small class="observability-backup-date">{{ datetime_br((string) $system->latest_backup_at, 'd/m/Y H:i') }}</small>@endif</td>
                                    <td class="observability-column-extra" data-label="Retidos">{{ $system->backup_count }}</td>
                                    <td class="observability-column-extra" data-label="Espaço registrado">{{ $formatBytes($system->backup_size_bytes) }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <p class="observability-table-note">O espaço é calculado pela soma do tamanho registrado nos backups concluídos que permanecem retidos; arquivos em andamento ou falhos não entram na conta.</p>
            @endif
        </div>
    </section>
    </div>
@endsection