@extends('layouts.admin')

@section('style')
    @parent
    @include('admin.system._style')
    <style>
        /* The lead: one sentence that answers "is the queue OK?" before any table. */
        .sys-health { display:grid; grid-template-columns:44px 1fr; gap:16px; align-items:start; padding:22px; }
        .sys-health-mark { width:44px; height:44px; border-radius:13px; display:grid; place-items:center; font-size:17px; }
        .sys-health.is-ok .sys-health-mark { color:var(--green-700); background:rgba(37,211,102,.14); }
        .sys-health.is-idle .sys-health-mark { color:var(--teal); background:rgba(7,94,84,.08); }
        .sys-health.is-stuck { background:var(--warn-bg); }
        .sys-health.is-stuck .sys-health-mark { color:var(--warn-ink); background:#fbeccd; }
        .sys-health-line { font-family:"Bricolage Grotesque",sans-serif; font-weight:700; font-size:22px;
            letter-spacing:-.015em; line-height:1.25; color:var(--ink); margin:0; }
        .sys-health-note { color:var(--muted); font-size:14px; margin-top:4px; }
        .sys-health.is-stuck .sys-health-note { color:var(--warn-ink); }

        .sys-lanes .sys-row { grid-template-columns:minmax(0,1.4fr) repeat(3, 110px) minmax(0,1fr); padding:12px 22px; }
        .sys-lane-q { font-weight:600; font-size:14px; color:var(--ink); }
        .sys-lane-n { font-variant-numeric:tabular-nums; font-size:13.5px; color:var(--muted); }
        .sys-lane-n strong { color:var(--ink); font-weight:700; }
        .sys-lane-n.is-zero, .sys-lane-n.is-zero strong { color:var(--faint); font-weight:500; }
        .sys-lane-age.is-late { color:var(--warn-ink); font-weight:700; }

        .sys-stats { display:flex; flex-wrap:wrap; gap:8px 28px; align-items:baseline; padding:13px 22px;
            border-top:1px solid var(--line); background:var(--surface-2); font-size:13px; color:var(--muted); }
        .sys-stats strong { color:var(--ink); font-weight:700; font-variant-numeric:tabular-nums; }
        .sys-stats .is-bad strong { color:var(--bad-ink); }

        .sys-jobs .sys-row { grid-template-columns:minmax(0,2fr) minmax(0,.7fr) 104px 168px 80px 104px; }
        .sys-jobs .sys-row.has-error { align-items:start; }
        .sys-error { grid-column:1 / -1; margin-top:-4px; padding:12px 14px; border-radius:12px;
            background:var(--bad-bg); border:1px solid var(--bad-line); }
        .sys-error .sys-code { color:var(--bad-ink); }
        .sys-error-class { font-size:11.5px; font-weight:700; color:var(--bad-ink); margin-bottom:4px; opacity:.8; }
        .sys-jobs .sys-act { justify-self:end; }
        .sys-retried { font-size:12.5px; color:var(--faint); }
        @media (max-width:820px) {
            .sys-lanes .sys-row { grid-template-columns:repeat(2, minmax(0,1fr)) !important; gap:6px 16px; }
            .sys-lane-q { grid-column:1 / -1; }
            .sys-jobs .sys-act { justify-self:start; }
            .sys-jobs .sys-row > span:empty { display:none; }
        }
    </style>
@endsection

@section('content')
@php
    $statusLook = [
        \romanzipp\QueueMonitor\Enums\MonitorStatus::RUNNING => ['Running', 'is-live'],
        \romanzipp\QueueMonitor\Enums\MonitorStatus::SUCCEEDED => ['Done', 'is-good'],
        \romanzipp\QueueMonitor\Enums\MonitorStatus::FAILED => ['Failed', 'is-bad'],
        \romanzipp\QueueMonitor\Enums\MonitorStatus::STALE => ['Stale', 'is-warn'],
        \romanzipp\QueueMonitor\Enums\MonitorStatus::QUEUED => ['Waiting', 'is-quiet'],
    ];
    $tabLabels = ['failed' => 'Failed', 'running' => 'Running', 'waiting' => 'Waiting', 'done' => 'Done', 'stale' => 'Stale'];
    $tabStatuses = \App\Http\Controllers\Admin\SystemController::STATUS_TABS;

    $age = fn ($seconds) => \Carbon\CarbonInterval::seconds(max(1, (int) $seconds))->cascade()->forHumans(['short' => true, 'parts' => 2]);
    $took = function ($s) {
        if ($s < 1) return round($s * 1000) . ' ms';
        if ($s < 60) return number_format($s, 1) . ' s';
        return \Carbon\CarbonInterval::seconds((int) $s)->cascade()->forHumans(['short' => true, 'parts' => 2]);
    };
    $tabUrl = fn ($key) => route('admin.system.queue', array_merge(
        ['channel' => $channel],
        array_filter(['queue' => $filters['queue'] ?? null, 'job' => $filters['job'] ?? null]),
        $key ? ['status' => $key] : []
    ), false);

    $active = $filters['status'] ?? null;
    $stuck = $backlog ? $backlog->where('due', '>', 0)->where('waited', '>=', $stuckAfter)->sortByDesc('waited')->first() : null;
    $waiting = $backlog ? $backlog->sum('due') : 0;
    $running = $backlog ? $backlog->sum('running') : 0;
@endphp

<div class="sys">
    <div class="sys-hero">
        <div class="sys-hero-titles">
            <span class="sys-logo"><i class="fas fa-tasks" aria-hidden="true"></i></span>
            <div>
                <h1 class="sys-h1">Queue monitor</h1>
                <div class="sys-sub">Background jobs for every channel: blasts, template syncs and integrations.</div>
            </div>
        </div>
        <form method="post" action="{{ route('admin.system.queue.restart', ['channel' => $channel], false) }}"
              onsubmit="return confirm('Restart the queue workers? Each finishes its current job, then exits. They only come back if supervisor or cron starts them again.')">
            @csrf
            <button type="submit" class="sys-btn"><i class="fas fa-sync-alt" aria-hidden="true"></i> Restart workers</button>
        </form>
    </div>

    @if(session('system_status'))
        <div class="sys-flash ok" role="status">{{ session('system_status') }}</div>
    @endif
    @if(session('system_error'))
        <div class="sys-flash bad" role="alert">{{ session('system_error') }}</div>
    @endif

    <div class="sys-card">
        @if($backlog !== null)
            @if($stuck)
                <div class="sys-health is-stuck">
                    <span class="sys-health-mark"><i class="fas fa-hourglass-half" aria-hidden="true"></i></span>
                    <div>
                        <p class="sys-health-line">
                            {{ number_format($stuck->due) }} {{ \Illuminate\Support\Str::plural('job', $stuck->due) }}
                            on “{{ $stuck->queue }}” {{ $stuck->due === 1 ? 'has' : 'have' }} waited {{ \Carbon\CarbonInterval::seconds($stuck->waited)->cascade()->forHumans(['parts' => 1]) }}.
                        </p>
                        <div class="sys-health-note">Nothing is picking them up. Check that the queue worker is running.</div>
                    </div>
                </div>
            @elseif($waiting + $running > 0)
                <div class="sys-health is-ok">
                    <span class="sys-health-mark"><i class="fas fa-check" aria-hidden="true"></i></span>
                    <div>
                        <p class="sys-health-line">Jobs are moving.</p>
                        <div class="sys-health-note">{{ number_format($waiting) }} waiting and {{ number_format($running) }} running right now.</div>
                    </div>
                </div>
            @else
                <div class="sys-health is-idle">
                    <span class="sys-health-mark"><i class="fas fa-check" aria-hidden="true"></i></span>
                    <div>
                        <p class="sys-health-line">Nothing waiting.</p>
                        <div class="sys-health-note">Every job that was due has been picked up.</div>
                    </div>
                </div>
            @endif

            @if($backlog->isNotEmpty())
                <div class="sys-lanes">
                    <div class="sys-row head">
                        <span>Queue</span><span>Waiting</span><span>Running</span><span>Scheduled</span><span>Oldest waiting</span>
                    </div>
                    @foreach($backlog as $lane)
                        <div class="sys-row">
                            <span class="sys-lane-q">{{ $lane->queue }}</span>
                            <span class="sys-cell sys-lane-n {{ $lane->due ? '' : 'is-zero' }}" data-label="Waiting"><strong>{{ number_format($lane->due) }}</strong></span>
                            <span class="sys-cell sys-lane-n {{ $lane->running ? '' : 'is-zero' }}" data-label="Running"><strong>{{ number_format($lane->running) }}</strong></span>
                            <span class="sys-cell sys-lane-n {{ $lane->scheduled ? '' : 'is-zero' }}" data-label="Scheduled"
                                  title="Delayed until a set time, such as a blast's send time"><strong>{{ number_format($lane->scheduled) }}</strong></span>
                            <span class="sys-cell sys-lane-age {{ $lane->waited >= $stuckAfter ? 'is-late' : '' }}" data-label="Oldest waiting">
                                {{ $lane->due ? $age($lane->waited) : 'None' }}
                            </span>
                        </div>
                    @endforeach
                </div>
            @endif
        @endif

        <div class="sys-stats">
            <span>Last 14 days</span>
            <span><strong>{{ number_format($stats->ran ?? 0) }}</strong> jobs finished</span>
            <span class="{{ ($stats->failed ?? 0) > 0 ? 'is-bad' : '' }}"><strong>{{ number_format($stats->failed ?? 0) }}</strong> failed</span>
            @if($stats && $stats->avg_seconds !== null)
                <span><strong>{{ $took((float) $stats->avg_seconds) }}</strong> average run time</span>
            @endif
        </div>
    </div>

    <div class="sys-bar">
        <nav class="sys-tabs" aria-label="Filter by status">
            <a class="sys-tab {{ $active ? '' : 'is-on' }}" href="{{ $tabUrl(null) }}" @unless($active) aria-current="page" @endunless>
                All <span class="sys-tab-n">{{ number_format($counts->sum()) }}</span>
            </a>
            @foreach($tabLabels as $key => $label)
                @php $n = (int) ($counts[$tabStatuses[$key]] ?? 0); @endphp
                {{-- Stale only appears when there is something to explain. --}}
                @continue($key === 'stale' && ! $n && $active !== 'stale')
                <a class="sys-tab {{ $active === $key ? 'is-on' : '' }}" href="{{ $tabUrl($key) }}" @if($active === $key) aria-current="page" @endif>
                    {{ $label }} <span class="sys-tab-n {{ $key === 'failed' && $n ? 'is-bad' : '' }}">{{ number_format($n) }}</span>
                </a>
            @endforeach
        </nav>

        <form class="sys-filters" method="get" action="{{ route('admin.system.queue', ['channel' => $channel], false) }}" role="search">
            @if($active)<input type="hidden" name="status" value="{{ $active }}">@endif
            <label class="sr-only" for="sys-queue">Queue</label>
            <select class="sys-select" id="sys-queue" name="queue" onchange="this.form.submit()">
                <option value="">All queues</option>
                @foreach($queues as $q)
                    <option value="{{ $q }}" @if(($filters['queue'] ?? null) === $q) selected @endif>{{ $q }}</option>
                @endforeach
            </select>
            <label class="sr-only" for="sys-job">Job name</label>
            <input class="sys-input" id="sys-job" type="search" name="job" value="{{ $filters['job'] ?? '' }}" placeholder="Search job name">
        </form>
    </div>

    <div class="sys-card sys-jobs">
        @if($jobs->isEmpty())
            <div class="sys-empty">
                <div class="sys-empty-icon"><i class="fas fa-inbox" aria-hidden="true"></i></div>
                @if($active || ($filters['queue'] ?? null) || ($filters['job'] ?? null))
                    <div class="sys-empty-title">No jobs match these filters</div>
                    <div class="sys-empty-sub"><a href="{{ route('admin.system.queue', ['channel' => $channel], false) }}">Show all jobs</a></div>
                @else
                    <div class="sys-empty-title">No jobs recorded yet</div>
                    <div class="sys-empty-sub">Jobs show up here as soon as one is queued or starts running.</div>
                @endif
            </div>
        @else
            <div class="sys-row head">
                <span>Job</span><span>Queue</span><span>Status</span><span>Started</span><span>Took</span><span></span>
            </div>
            @foreach($jobs as $job)
                @php
                    [$statusLabel, $statusClass] = $statusLook[(int) $job->status] ?? ['Unknown', 'is-quiet'];
                    $failed = (int) $job->status === \romanzipp\QueueMonitor\Enums\MonitorStatus::FAILED;
                    $when = $job->started_at ?? $job->queued_at;
                    $namespace = \Illuminate\Support\Str::beforeLast($job->name, '\\');
                    $meta = collect([
                        $namespace !== $job->name ? $namespace : null,
                        $job->attempt > 1 ? "attempt {$job->attempt}" : null,
                    ])->filter()->implode(', ');
                @endphp
                <div class="sys-row item {{ $failed && $job->exception_message ? 'has-error' : '' }}">
                    <div style="min-width:0">
                        <div class="sys-name" title="{{ $job->name }}">{{ $job->getBasename() }}</div>
                        <div class="sys-meta">{{ $meta }}</div>
                    </div>
                    <span class="sys-cell" data-label="Queue">{{ $job->queue }}</span>
                    <span><span class="sys-pill {{ $statusClass }}">{{ $statusLabel }}</span></span>
                    {{-- Waiting rows say "Queued …" in the value itself, so no mobile label to repeat it. --}}
                    <span class="sys-cell" @if($job->started_at) data-label="Started" @endif @if($when) title="{{ $when->toDayDateTimeString() }}" @endif>
                        {{ $when ? ($job->started_at ? '' : 'Queued ') . $when->diffForHumans() : '' }}
                    </span>
                    @if($job->started_at && $job->finished_at)
                        <span class="sys-cell num" data-label="Took">{{ $took($job->getElapsedInterval()->totalSeconds) }}</span>
                    @else
                        <span></span>
                    @endif
                    @if($job->canBeRetried())
                        <form class="sys-act" method="post" action="{{ route('admin.system.queue.retry', ['channel' => $channel, 'monitor' => $job->id], false) }}">
                            @csrf
                            <button type="submit" class="sys-btn"><i class="fas fa-redo" aria-hidden="true"></i> Retry</button>
                        </form>
                    @elseif($failed && $job->retried)
                        <span class="sys-act sys-retried">Retried</span>
                    @else
                        <span></span>
                    @endif

                    @if($failed && $job->exception_message)
                        <div class="sys-error">
                            @if($job->exception_class)<div class="sys-error-class">{{ class_basename($job->exception_class) }}</div>@endif
                            <p class="sys-code sys-clamp">{{ $job->exception_message }}</p>
                            @if($job->exception)
                                <details class="sys-more">
                                    <summary>Stack trace</summary>
                                    <pre class="sys-code sys-pre">{{ $job->exception }}</pre>
                                </details>
                            @endif
                        </div>
                    @endif
                </div>
            @endforeach
        @endif
    </div>

    @include('admin.system._pager', ['p' => $jobs])
</div>
@endsection