@extends('layouts.app')
@section('title', __('Operational metrics'))
@section('page-title', __('Operational metrics'))
@section('page-subtitle', __('Live view of the analysis pipeline + queue config.'))

@push('head')
    <meta http-equiv="refresh" content="30">
@endpush

@php
    $errorTone = $errorRatePct === null
        ? ['text' => 'text-slate-500 dark:text-slate-400', 'bar' => 'bg-slate-200 dark:bg-slate-700']
        : ($errorRatePct >= 10
            ? ['text' => 'text-rose-600 dark:text-rose-400',     'bar' => 'bg-rose-500']
            : ($errorRatePct >= 3
                ? ['text' => 'text-amber-600 dark:text-amber-400',   'bar' => 'bg-amber-500']
                : ['text' => 'text-emerald-600 dark:text-emerald-400', 'bar' => 'bg-emerald-500']));
    $errorBudget = $errorRatePct === null ? 0 : min(100, max(0, $errorRatePct));

    $oldestHuman = function ($s) {
        if ($s === null) return '—';
        if ($s < 60)   return $s.'s';
        if ($s < 3600) return floor($s / 60).'m '.($s % 60).'s';
        return floor($s / 3600).'h '.floor(($s % 3600) / 60).'m';
    };

    // 8 unified stat tiles. Single visual system: heading + number + caption.
    $tiles = [
        ['label' => __('Pending'),         'value' => number_format($pending),                                 'caption' => __('Awaiting a worker'),       'tone' => $pending > 50 ? 'amber' : 'neutral'],
        ['label' => __('Running'),         'value' => number_format($running),                                 'caption' => __('Currently with the LLM'),  'tone' => 'brand'],
        ['label' => __('Awaiting review'), 'value' => number_format($awaiting),                                'caption' => __('Tenant admin queue'),      'tone' => 'neutral'],
        ['label' => __('Failed (24h)'),    'value' => number_format($failedRuns24h),                           'caption' => __('Out of :n total runs', ['n' => $totalRuns24h]), 'tone' => $failedRuns24h > 0 ? 'rose' : 'neutral'],
        ['label' => __('Error rate (24h)'),'value' => $errorRatePct === null ? '—' : $errorRatePct.'%',        'caption' => null,                          'tone' => 'error'],
        ['label' => __('Tokens (24h)'),    'value' => number_format($tokens24h),                               'caption' => __('7d:').' '.number_format($tokens7d), 'tone' => 'neutral'],
        ['label' => __('p95 runtime'),     'value' => $runtimeP95 !== null ? $runtimeP95.'s' : '—',            'caption' => $runsCount.' '.__('runs'),     'tone' => $runtimeP95 !== null && $runtimeP95 > 180 ? 'amber' : 'neutral'],
        ['label' => __('Active workers'),  'value' => $activeWorkers === null ? '—' : (string) $activeWorkers, 'caption' => $oldestHuman($oldestPendingSeconds), 'tone' => $activeWorkers === 0 && ($pending > 0 || $running > 0) ? 'rose' : 'neutral'],
    ];
    $toneClass = function (string $tone): string {
        return match ($tone) {
            'brand'   => 'text-brand-600 dark:text-brand-400',
            'amber'   => 'text-amber-600 dark:text-amber-400',
            'rose'    => 'text-rose-600 dark:text-rose-400',
            'emerald' => 'text-emerald-600 dark:text-emerald-400',
            default   => 'text-slate-900 dark:text-slate-100',
        };
    };
@endphp

