@php($resultCount = (int) $logs->total())
<div class="observability-log-tools">
    <form class="observability-log-filters" method="get" action="{{ url('operacao') }}#technical-logs-card">
        <label class="observability-log-search">
            <i class="ic" aria-hidden="true">search</i>
            <span class="sr-only">Buscar nos logs</span>
            <input type="search" name="logs_q" value="{{ $filters['logs_q'] ?? '' }}" maxlength="120" placeholder="Rota, mensagem, IP ou request ID">
        </label>
        <label class="observability-log-filter">
            <span class="sr-only">Período</span>
            <select name="logs_period" aria-label="Período dos logs">
                <option value="24h" @selected(($filters['logs_period'] ?? 'all') === '24h')>Últimas 24 horas</option>
                <option value="7d" @selected(($filters['logs_period'] ?? 'all') === '7d')>Últimos 7 dias</option>
                <option value="30d" @selected(($filters['logs_period'] ?? 'all') === '30d')>Últimos 30 dias</option>
                <option value="all" @selected(($filters['logs_period'] ?? 'all') === 'all')>Todo período</option>
            </select>
        </label>
        <label class="observability-log-filter">
            <span class="sr-only">Nível</span>
            <select name="logs_level" aria-label="Nível do log">
                <option value="all" @selected(($filters['logs_level'] ?? 'all') === 'all')>Todos os níveis</option>
                <option value="error" @selected(($filters['logs_level'] ?? 'all') === 'error')>Erros</option>
                <option value="warning" @selected(($filters['logs_level'] ?? 'all') === 'warning')>Alertas</option>
                <option value="info" @selected(($filters['logs_level'] ?? 'all') === 'info')>Informativos</option>
            </select>
        </label>
        <label class="observability-log-filter">
            <span class="sr-only">Status HTTP</span>
            <select name="logs_status" aria-label="Status HTTP">
                <option value="all" @selected(($filters['logs_status'] ?? 'all') === 'all')>Todos os status</option>
                <option value="5xx" @selected(($filters['logs_status'] ?? 'all') === '5xx')>5xx · Servidor</option>
                <option value="4xx" @selected(($filters['logs_status'] ?? 'all') === '4xx')>4xx · Cliente</option>
                <option value="2xx" @selected(($filters['logs_status'] ?? 'all') === '2xx')>2xx · Sucesso</option>
            </select>
        </label>
        <button type="submit" class="btn btn--primary btn--sm"><i class="ic sm" aria-hidden="true">filter_alt</i><span>Filtrar</span></button>
        @if(($filters['logs_q'] ?? '') !== '' || ($filters['logs_period'] ?? 'all') !== 'all' || ($filters['logs_level'] ?? 'all') !== 'all' || ($filters['logs_status'] ?? 'all') !== 'all')
            <a class="btn btn--subtle btn--sm observability-log-clear" href="{{ url('operacao#technical-logs-card') }}"><i class="ic sm" aria-hidden="true">close</i><span>Limpar</span></a>
        @endif
    </form>
    <div class="observability-log-results">
        <span><strong>{{ number_format($resultCount, 0, ',', '.') }}</strong> {{ $resultCount === 1 ? 'evento encontrado' : 'eventos encontrados' }}</span>
        <span class="muted">{{ ($filters['logs_period'] ?? 'all') === 'all' ? 'Todo o histórico retido' : 'Período filtrado' }}</span>
    </div>
</div>

@if($logs->isEmpty())
    <div class="observability-log-empty">
        <span class="observability-log-empty__icon"><i class="ic">manage_search</i></span>
        <strong>Nenhum evento encontrado</strong>
        <span>Ajuste os filtros ou tente buscar por rota, IP ou ID da requisição.</span>
    </div>
