@extends('admin.layout')

@section('title', __('admin.monitoring.title').' · '.__('admin.brand'))

@section('content')
@php
    $stateClass = static fn (string $state): string => match ($state) {
        'healthy' => 'status-success',
        'warning' => 'status-degraded',
        'critical' => 'status-critical',
        'acknowledged' => 'status-pending',
        'resolved' => 'status-success',
        'not_applicable' => 'status-unknown',
        default => 'status-unknown',
    };
    $summary = $report['summary'];
@endphp

<div class="page-heading">
    <div>
        <span class="eyebrow">COASTER WORLD DATA · {{ $platformVersion }}</span>
        <h1>{{ __('admin.monitoring.title') }}</h1>
        <p>{{ __('admin.monitoring.subtitle') }}</p>
    </div>
    <form method="POST" action="{{ route('admin.monitoring.run') }}">
        @csrf
        <button class="button button-primary" type="submit">{{ __('admin.monitoring.run_now') }}</button>
    </form>
</div>

<div class="platform-metric-grid">
    <article class="metric-card">
        <span class="metric-icon">♥</span>
        <div><strong>{{ __('admin.monitoring.states.'.$report['status']) }}</strong><span>{{ __('admin.monitoring.overall_state') }}</span></div>
    </article>
    <article class="metric-card">
        <span class="metric-icon">!</span>
        <div><strong>{{ $activeAlerts->count() }}</strong><span>{{ __('admin.monitoring.active_alerts') }}</span></div>
    </article>
    <article class="metric-card">
        <span class="metric-icon">×</span>
        <div><strong>{{ $summary['critical'] }}</strong><span>{{ __('admin.monitoring.critical_checks') }}</span></div>
    </article>
    <article class="metric-card">
        <span class="metric-icon">△</span>
        <div><strong>{{ $summary['warnings'] }}</strong><span>{{ __('admin.monitoring.warning_checks') }}</span></div>
    </article>
</div>

<section class="panel section-gap">
    <div class="panel-heading">
        <div>
            <h2>{{ __('admin.monitoring.active_alerts_title') }}</h2>
            <p>{{ __('admin.monitoring.active_alerts_hint') }}</p>
        </div>
        <span class="status-badge {{ $scheduleEnabled ? 'status-success' : 'status-unknown' }}">
            {{ $scheduleEnabled ? __('admin.monitoring.schedule_on', ['minutes' => $scheduleMinutes]) : __('admin.monitoring.schedule_off') }}
        </span>
    </div>

    @if (! $alertsAvailable)
        <div class="empty-state">{{ __('admin.monitoring.migration_required') }}</div>
    @elseif ($activeAlerts->isEmpty())
        <div class="empty-state">{{ __('admin.monitoring.no_active_alerts') }}</div>
    @else
        <div class="compact-list">
            @foreach ($activeAlerts as $alert)
                <div>
                    <span>
                        <strong>{{ __('admin.monitoring.checks.'.$alert->code.'.title') }}</strong>
                        <small>
                            {{ __('admin.monitoring.checks.'.$alert->code.'.hint') }}
                            · {{ __('admin.monitoring.detected') }} {{ $alert->last_detected_at?->diffForHumans() ?? '—' }}
                            · {{ __('admin.monitoring.occurrences', ['count' => $alert->occurrences]) }}
                        </small>
                    </span>
                    <span class="provider-actions">
                        <span class="status-badge {{ $stateClass($alert->severity) }}">{{ __('admin.monitoring.states.'.$alert->severity) }}</span>
                        @if ($alert->status === 'acknowledged')
                            <span class="status-badge status-pending">{{ __('admin.monitoring.acknowledged') }}</span>
                        @else
                            <form method="POST" action="{{ route('admin.monitoring.alerts.acknowledge', $alert) }}">
                                @csrf
                                @method('PATCH')
                                <button class="button button-small button-ghost" type="submit">{{ __('admin.monitoring.acknowledge') }}</button>
                            </form>
                        @endif
                    </span>
                </div>
            @endforeach
        </div>
    @endif
</section>

<section class="panel section-gap">
    <div class="panel-heading">
        <div>
            <h2>{{ __('admin.monitoring.health_checks_title') }}</h2>
            <p>{{ __('admin.monitoring.health_checks_hint', ['time' => $report['generated_at']]) }}</p>
        </div>
    </div>
    <div class="table-wrap">
        <table>
            <thead>
                <tr>
                    <th>{{ __('admin.monitoring.check') }}</th>
                    <th>{{ __('admin.status') }}</th>
                    <th>{{ __('admin.monitoring.current') }}</th>
                    <th>{{ __('admin.monitoring.threshold') }}</th>
                </tr>
            </thead>
            <tbody>
            @foreach ($report['checks'] as $check)
                <tr>
                    <td>
                        <strong>{{ __('admin.monitoring.checks.'.$check['code'].'.title') }}</strong>
                        <small class="table-sub">{{ __('admin.monitoring.checks.'.$check['code'].'.hint') }}</small>
                    </td>
                    <td><span class="status-badge {{ $stateClass($check['state']) }}">{{ __('admin.monitoring.states.'.$check['state']) }}</span></td>
                    <td>{{ is_scalar($check['current']) || $check['current'] === null ? ($check['current'] ?? '—') : '—' }}</td>
                    <td>{{ is_scalar($check['threshold']) || $check['threshold'] === null ? ($check['threshold'] ?? '—') : '—' }}</td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
</section>

<section class="panel section-gap">
    <div class="panel-heading">
        <div>
            <h2>{{ __('admin.monitoring.resolved_title') }}</h2>
            <p>{{ __('admin.monitoring.resolved_hint') }}</p>
        </div>
    </div>
    @if (! $alertsAvailable || $resolvedAlerts->isEmpty())
        <div class="empty-state">{{ __('admin.monitoring.no_resolved_alerts') }}</div>
    @else
        <div class="compact-list">
            @foreach ($resolvedAlerts as $alert)
                <div>
                    <span>
                        <strong>{{ __('admin.monitoring.checks.'.$alert->code.'.title') }}</strong>
                        <small>{{ __('admin.monitoring.resolved') }} {{ $alert->resolved_at?->diffForHumans() ?? '—' }}</small>
                    </span>
                    <span class="status-badge status-success">{{ __('admin.monitoring.states.resolved') }}</span>
                </div>
            @endforeach
        </div>
    @endif
</section>

<p class="provider-safety-note section-gap">{{ __('admin.monitoring.safety_note') }}</p>
@endsection