@php
    $scopeOptions = [
        '' => 'All runs',
        'deviations' => 'Deviations only',
        'open' => 'Open (no corrective action yet)',
    ];
@endphp

<x-app-layout title="Quality control">
    <x-page-header
        title="Quality control"
        subtitle="Control runs, calibrations and deviations — judged the moment the number is keyed in"
        icon="beaker"
        :back="route('lab-orders.index')"
        backLabel="Laboratory">
        <x-slot:meta>
            <span class="inline-flex items-center gap-1 text-xs font-medium text-slate-500">
                <x-icon name="activity" size="xs" />
                {{ $stats['runs'] }} run(s) today
                &middot; {{ $stats['deviations'] }} open deviation(s)
            </span>
        </x-slot:meta>
    </x-page-header>

    <x-flash />

    {{-- ------------------------------------------------------------ stats --}}
    <div class="mt-6 grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
        <div class="rounded-xl border border-slate-200 bg-white p-4">
            <p class="text-xs font-medium uppercase tracking-wide text-slate-400">Runs today</p>
            <p class="mt-1 text-2xl font-bold text-slate-900">{{ $stats['runs'] }}</p>
            <p class="mt-0.5 text-xs text-slate-500">Controls, calibrations, maintenance checks</p>
        </div>
        <div class="rounded-xl border {{ $stats['deviations'] > 0 ? 'border-red-200 bg-red-50' : 'border-slate-200 bg-white' }} p-4">
            <p class="text-xs font-medium uppercase tracking-wide {{ $stats['deviations'] > 0 ? 'text-red-600' : 'text-slate-400' }}">Open deviations</p>
            <p class="mt-1 text-2xl font-bold {{ $stats['deviations'] > 0 ? 'text-red-700' : 'text-slate-900' }}">{{ $stats['deviations'] }}</p>
            <p class="mt-0.5 text-xs {{ $stats['deviations'] > 0 ? 'text-red-600' : 'text-slate-500' }}">
                {{ $stats['deviations'] > 0 ? 'Rejects awaiting a corrective action' : 'Nothing awaiting action' }}
            </p>
        </div>
        <div class="rounded-xl border border-slate-200 bg-white p-4">
            <p class="text-xs font-medium uppercase tracking-wide text-slate-400">Rejected, last 30 days</p>
            <p class="mt-1 text-2xl font-bold text-slate-900">{{ $stats['rejected30'] }}</p>
            <p class="mt-0.5 text-xs text-slate-500">Runs pulled off patient samples</p>
        </div>
        <div class="rounded-xl border {{ $stats['maintenance'] > 0 ? 'border-amber-200 bg-amber-50' : 'border-slate-200 bg-white' }} p-4">
            <p class="text-xs font-medium uppercase tracking-wide {{ $stats['maintenance'] > 0 ? 'text-amber-600' : 'text-slate-400' }}">In maintenance</p>
            <p class="mt-1 text-2xl font-bold {{ $stats['maintenance'] > 0 ? 'text-amber-700' : 'text-slate-900' }}">{{ $stats['maintenance'] }}</p>
            <p class="mt-0.5 text-xs {{ $stats['maintenance'] > 0 ? 'text-amber-600' : 'text-slate-500' }}">Analyzers off the bench right now</p>
        </div>
    </div>

    {{-- ------------------------------------------------ Levey-Jennings --}}
    @if ($chart)
        <x-card title="Levey-Jennings chart" icon="trend-up" class="mt-6">
            <x-slot:header>
                Last {{ $chart->count() }} QC run(s) on this machine and test — normalised to SD
            </x-slot:header>

            @php
                $w = 720; $h = 240; $pad = 46; $mid = 120; $scale = 27;
                $step = $chart->count() > 1 ? ($w - 2 * $pad) / ($chart->count() - 1) : 0;
                $pointColor = ['accepted' => '#059669', 'warning' => '#d97706', 'rejected' => '#dc2626'];
            @endphp
            <div class="overflow-x-auto">
                <svg viewBox="0 0 {{ $w }} {{ $h }}" class="min-w-[640px]" role="img" aria-label="Levey-Jennings chart of recent QC runs">
                    {{-- action zone beyond ±3 SD --}}
                    <rect x="{{ $pad }}" y="0" width="{{ $w - 2 * $pad }}" height="{{ $mid - 3 * $scale }}" fill="#fef2f2" />
                    <rect x="{{ $pad }}" y="{{ $mid + 3 * $scale }}" width="{{ $w - 2 * $pad }}" height="{{ $h - ($mid + 3 * $scale) }}" fill="#fef2f2" />
                    {{-- warning band ±2 SD --}}
                    <rect x="{{ $pad }}" y="{{ $mid - 3 * $scale }}" width="{{ $w - 2 * $pad }}" height="{{ $scale }}" fill="#fffbeb" />
                    <rect x="{{ $pad }}" y="{{ $mid + 2 * $scale }}" width="{{ $w - 2 * $pad }}" height="{{ $scale }}" fill="#fffbeb" />

                    {{-- mean and fences --}}
                    <line x1="{{ $pad }}" y1="{{ $mid }}" x2="{{ $w - $pad }}" y2="{{ $mid }}" stroke="#334155" stroke-width="1.5" />
                    <line x1="{{ $pad }}" y1="{{ $mid - 2 * $scale }}" x2="{{ $w - $pad }}" y2="{{ $mid - 2 * $scale }}" stroke="#d97706" stroke-width="1" stroke-dasharray="6 4" />
                    <line x1="{{ $pad }}" y1="{{ $mid + 2 * $scale }}" x2="{{ $w - $pad }}" y2="{{ $mid + 2 * $scale }}" stroke="#d97706" stroke-width="1" stroke-dasharray="6 4" />
                    <line x1="{{ $pad }}" y1="{{ $mid - 3 * $scale }}" x2="{{ $w - $pad }}" y2="{{ $mid - 3 * $scale }}" stroke="#dc2626" stroke-width="1" stroke-dasharray="6 4" />
                    <line x1="{{ $pad }}" y1="{{ $mid + 3 * $scale }}" x2="{{ $w - $pad }}" y2="{{ $mid + 3 * $scale }}" stroke="#dc2626" stroke-width="1" stroke-dasharray="6 4" />

                    {{-- axis labels --}}
                    <text x="{{ $pad - 6 }}" y="{{ $mid + 4 }}" text-anchor="end" font-size="11" fill="#64748b">0</text>
                    <text x="{{ $pad - 6 }}" y="{{ $mid - 2 * $scale + 4 }}" text-anchor="end" font-size="11" fill="#b45309">+2</text>
                    <text x="{{ $pad - 6 }}" y="{{ $mid + 2 * $scale + 4 }}" text-anchor="end" font-size="11" fill="#b45309">-2</text>
                    <text x="{{ $pad - 6 }}" y="{{ $mid - 3 * $scale + 4 }}" text-anchor="end" font-size="11" fill="#dc2626">+3</text>
                    <text x="{{ $pad - 6 }}" y="{{ $mid + 3 * $scale + 4 }}" text-anchor="end" font-size="11" fill="#dc2626">-3</text>

                    {{-- run polyline --}}
                    @if ($chart->count() > 1)
                        <polyline fill="none" stroke="#94a3b8" stroke-width="1.5"
                                  points="{{ $chart->map(function ($point, $i) use ($pad, $mid, $scale, $step) {
                                      return round($pad + $i * $step, 1).','.round($mid - $point['z'] * $scale, 1);
                                  })->implode(' ') }}" />
                    @endif

                    {{-- run points --}}
                    @foreach ($chart as $i => $point)
                        @php
                            $cx = $pad + $i * $step;
                            $cy = $mid - $point['z'] * $scale;
                            $color = $pointColor[$point['status']] ?? '#64748b';
                        @endphp
                        <circle cx="{{ round($cx, 1) }}" cy="{{ round($cy, 1) }}" r="4"
                                fill="{{ $color }}" stroke="#ffffff" stroke-width="1.5">
                            <title>{{ $point['label'] }} — z {{ $point['z'] }} ({{ $point['status'] }})</title>
                        </circle>
                        @if ($chart->count() <= 12 || $i % max(intdiv($chart->count(), 8), 1) === 0)
                            <text x="{{ round($cx, 1) }}" y="{{ $h - 6 }}" text-anchor="middle" font-size="10" fill="#94a3b8">{{ $point['label'] }}</text>
                        @endif
                    @endforeach
                </svg>
            </div>

            <x-slot:footer>
                <p class="text-xs text-slate-500">
                    Green: in control · Amber: outside ±2 SD — watch the next run · Red: outside ±3 SD or tolerance breached —
                    the machine comes off patient samples until the deviation is closed out.
                </p>
            </x-slot:footer>
        </x-card>
    @endif

    <div class="mt-6 grid gap-6 lg:grid-cols-3">
        <div class="space-y-6 lg:col-span-2">
            {{-- --------------------------------------------------- filters --}}
            <x-card title="The control log" icon="list" :padded="false">
                <x-slot:header>
                    {{ $records->total() }} record(s)
                </x-slot:header>

                <form method="GET" action="{{ route('lab-qc.index') }}"
                      class="flex flex-wrap items-end gap-3 border-b border-slate-100 px-5 py-4">
                    <div class="min-w-[180px] flex-1">
                        <label class="block text-xs font-medium text-slate-500">Machine</label>
                        <select name="analyzer" class="mt-1 block w-full rounded-lg border-slate-300 text-sm">
                            <option value="">All machines</option>
                            @foreach ($analyzers as $id => $name)
                                <option value="{{ $id }}" @selected($request->integer('analyzer') === (int) $id)>{{ $name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="min-w-[180px] flex-1">
                        <label class="block text-xs font-medium text-slate-500">Test / analyte</label>
                        <select name="test" class="mt-1 block w-full rounded-lg border-slate-300 text-sm">
                            <option value="">All tests</option>
                            @foreach ($tests as $id => $name)
                                <option value="{{ $id }}" @selected($request->integer('test') === (int) $id)>{{ $name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="min-w-[140px]">
                        <label class="block text-xs font-medium text-slate-500">Type</label>
                        <select name="type" class="mt-1 block w-full rounded-lg border-slate-300 text-sm">
                            <option value="">Any type</option>
                            @foreach ($types as $value => $label)
                                <option value="{{ $value }}" @selected($request->string('type') === $value)>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="min-w-[160px]">
                        <label class="block text-xs font-medium text-slate-500">Scope</label>
                        <select name="scope" class="mt-1 block w-full rounded-lg border-slate-300 text-sm">
                            @foreach ($scopeOptions as $value => $label)
                                <option value="{{ $value }}" @selected($request->string('scope') === $value)>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <button type="submit" class="hms-btn-secondary hms-btn-sm">
                        <x-icon name="filter" size="xs" /> Apply
                    </button>
                    <a href="{{ route('lab-qc.index') }}" class="hms-link text-xs">Reset</a>
                </form>

                <div class="overflow-x-auto">
                    <table class="hms-table">
                        <thead>
                            <tr>
                                <th>When</th>
                                <th>Machine · test</th>
                                <th>Type</th>
                                <th class="text-right">Expected</th>
                                <th class="text-right">Measured</th>
                                <th class="text-right">z</th>
                                <th>Status</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($records as $record)
                                @php
                                    $open = $record->is_deviation && ! $record->corrective_action;
                                @endphp
                                <tr>
                                    <td class="whitespace-nowrap">
                                        {{ $record->performed_at?->format('d M H:i') }}
                                        <span class="block text-xs text-slate-400">{{ $record->performedBy?->name }}</span>
                                    </td>
                                    <td>
                                        <span class="font-medium text-slate-900">{{ $record->analyzer?->name ?? '—' }}</span>
                                        <span class="block text-xs text-slate-500">{{ $record->labTest?->name ?? 'General' }}</span>
                                    </td>
                                    <td class="whitespace-nowrap text-xs text-slate-600">
                                        {{ $record->record_type_label }}
                                        @if ($record->control_level)
                                            &middot; {{ $record->control_level_label }}
                                        @endif
                                        @if ($record->lot_number)
                                            <span class="block text-xs text-slate-400">lot {{ $record->lot_number }}</span>
                                        @endif
                                    </td>
                                    <td class="text-right font-mono text-xs">{{ $record->expected_value }}</td>
                                    <td class="text-right font-mono text-xs font-semibold">{{ $record->measured_value }}</td>
                                    <td class="text-right font-mono text-xs">
                                        {{ $record->z_score !== null ? number_format((float) $record->z_score, 2) : '—' }}
                                        @if ($record->rule_evaluated)
                                            <span class="block text-xs text-amber-600">{{ $record->rule_label }}</span>
                                        @endif
                                    </td>
                                    <td>
                                        <x-status-badge field="qc_status" :value="$record->status" size="sm" />
                                    </td>
                                    <td class="text-right">
                                        @if ($open)
                                            <button type="button" class="hms-btn-ghost hms-btn-sm"
                                                    x-on:click="$dispatch('open-modal', 'resolve-{{ $record->id }}')">
                                                Close out
                                            </button>
                                        @elseif ($record->corrective_action)
                                            <span class="text-xs text-emerald-700" title="{{ $record->corrective_action }}">Resolved</span>
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="8" class="py-10 text-center text-sm text-slate-400">
                                        No control runs match — loosen the filters, or record the first run.
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                @if ($records->hasPages())
                    <div class="border-t border-slate-100 px-5 py-3">
                        {{ $records->links() }}
                    </div>
                @endif
            </x-card>
        </div>

        {{-- ------------------------------------------------- record a run --}}
        <div class="space-y-6">
            @can('lab.qc-manage')
                <x-card title="Record a control run" icon="check">
                    <x-slot:header>
                        The z-score, rule and deviation flag are judged as you save
                    </x-slot:header>

                    <form method="POST" action="{{ route('lab-qc.store') }}" class="space-y-3">
                        @csrf
                        <x-form.select name="lab_analyzer_id" label="Machine" :options="$analyzers" required />
                        <x-form.select name="lab_test_id" label="Test / analyte" :options="$tests" :hint="'Leave empty for a general calibration.'" />
                        <div class="grid grid-cols-2 gap-3">
                            <x-form.select name="record_type" label="Record type" :options="$types" required />
                            <x-form.select name="control_level" label="Control level" :options="\App\Support\Lookup::options('control_level')" />
                        </div>
                        <div class="grid grid-cols-2 gap-3">
                            <x-form.input name="lot_number" label="Lot number" maxlength="60" />
                            <x-form.input name="expires_on" label="Lot expires" type="date" />
                        </div>
                        <div class="grid grid-cols-2 gap-3">
                            <x-form.input name="expected_value" label="Expected value" type="number" step="any" required />
                            <x-form.input name="measured_value" label="Measured value" type="number" step="any" required />
                        </div>
                        <div class="grid grid-cols-2 gap-3">
                            <x-form.input name="mean_value" label="Running mean" type="number" step="any" :hint="'For the z-score.'" />
                            <x-form.input name="sd_value" label="SD" type="number" step="any" />
                        </div>
                        <x-form.input name="tolerance_pct" label="Tolerance (%)" type="number" step="any" :hint="'Alternative to mean/SD — a % either side of expected.'" />
                        <x-form.textarea name="corrective_action" label="Corrective action (if already taken)" rows="2" />
                        <x-form.textarea name="notes" label="Notes" rows="2" />

                        <button type="submit" class="hms-btn-primary w-full">
                            <x-icon name="check" size="sm" /> Save the run
                        </button>
                        <p class="hms-hint">
                            A reject flags a deviation: the machine comes off patient samples until the deviation is
                            closed out with the corrective action below.
                        </p>
                    </form>
                </x-card>
            @endcan

            <x-card title="How the rules work" icon="info">
                <dl class="space-y-3 text-xs text-slate-600">
                    <div>
                        <dt class="font-semibold text-slate-800">z-score</dt>
                        <dd>(measured − mean) ÷ SD. Beyond ±2 SD warns; beyond ±3 SD, or past the tolerance, rejects.</dd>
                    </div>
                    <div>
                        <dt class="font-semibold text-slate-800">Westgard 1₂s / 1₃s</dt>
                        <dd>The rule broken by the run is stored on the record — the monthly review reads it, not a memory.</dd>
                    </div>
                    <div>
                        <dt class="font-semibold text-slate-800">Deviations</dt>
                        <dd>Every reject is a deviation. It stays on the record even after the corrective action —
                            compliance wants the scar, not a clean page.</dd>
                    </div>
                </dl>
            </x-card>
        </div>
    </div>

    {{-- ------------------------------------------------- resolve modals --}}
    @foreach ($records as $record)
        @if ($record->is_deviation && ! $record->corrective_action)
            <x-modal name="resolve-{{ $record->id }}">
                <form method="POST" action="{{ route('lab-qc.resolve', $record) }}" class="space-y-4">
                    @csrf
                    @method('PATCH')

                    <div>
                        <h2 class="text-base font-semibold text-slate-900">Close out the deviation</h2>
                        <p class="mt-1 text-sm text-slate-500">
                            {{ $record->analyzer?->name }} · {{ $record->labTest?->name ?? 'general' }} —
                            expected {{ $record->expected_value }}, measured {{ $record->measured_value }},
                            z {{ $record->z_score !== null ? number_format((float) $record->z_score, 2) : '—' }}
                            on {{ $record->performed_at?->format('d M Y H:i') }}.
                        </p>
                    </div>

                    <x-form.textarea name="corrective_action" label="What was actually done" rows="4" required
                                     :hint="'Recalibrated, reagent lot changed, engineer visit — the action, not the intention.'" />

                    <div class="flex justify-end gap-2">
                        <button type="button" class="hms-btn-secondary" x-on:click="$dispatch('close-modal', 'resolve-{{ $record->id }}')">Keep it open</button>
                        <button type="submit" class="hms-btn-primary">Close out</button>
                    </div>
                </form>
            </x-modal>
        @endif
    @endforeach
</x-app-layout>