@else
    <div class="observability-log-list">
        @foreach($logs as $log)
            @php($status = (int) ($log->status_code ?? 0))
            @php($levelTone = $log->level === 'error' || $status >= 500 ? 'bad' : (in_array($log->level, ['warning', 'warn'], true) || $status >= 400 ? 'warn' : ($log->level === 'info' ? 'info' : 'muted')))
            @php($displayPath = $log->url ? \Illuminate\Support\Str::before($log->url, '?') : null)
            <a class="observability-log-entry" data-technical-log-link data-tone="{{ $levelTone }}" href="{{ url('operacao/eventos-tecnicos/'.$log->id).'?'.http_build_query($filters) }}">
                <span class="observability-log-entry__marker"><i class="ic sm" aria-hidden="true">{{ $levelTone === 'bad' ? 'error' : ($levelTone === 'warn' ? 'warning' : ($levelTone === 'info' ? 'info' : 'article')) }}</i></span>
                <span class="observability-log-entry__content">
                    <span class="observability-log-entry__heading">
                        <strong>{{ $log->event ?: 'Evento técnico' }}</strong>
                        <time datetime="{{ $log->created_at?->toIso8601String() }}">{{ datetime_br($log->created_at?->format('Y-m-d H:i:s'), 'd/m/Y H:i:s') }}</time>
                    </span>
                    <span class="observability-log-entry__message">{{ $log->message ?: 'Sem mensagem adicional.' }}</span>
                    <span class="observability-log-entry__metadata">
                        @if($status > 0)<span class="observability-log-tag observability-log-tag--status" data-tone="{{ $status >= 500 ? 'bad' : ($status >= 400 ? 'warn' : 'ok') }}">HTTP {{ $status }}</span>@endif
                        @if($log->category)<span class="observability-log-tag">{{ $log->category }}</span>@endif
                        @if($log->method)<span class="observability-log-tag"><b>{{ $log->method }}</b>{{ $displayPath ?: '' }}</span>@endif
                        @if($log->route_name)<span class="observability-log-tag"><i class="ic sm" aria-hidden="true">route</i>{{ $log->route_name }}</span>@endif
                        @if($log->ip_address)<span class="observability-log-tag"><i class="ic sm" aria-hidden="true">lan</i>{{ $log->ip_address }}</span>@endif
                        @if($log->duration_ms !== null)<span class="observability-log-tag"><i class="ic sm" aria-hidden="true">schedule</i>{{ number_format($log->duration_ms, 0, ',', '.') }} ms</span>@endif
                        @if($log->user_id)<span class="observability-log-tag"><i class="ic sm" aria-hidden="true">person</i>Usuário #{{ $log->user_id }}</span>@endif
                        @if($log->request_id)<span class="observability-log-tag observability-log-tag--request" title="{{ $log->request_id }}"><i class="ic sm" aria-hidden="true">fingerprint</i>{{ \Illuminate\Support\Str::limit($log->request_id, 18) }}</span>@endif
                        @if($log->user_agent)<span class="observability-log-tag observability-log-tag--user-agent" title="{{ $log->user_agent }}"><i class="ic sm" aria-hidden="true">devices</i>{{ $log->user_agent }}</span>@endif
                    </span>
                </span>
                <i class="ic observability-log-entry__open" aria-hidden="true">chevron_right</i>
            </a>
        @endforeach
    </div>
@endif

@if($logs->lastPage() > 1)
    @php($previousQuery = array_merge($filters, ['logs_page' => $logs->currentPage() - 1]))
    @php($nextQuery = array_merge($filters, ['logs_page' => $logs->currentPage() + 1]))
    <nav class="observability-pagination" aria-label="Paginação dos eventos técnicos">
        @if($logs->currentPage() > 1)
            <a class="btn btn--subtle btn--sm" href="{{ url('operacao?'.http_build_query($previousQuery).'#technical-logs-card') }}" data-logs-page data-logs-url="{{ url('operacao/eventos-tecnicos?'.http_build_query($previousQuery)) }}"><i class="ic sm">chevron_left</i><span>Anterior</span></a>
        @endif
        <span class="muted small">Página {{ $logs->currentPage() }} de {{ $logs->lastPage() }}</span>
        @if($logs->currentPage() < $logs->lastPage())
            <a class="btn btn--subtle btn--sm" href="{{ url('operacao?'.http_build_query($nextQuery).'#technical-logs-card') }}" data-logs-page data-logs-url="{{ url('operacao/eventos-tecnicos?'.http_build_query($nextQuery)) }}"><span>Próxima</span><i class="ic sm">chevron_right</i></a>
        @endif
    </nav>
@endif