@section('content')
<div class="space-y-5 max-w-7xl">

    {{-- ── HEADLINE TILES (8) ─────────────────────────────────────── --}}
    <section class="grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-8 gap-3">
        @foreach($tiles as $t)
            <div class="card p-3.5">
                <div class="text-[10px] uppercase tracking-wider text-slate-500 dark:text-slate-400 truncate">{{ $t['label'] }}</div>
                <div class="text-xl font-semibold tabular-nums mt-1.5 leading-none {{ $t['tone'] === 'error' ? $errorTone['text'] : $toneClass($t['tone']) }}">
                    {{ $t['value'] }}
                </div>
                @if($t['tone'] === 'error')
                    <div class="mt-2 h-1 rounded-full bg-slate-100 dark:bg-slate-800 overflow-hidden">
                        <div class="h-1 {{ $errorTone['bar'] }}" style="width: {{ $errorBudget }}%"></div>
                    </div>
                @elseif($t['caption'])
                    <div class="text-[10px] text-slate-500 dark:text-slate-400 mt-1.5 truncate">{{ $t['caption'] }}</div>
                @endif
            </div>
        @endforeach
    </section>

    {{-- ── GLOBAL SETTINGS (compact form) ─────────────────────────── --}}
    <form method="POST" action="{{ route('super-admin.metrics.globals') }}" class="card overflow-hidden">
        @csrf
        <header class="px-5 py-3 border-b border-slate-200 dark:border-slate-800">
            <h3 class="font-semibold text-sm text-slate-900 dark:text-slate-100">{{ __('Global queue settings') }}</h3>
            <p class="text-xs text-slate-500 dark:text-slate-400 mt-0.5">{{ __('Stored in platform_settings — applied on the next request, no redeploy needed.') }}</p>
        </header>
        <div class="px-5 py-4 grid grid-cols-1 sm:grid-cols-2 gap-5">
            <div>
                <label class="form-label">{{ __('LLM RPM cap') }}</label>
                <input name="llm_rpm" type="number" min="1" max="10000" required
                       value="{{ old('llm_rpm', $llmRpm) }}" class="form-input w-32">
                <p class="text-xs text-slate-500 dark:text-slate-400 mt-1.5 leading-snug">{{ __('Maximum outbound LLM requests per minute across all workers. Set this to whatever your provider tier allows.') }}</p>
                @error('llm_rpm')<p class="form-error">{{ $message }}</p>@enderror
            </div>
            <div>
                <label class="form-label">{{ __('Default per-tenant in-flight cap') }}</label>
                <input name="analysis_max_in_flight_per_tenant" type="number" min="1" max="1000" required
                       value="{{ old('analysis_max_in_flight_per_tenant', $globalInFlightCap) }}" class="form-input w-32">
                <p class="text-xs text-slate-500 dark:text-slate-400 mt-1.5 leading-snug">{{ __('Tenants without an explicit override get this many simultaneous analyses (pending + running). Anything beyond gets a friendly "please wait" message.') }}</p>
                @error('analysis_max_in_flight_per_tenant')<p class="form-error">{{ $message }}</p>@enderror
            </div>
        </div>
        <div class="px-5 py-3 border-t border-slate-200 dark:border-slate-800 bg-slate-50 dark:bg-slate-900/60 flex justify-end">
            <button class="btn-primary text-xs">{{ __('Save globals') }}</button>
        </div>
    </form>

    {{-- ── WORKERS (read-only) ─────────────────────────────────────── --}}
    <section class="card overflow-hidden">
        <header class="px-5 py-3 border-b border-slate-200 dark:border-slate-800 flex items-start justify-between gap-3">
            <div class="min-w-0">
                <h3 class="font-semibold text-sm text-slate-900 dark:text-slate-100">{{ __('Workers') }}</h3>
                <p class="text-xs text-slate-500 dark:text-slate-400 mt-0.5">{{ __('Workers are OS processes — they cannot be started or stopped from the web UI for security reasons. Run the command below under Supervisor (Linux) or NSSM/Task Scheduler (Windows).') }}</p>
            </div>
            <span class="shrink-0 inline-flex items-center gap-1.5 text-[11px] font-medium px-2 py-1 rounded-md
                         {{ $activeWorkers > 0
                            ? 'bg-emerald-50 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-300 ring-1 ring-emerald-200 dark:ring-emerald-900/50'
                            : 'bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-300 ring-1 ring-slate-200 dark:ring-slate-700' }}">
                <span class="w-1.5 h-1.5 rounded-full {{ $activeWorkers > 0 ? 'bg-emerald-500' : 'bg-slate-400 dark:bg-slate-500' }}"></span>
                {{ __('Active') }}: {{ $activeWorkers === null ? '—' : $activeWorkers }}
            </span>
        </header>
        <div class="px-5 py-4 space-y-3">
            <div class="text-[10px] uppercase tracking-wider text-slate-500 dark:text-slate-400">{{ __('Recommended start command') }}</div>
            <pre class="text-[11px] font-mono bg-slate-50 text-slate-800 ring-1 ring-slate-200 dark:bg-slate-900 dark:text-slate-100 dark:ring-slate-800 rounded-lg p-3 overflow-x-auto whitespace-pre-wrap break-all">{{ $recommendedCommand }}</pre>
            <p class="text-xs text-slate-500 dark:text-slate-400 leading-snug">
                {{ __('The "analyses-priority" queue is consumed first, then "analyses", then "default". Start 8 workers per host to begin with — bump up only if you raise the LLM RPM cap.') }}
            </p>
        </div>
    </section>

    {{-- ── PER-TENANT QUEUE CONFIG ────────────────────────────────── --}}
    <section class="card overflow-hidden">
        <header class="px-5 py-3 border-b border-slate-200 dark:border-slate-800">
            <h3 class="font-semibold text-sm text-slate-900 dark:text-slate-100">{{ __('Per-tenant queue config') }}</h3>
            <p class="text-xs text-slate-500 dark:text-slate-400 mt-0.5">{{ __('Toggle the priority lane and override the in-flight cap per tenant. Sorted by 24-hour activity.') }}</p>
        </header>
        @if($tenants->isEmpty())
            <div class="px-5 py-6 text-sm text-slate-500 dark:text-slate-400 text-center">
                {{ __('No tenants yet.') }}
            </div>
        @else
            <div class="overflow-x-auto">
                <table class="w-full text-sm">
                    <thead class="text-[10px] uppercase tracking-wider text-slate-500 dark:text-slate-400 bg-slate-50 dark:bg-slate-900/60">
                        <tr>
                            <th class="text-start font-medium px-5 py-2.5">{{ __('Tenant') }}</th>
                            <th class="text-center font-medium px-3 py-2.5">{{ __('Priority') }}</th>
                            <th class="text-end font-medium px-3 py-2.5">{{ __('Cap (override)') }}</th>
                            <th class="text-end font-medium px-3 py-2.5">{{ __('In-flight') }}</th>
                            <th class="text-end font-medium px-3 py-2.5">{{ __('24h') }}</th>
                            <th class="text-end font-medium px-5 py-2.5"></th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-slate-100 dark:divide-slate-800">
                        @foreach($tenants as $t)
                            @php
                                $effectiveCap = $t->max_concurrent ?? $globalInFlightCap;
                                $atCap = $t->in_flight >= $effectiveCap;
                            @endphp
                            <tr class="hover:bg-slate-50 dark:hover:bg-slate-900/40 transition">
                                <form method="POST" action="{{ route('super-admin.metrics.tenants.update', $t->id) }}">
                                @csrf
                                <td class="px-5 py-3">
                                    <div class="font-medium text-slate-900 dark:text-slate-100 truncate">{{ $t->name }}</div>
                                    <div class="text-[11px] text-slate-500 dark:text-slate-400 font-mono">#{{ $t->id }} · {{ $t->plan ?? '—' }}</div>
                                </td>
                                <td class="text-center px-3 py-3">
                                    <input type="checkbox" name="priority_queue" value="1"
                                           class="rounded border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-900 text-brand-600 focus:ring-brand-500"
                                           @checked($t->priority_queue)>
                                </td>
                                <td class="text-end px-3 py-3">
                                    <input name="max_concurrent_analyses" type="number" min="0" max="1000"
                                           placeholder="{{ $globalInFlightCap }}"
                                           value="{{ $t->max_concurrent ?? '' }}"
                                           class="form-input w-20 text-end text-xs py-1">
                                </td>
                                <td class="text-end px-3 py-3 font-mono tabular-nums {{ $atCap ? 'text-amber-600 dark:text-amber-400' : 'text-slate-700 dark:text-slate-200' }}">
                                    {{ $t->in_flight }}
                                </td>
                                <td class="text-end px-3 py-3 font-mono tabular-nums text-slate-700 dark:text-slate-200">{{ $t->volume_24h }}</td>
                                <td class="text-end px-5 py-3">
                                    <button class="btn-secondary text-[11px] py-1 px-2.5">{{ __('Save') }}</button>
                                </td>
                                </form>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            @if($tenants->hasPages())
                <div class="px-5 py-3 border-t border-slate-200 dark:border-slate-800">
                    {{ $tenants->onEachSide(1)->links() }}
                </div>
            @endif
        @endif
    </section>

    {{-- ── DIAGNOSTICS — QUEUE / STUCK / TOP TENANTS ─────────────── --}}
    <div class="grid grid-cols-1 lg:grid-cols-3 gap-4">

        {{-- Queue depth --}}
        <section class="card overflow-hidden">
            <header class="px-5 py-3 border-b border-slate-200 dark:border-slate-800">
                <h3 class="font-semibold text-sm text-slate-900 dark:text-slate-100">{{ __('Queue depth') }}</h3>
                <p class="text-[11px] text-slate-500 dark:text-slate-400 mt-0.5">{{ __('Connection') }}: <span class="font-mono">{{ $queueConnection }}</span></p>
            </header>
            @if($queueConnection !== 'database')
                <div class="px-5 py-6 text-xs text-slate-500 dark:text-slate-400">
                    {{ __('Live queue depth is only computed when QUEUE_CONNECTION=database. Switch to database (or wire up a Redis dashboard) to see it here.') }}
                </div>
            @elseif(empty($queueDepths))
                <div class="px-5 py-6 text-xs text-slate-500 dark:text-slate-400 text-center">
                    {{ __('All queues are empty.') }}
                </div>
            @else
                <ul class="divide-y divide-slate-100 dark:divide-slate-800">
                    @foreach($queueDepths as $queue => $n)
                        <li class="px-5 py-2.5 flex items-center justify-between text-sm">
                            <span class="font-mono text-slate-700 dark:text-slate-200 truncate">{{ $queue }}</span>
                            <span class="font-semibold tabular-nums {{ $n > 50 ? 'text-amber-600 dark:text-amber-400' : 'text-slate-900 dark:text-slate-100' }}">{{ number_format($n) }}</span>
                        </li>
                    @endforeach
                </ul>
            @endif
        </section>

        {{-- Stuck or — when none — runtime quick stats --}}
        @if($stuck->count())
            <section class="card overflow-hidden ring-1 ring-amber-200/70 dark:ring-amber-900/40">
                <header class="px-5 py-3 border-b border-amber-200/70 dark:border-amber-900/40 bg-amber-50/70 dark:bg-amber-900/10">
                    <h3 class="font-semibold text-sm text-amber-900 dark:text-amber-200">{{ __('Stuck analyses (>10 min in RUNNING)') }}</h3>
                </header>
                <ul class="divide-y divide-slate-100 dark:divide-slate-800 max-h-64 overflow-y-auto">
                    @foreach($stuck as $a)
                        <li class="px-5 py-2.5 text-xs">
                            <div class="font-mono text-slate-700 dark:text-slate-200 truncate">#{{ $a->id }} · {{ $a->analysis_type }}</div>
                            <div class="text-[11px] text-slate-500 dark:text-slate-400">
                                {{ __('Tenant') }} #{{ $a->tenant_id }} · {{ __('started') }} {{ \Illuminate\Support\Carbon::parse($a->started_at)->diffForHumans() }}
                            </div>
                        </li>
                    @endforeach
                </ul>
            </section>
        @else
            <section class="card overflow-hidden">
                <header class="px-5 py-3 border-b border-slate-200 dark:border-slate-800">
                    <h3 class="font-semibold text-sm text-slate-900 dark:text-slate-100">{{ __('Analysis runtime (last 24h)') }}</h3>
                </header>
                <dl class="px-5 py-4 grid grid-cols-3 gap-3 text-center">
                    <div>
                        <dt class="text-[10px] uppercase tracking-wider text-slate-500 dark:text-slate-400">{{ __('Avg') }}</dt>
                        <dd class="text-xl font-semibold tabular-nums mt-1 text-slate-900 dark:text-slate-100">{{ $runtimeAvg !== null ? $runtimeAvg.'s' : '—' }}</dd>
                    </div>
                    <div>
                        <dt class="text-[10px] uppercase tracking-wider text-slate-500 dark:text-slate-400">{{ __('p50') }}</dt>
                        <dd class="text-xl font-semibold tabular-nums mt-1 text-slate-900 dark:text-slate-100">{{ $runtimeP50 !== null ? $runtimeP50.'s' : '—' }}</dd>
                    </div>
                    <div>
                        <dt class="text-[10px] uppercase tracking-wider text-slate-500 dark:text-slate-400">{{ __('p95') }}</dt>
                        <dd class="text-xl font-semibold tabular-nums mt-1 {{ $runtimeP95 !== null && $runtimeP95 > 180 ? 'text-amber-600 dark:text-amber-400' : 'text-slate-900 dark:text-slate-100' }}">
                            {{ $runtimeP95 !== null ? $runtimeP95.'s' : '—' }}
                        </dd>
                    </div>
                </dl>
                <p class="px-5 pb-4 text-[11px] text-slate-500 dark:text-slate-400 leading-snug">
                    {{ __('Wall-clock time from the worker picking up the job to the analysis finishing. p95 above 180 s suggests the LLM is throttling or the prompt is too large for the chosen token budget.') }}
                </p>
            </section>
        @endif

        {{-- Top tenants --}}
        <section class="card overflow-hidden">
            <header class="px-5 py-3 border-b border-slate-200 dark:border-slate-800">
                <h3 class="font-semibold text-sm text-slate-900 dark:text-slate-100">{{ __('Top tenants (last 24h)') }}</h3>
            </header>
            @if($topTenants->isEmpty())
                <div class="px-5 py-6 text-xs text-slate-500 dark:text-slate-400 text-center">
                    {{ __('No analyses in the last 24 hours.') }}
                </div>
            @else
                <ul class="divide-y divide-slate-100 dark:divide-slate-800 max-h-64 overflow-y-auto">
                    @foreach($topTenants as $t)
                        <li class="px-5 py-2.5 flex items-center justify-between gap-3 text-sm">
                            <div class="min-w-0">
                                <div class="font-medium text-slate-900 dark:text-slate-100 truncate">{{ $t->name }}</div>
                                <div class="text-[11px] text-slate-500 dark:text-slate-400 font-mono">#{{ $t->tenant_id }}</div>
                            </div>
                            <div class="text-end shrink-0">
                                <div class="font-mono tabular-nums text-slate-900 dark:text-slate-100">{{ number_format($t->n) }}</div>
                                <div class="text-[10px] font-mono tabular-nums text-slate-500 dark:text-slate-400">{{ number_format($t->tok ?? 0) }} tk</div>
                            </div>
                        </li>
                    @endforeach
                </ul>
            @endif
        </section>
    </div>

    {{-- ── FAILURES (analyses + jobs, side-by-side) ──────────────── --}}
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
        <section class="card overflow-hidden">
            <header class="px-5 py-3 border-b border-slate-200 dark:border-slate-800">
                <h3 class="font-semibold text-sm text-slate-900 dark:text-slate-100">{{ __('Recent analysis failures (last 24h)') }}</h3>
            </header>
            @if($recentAnalysisFailures->isEmpty())
                <div class="px-5 py-6 text-xs text-slate-500 dark:text-slate-400 text-center">
                    {{ __('No analysis failures in the last 24 hours.') }}
                </div>
            @else
                <ul class="divide-y divide-slate-100 dark:divide-slate-800 max-h-72 overflow-y-auto">
                    @foreach($recentAnalysisFailures as $a)
                        <li class="px-5 py-3 text-xs">
                            <div class="font-mono text-slate-700 dark:text-slate-200 truncate">#{{ $a->id }} · {{ $a->analysis_type }}</div>
                            <div class="text-[11px] text-slate-500 dark:text-slate-400">
                                {{ __('Tenant') }} #{{ $a->tenant_id }} · {{ \Illuminate\Support\Carbon::parse($a->finished_at)->diffForHumans() }}
                            </div>
                            @if($a->error)
                                <div class="mt-1 text-[11px] text-rose-600 dark:text-rose-400 line-clamp-2 font-mono break-all">{{ $a->error }}</div>
                            @endif
                        </li>
                    @endforeach
                </ul>
            @endif
        </section>

        <section class="card overflow-hidden">
            <header class="px-5 py-3 border-b border-slate-200 dark:border-slate-800">
                <h3 class="font-semibold text-sm text-slate-900 dark:text-slate-100">{{ __('Recent failed jobs') }}</h3>
                <p class="text-[11px] text-slate-500 dark:text-slate-400 mt-0.5">{{ __('From the failed_jobs table — Laravel-level failures (timeouts, OOM, etc.).') }}</p>
            </header>
            @if($recentFailures->isEmpty())
                <div class="px-5 py-6 text-xs text-slate-500 dark:text-slate-400 text-center">
                    {{ __('No failed jobs.') }}
                </div>
            @else
                <ul class="divide-y divide-slate-100 dark:divide-slate-800 max-h-72 overflow-y-auto">
                    @foreach($recentFailures as $f)
                        @php
                            $excerpt = trim((string) $f->exception);
                            $firstLine = strtok($excerpt, "\n");
                        @endphp
                        <li class="px-5 py-3 text-xs">
                            <div class="font-mono text-slate-700 dark:text-slate-200 truncate">{{ $f->queue }} · {{ $f->connection }}</div>
                            <div class="text-[11px] text-slate-500 dark:text-slate-400">{{ \Illuminate\Support\Carbon::parse($f->failed_at)->diffForHumans() }}</div>
                            <div class="mt-1 text-[11px] text-rose-600 dark:text-rose-400 line-clamp-2 font-mono break-all">{{ $firstLine ?: '—' }}</div>
                        </li>
                    @endforeach
                </ul>
            @endif
        </section>
    </div>

</div>
@endsection