@php($tone = $log->level === 'error' || ($log->status_code ?? 0) >= 500 ? 'bad' : (in_array($log->level, ['warning', 'warn'], true) || ($log->status_code ?? 0) >= 400 ? 'warn' : 'ok'))
@extends('layout')
@section('content')
    <div class="observability-page">
        <div class="page-head page-head--rich observability-head">
            <div class="t">
                <div class="eyebrow"><span class="health-dot health-dot--{{ $tone }}"></span> Evento técnico ·
                    {{ $log->category ?: 'sistema' }}</div>
                <h1>{{ $log->event ?: 'Evento técnico' }}</h1>
                <p class="lead">{{ $log->message ?: 'Sem mensagem adicional.' }}</p>
            </div>
            <div class="actions"><a href="{{ $backUrl }}" class="btn btn--subtle btn--sm"><i class="ic sm" aria-hidden="true">arrow_back</i><span>Voltar aos LOGs</span></a><span
                    class="badge badge--{{ $tone }} plain">{{ $log->status_code ? 'HTTP ' . $log->status_code : strtoupper($log->level) }}</span>
            </div>
        </div>

        @include('observability._log-detail-content')
    </div>
@endsection