@php
    $departmentOptions = \App\Support\Lookup::options('lab_department');
    $resultTypeOptions = \App\Support\Lookup::options('result_type');
    $categoryOptions = $categories->mapWithKeys(fn ($c) => [$c->id => "{$c->name} — {$c->department_label}"]);
    $isEditingTest = (bool) $editing;
    $isEditingPanel = (bool) $editingPanel;
    $testFormSelected = collect(old('panel_tests', $editing?->panels?->pluck('id')->all() ?? []))->map(fn ($v) => (int) $v)->all();
    $panelFormSelected = collect(old('tests', $editingPanel?->tests?->pluck('id')->all() ?? []))->map(fn ($v) => (int) $v)->all();
@endphp

<x-app-layout :title="__('Laboratory catalogue')">
    <x-slot:header>
        <x-page-header title="Laboratory catalogue" icon="beaker"
            subtitle="The charge master behind the order form: tests, their clinical grammar, and the panels that bundle them.">
            <x-slot:meta>
                <span class="text-sm text-slate-500">
                    {{ $stats['tests'] }} line(s) · {{ $stats['active'] }} orderable · {{ $stats['panels'] }} panel(s) · {{ $stats['billable'] }} linked to billing
                </span>
            </x-slot:meta>
        </x-page-header>
    </x-slot:header>

    <x-flash />

    <div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
        <x-card class="!p-4">
            <p class="text-xs font-medium uppercase tracking-wide text-slate-500">Catalogue lines</p>
            <p class="mt-1 text-2xl font-bold text-slate-900">{{ number_format($stats['tests']) }}</p>
            <p class="hms-hint">Tests and panel lines across all departments.</p>
        </x-card>
        <x-card class="!p-4">
            <p class="text-xs font-medium uppercase tracking-wide text-slate-500">Orderable now</p>
            <p class="mt-1 text-2xl font-bold text-emerald-700">{{ number_format($stats['active']) }}</p>
            <p class="hms-hint">Selectable on the CPOE order form.</p>
        </x-card>
        <x-card class="!p-4">
            <p class="text-xs font-medium uppercase tracking-wide text-slate-500">Linked to billing</p>
            <p class="mt-1 text-2xl font-bold text-slate-900">{{ number_format($stats['billable']) }}</p>
            <p class="hms-hint">A charge item attaches when a test is first billed.</p>
        </x-card>
        <x-card class="!p-4">
            <p class="text-xs font-medium uppercase tracking-wide text-slate-500">Panels orderable</p>
            <p class="mt-1 text-2xl font-bold text-slate-900">{{ number_format($stats['panels']) }}</p>
            <p class="hms-hint">Bundles that bill as one line.</p>
        </x-card>
    </div>

    {{-- Filters --}}
    <x-card title="Find a line" icon="filter" class="mt-6">
        <form method="GET" action="{{ route('lab-catalogue.index') }}" class="grid gap-4 sm:grid-cols-2 lg:grid-cols-5 lg:items-end">
            <x-form.input name="q" label="Search" placeholder="Name or code…" :value="request('q')" />
            <x-form.select name="category" label="Category" :options="$categoryOptions" :value="request('category')" />
            <x-form.select name="department" label="Department" :options="$departmentOptions" :value="request('department')" />
            <x-form.select name="active" label="State" :options="[1 => 'Orderable only', 0 => 'Retired only']" :value="request('active')" placeholder="All states" />
            <div class="flex gap-2">
                <button type="submit" class="hms-btn-primary">Apply</button>
                <a href="{{ route('lab-catalogue.index') }}" class="hms-btn-secondary">Reset</a>
            </div>
        </form>
    </x-card>

    <div class="mt-6 grid gap-6 xl:grid-cols-3">

        {{-- Tests table --}}
        <div class="xl:col-span-2">
            <x-card title="Tests" icon="flask" subtitle="{{ $tests->total() }} line(s) — newest edits keep their sort order." :padded="false">
                <div class="overflow-x-auto">
                    <table class="hms-table">
                        <thead>
                            <tr>
                                <th>Test</th>
                                <th>Category</th>
                                <th>Department</th>
                                <th>Result</th>
                                <th class="text-right">Price</th>
                                <th>State</th>
                                <th class="text-right">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($tests as $test)
                                <tr>
                                    <td>
                                        <span class="font-medium text-slate-900">{{ $test->name }}</span>
                                        <span class="ml-1 font-mono text-xs text-slate-400">{{ $test->code }}</span>
                                        @if ($test->is_panel)
                                            <span class="ml-1 inline-flex items-center rounded-full bg-sky-50 px-2 py-0.5 text-xs font-medium text-sky-700">panel</span>
                                        @endif
                                        @if ($test->requires_fasting)
                                            <span class="ml-1 inline-flex items-center rounded-full bg-amber-50 px-2 py-0.5 text-xs font-medium text-amber-700">fasting</span>
                                        @endif
                                        <span class="block text-xs text-slate-500">
                                            {{ $test->specimen_type ? lookup_label('specimen_type', $test->specimen_type, $test->specimen_type) : 'No specimen' }}
                                            @if ($test->container) · {{ $test->container }} @endif
                                            @if ($test->tat_hours) · TAT {{ $test->tat_hours }} h @endif
                                        </span>
                                        @if ($test->chargeItem)
                                            <span class="block text-xs text-emerald-600">billable via {{ $test->chargeItem->code ?? $test->chargeItem->name }}</span>
                                        @endif
                                    </td>
                                    <td class="text-sm text-slate-600">{{ $test->category?->name ?? '—' }}</td>
                                    <td><x-status-badge field="lab_department" :value="$test->department" /></td>
                                    <td class="text-sm text-slate-600">{{ $test->result_type_label }}</td>
                                    <td class="text-right font-mono text-sm">{{ $test->price !== null ? money($test->price) : '—' }}</td>
                                    <td>
                                        @if ($test->is_active)
                                            <span class="inline-flex items-center gap-1 text-xs font-medium text-emerald-700"><span class="h-1.5 w-1.5 rounded-full bg-emerald-500"></span>Orderable</span>
                                        @else
                                            <span class="inline-flex items-center gap-1 text-xs font-medium text-slate-400"><span class="h-1.5 w-1.5 rounded-full bg-slate-300"></span>Retired</span>
                                        @endif
                                    </td>
                                    <td class="text-right">
                                        <div class="flex items-center justify-end gap-1">
                                            <a href="{{ route('lab-catalogue.index', array_filter(['edit' => $test->id] + request()->only(['q', 'category', 'department', 'active', 'page']))) }}"
                                               class="hms-btn-ghost hms-btn-sm" title="Edit"><x-icon name="edit" /></a>
                                            <form action="{{ route('lab-catalogue.tests.toggle', $test) }}" method="POST"
                                                  onsubmit="return confirm('{{ $test->is_active ? 'Retire' : 'Reactivate' }} {{ $test->name }}? {{ $test->is_active ? 'It disappears from the order form; existing orders are unaffected.' : 'It becomes selectable on orders again.' }}')">
                                                @csrf
                                                <button type="submit" class="hms-btn-ghost hms-btn-sm" title="{{ $test->is_active ? 'Retire' : 'Reactivate' }}">
                                                    <x-icon name="{{ $test->is_active ? 'lock' : 'refresh' }}" />
                                                </button>
                                            </form>
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr><td colspan="7" class="py-8 text-center text-sm text-slate-500">No catalogue lines match. Widen the filters or add a test.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
                <div class="px-4 py-3">{{ $tests->links() }}</div>
            </x-card>

            {{-- Panels table --}}
            <x-card title="Panels" icon="beaker" subtitle="Bundles that order and bill as one line." class="mt-6" :padded="false">
                <div class="overflow-x-auto">
                    <table class="hms-table">
                        <thead>
                            <tr>
                                <th>Panel</th>
                                <th>Department</th>
                                <th>Constituents</th>
                                <th class="text-right">Price</th>
                                <th>State</th>
                                <th class="text-right">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($panels as $panel)
                                <tr>
                                    <td>
                                        <span class="font-medium text-slate-900">{{ $panel->name }}</span>
                                        <span class="ml-1 font-mono text-xs text-slate-400">{{ $panel->code }}</span>
                                        @if ($panel->description)
                                            <span class="block max-w-md truncate text-xs text-slate-500">{{ $panel->description }}</span>
                                        @endif
                                    </td>
                                    <td><x-status-badge field="lab_department" :value="$panel->department" /></td>
                                    <td class="text-sm text-slate-600">
                                        {{ $panel->tests->count() }} test(s)
                                        @if ($panel->tests->isNotEmpty())
                                            <span class="block max-w-xs truncate text-xs text-slate-400">{{ $panel->tests->pluck('name')->implode(', ') }}</span>
                                        @endif
                                    </td>
                                    <td class="text-right font-mono text-sm">{{ money($panel->price) }}</td>
                                    <td>
                                        @if ($panel->is_active)
                                            <span class="inline-flex items-center gap-1 text-xs font-medium text-emerald-700"><span class="h-1.5 w-1.5 rounded-full bg-emerald-500"></span>Orderable</span>
                                        @else
                                            <span class="inline-flex items-center gap-1 text-xs font-medium text-slate-400"><span class="h-1.5 w-1.5 rounded-full bg-slate-300"></span>Withdrawn</span>
                                        @endif
                                    </td>
                                    <td class="text-right">
                                        <div class="flex items-center justify-end gap-1">
                                            <a href="{{ route('lab-catalogue.index', ['panel' => $panel->id]) }}"
                                               class="hms-btn-ghost hms-btn-sm" title="Edit"><x-icon name="edit" /></a>
                                            <form action="{{ route('lab-catalogue.panels.toggle', $panel) }}" method="POST"
                                                  onsubmit="return confirm('{{ $panel->is_active ? 'Withdraw' : 'Restore' }} {{ $panel->name }}?')">
                                                @csrf
                                                <button type="submit" class="hms-btn-ghost hms-btn-sm" title="{{ $panel->is_active ? 'Withdraw' : 'Restore' }}">
                                                    <x-icon name="{{ $panel->is_active ? 'lock' : 'refresh' }}" />
                                                </button>
                                            </form>
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr><td colspan="6" class="py-8 text-center text-sm text-slate-500">No panels yet. A panel bundles priced tests into one orderable line.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </x-card>
        </div>

        {{-- Right column: forms --}}
        <div class="space-y-6">

            {{-- Test form (create or edit) --}}
            <x-card :title="$isEditingTest ? 'Edit '.$editing->name : 'Add a test'" icon="{{ $isEditingTest ? 'edit' : 'plus' }}"
                    subtitle="{{ $isEditingTest ? 'Changes apply to new orders; existing requests keep their snapshot.' : 'A row here is both clinical grammar and a price list line — fill it deliberately.' }}">
                @if ($isEditingTest)
                    <div class="mb-4 flex items-center justify-between rounded-lg bg-sky-50 px-3 py-2 text-xs text-sky-700">
                        <span>Editing <strong>{{ $editing->code }}</strong>
                            @if ($editing->panels->isNotEmpty())
                                · {{ $editing->panels->count() }} constituent(s)
                            @endif
                        </span>
                        <a href="{{ route('lab-catalogue.index') }}" class="hms-link">Cancel edit</a>
                    </div>
                @endif

                <form action="{{ $isEditingTest ? route('lab-catalogue.tests.update', $editing) : route('lab-catalogue.tests.store') }}"
                      method="POST" class="space-y-4">
                    @csrf
                    @if ($isEditingTest) @method('PUT') @endif

                    <div class="grid gap-4 sm:grid-cols-2">
                        <x-form.input name="code" label="Code" required hint="Short unique code, e.g. CBC01." :value="old('code', $editing?->code)" />
                        <x-form.input name="name" label="Name" required :value="old('name', $editing?->name)" />
                    </div>

                    <div class="grid gap-4 sm:grid-cols-2">
                        <x-form.select name="department" label="Department" :options="$departmentOptions" required
                                       hint="Decides which console sees the line." :value="old('department', $editing?->department)" />
                        <x-form.select name="result_type" label="Result type" :options="$resultTypeOptions" required
                                       hint="Numeric results get ranges, flags and delta checks." :value="old('result_type', $editing?->result_type)" />
                    </div>

                    <x-form.select name="category_id" label="Category" :options="$categoryOptions" :value="old('category_id', $editing?->category_id)" placeholder="Uncategorised" />

                    <div class="grid gap-4 sm:grid-cols-2">
                        <x-form.select name="specimen_type" label="Specimen type" :options="\App\Support\Lookup::options('specimen_type')" :value="old('specimen_type', $editing?->specimen_type)" placeholder="Not applicable" />
                        <x-form.input name="container" label="Container" placeholder="e.g. EDTA tube" :value="old('container', $editing?->container)" />
                    </div>

                    <div class="grid gap-4 sm:grid-cols-2">
                        <x-form.input name="method" label="Method" placeholder="e.g. automated count" :value="old('method', $editing?->method)" />
                        <x-form.input name="unit" label="Unit" placeholder="e.g. g/dL" :value="old('unit', $editing?->unit)" />
                    </div>

                    <div class="grid gap-4 sm:grid-cols-3">
                        <x-form.input name="ref_range_male" label="Ref. range (male)" :value="old('ref_range_male', $editing?->ref_range_male)" />
                        <x-form.input name="ref_range_female" label="Ref. range (female)" :value="old('ref_range_female', $editing?->ref_range_female)" />
                        <x-form.input name="ref_range_pediatric" label="Ref. range (paeds)" :value="old('ref_range_pediatric', $editing?->ref_range_pediatric)" />
                    </div>
                    <x-form.input name="ref_range_text" label="Reference range as text" hint="Fallback when a range cannot be expressed as two numbers." :value="old('ref_range_text', $editing?->ref_range_text)" />

                    <div class="grid gap-4 sm:grid-cols-2">
                        <x-form.input name="critical_low" type="number" step="any" label="Critical low" hint="Below this, the bench must phone." :value="old('critical_low', $editing?->critical_low)" />
                        <x-form.input name="critical_high" type="number" step="any" label="Critical high" :value="old('critical_high', $editing?->critical_high)" />
                    </div>

                    <div class="grid gap-4 sm:grid-cols-3">
                        <x-form.input name="tat_hours" type="number" label="TAT (hours)" :value="old('tat_hours', $editing?->tat_hours)" />
                        <x-form.input name="price" type="number" step="0.01" min="0" label="Price" hint="Direct price; billing links the charge item." :value="old('price', $editing?->price)" />
                        <x-form.input name="sort_order" type="number" label="Sort order" :value="old('sort_order', $editing?->sort_order)" />
                    </div>

                    <div x-data="{ panel: @js((bool) old('is_panel', (bool) ($editing?->is_panel ?? false))) }" class="space-y-3">
                        <x-form.checkbox name="is_panel" label="This line is itself a panel"
                                         hint="Panels bundle priced tests and bill as one line."
                                         :checked="(bool) old('is_panel', (bool) ($editing?->is_panel ?? false))"
                                         x-model="panel" />
                        <div x-show="panel" x-cloak>
                            <label class="hms-label">Constituent tests <span class="text-red-500">*</span></label>
                            <select name="panel_tests[]" multiple size="8" class="hms-input">
                                @foreach ($constituentOptions as $id => $label)
                                    <option value="{{ $id }}" @selected(in_array((int) $id, $testFormSelected))>{{ $label }}</option>
                                @endforeach
                            </select>
                            <p class="hms-hint">Hold Ctrl / Cmd to pick several. Only priced lines are listed — a panel of unpriced guide tests would bill nothing.</p>
                            @error('panel_tests.*')<p class="hms-error">{{ $message }}</p>@enderror
                        </div>
                    </div>

                    <x-form.checkbox name="requires_fasting" label="Requires fasting"
                                     hint="Shows a preparation note on the order form."
                                     :checked="(bool) old('requires_fasting', (bool) ($editing?->requires_fasting ?? false))" />

                    <x-form.textarea name="instructions" label="Patient instructions" :rows="3"
                                     placeholder="e.g. Collect the first morning specimen…" :value="old('instructions', $editing?->instructions)" />

                    <div class="flex items-center gap-2">
                        <button type="submit" class="hms-btn-primary">{{ $isEditingTest ? 'Save changes' : 'Add to catalogue' }}</button>
                        @if ($isEditingTest)
                            <a href="{{ route('lab-catalogue.index') }}" class="hms-btn-secondary">Discard</a>
                        @endif
                    </div>
                </form>
            </x-card>

            {{-- Panel form (create or edit) --}}
            <x-card :title="$isEditingPanel ? 'Edit panel '.$editingPanel->name : 'Add a panel'" icon="{{ $isEditingPanel ? 'edit' : 'plus' }}"
                    subtitle="A bundle with its own price — the constituents run on the bench but bill as one line.">
                <form action="{{ $isEditingPanel ? route('lab-catalogue.panels.update', $editingPanel) : route('lab-catalogue.panels.store') }}"
                      method="POST" class="space-y-4">
                    @csrf
                    @if ($isEditingPanel) @method('PUT') @endif

                    <div class="grid gap-4 sm:grid-cols-2">
                        <x-form.input name="code" label="Code" required hint="Short unique code, e.g. FBC-PNL." :value="old('code', $editingPanel?->code)" />
                        <x-form.input name="name" label="Name" required :value="old('name', $editingPanel?->name)" />
                    </div>

                    <x-form.select name="department" label="Department" :options="$departmentOptions" required :value="old('department', $editingPanel?->department)" />

                    <div class="grid gap-4 sm:grid-cols-2">
                        <x-form.input name="price" type="number" step="0.01" min="0" label="Panel price" required hint="Billed once, regardless of constituent count." :value="old('price', $editingPanel?->price)" />
                        <x-form.input name="charge_item_id" type="number" label="Charge item ID" hint="Optional; billing links this automatically." :value="old('charge_item_id', $editingPanel?->charge_item_id)" />
                    </div>

                    <div>
                        <label class="hms-label">Constituent tests</label>
                        <select name="tests[]" multiple size="8" class="hms-input">
                            @foreach ($constituentOptions as $id => $label)
                                <option value="{{ $id }}" @selected(in_array((int) $id, $panelFormSelected))>{{ $label }}</option>
                            @endforeach
                        </select>
                        <p class="hms-hint">The tests that run when the panel is ordered.</p>
                        @error('tests.*')<p class="hms-error">{{ $message }}</p>@enderror
                    </div>

                    <x-form.textarea name="description" label="Description" :rows="2" :value="old('description', $editingPanel?->description)" />

                    <div class="flex items-center gap-2">
                        <button type="submit" class="hms-btn-primary">{{ $isEditingPanel ? 'Save panel' : 'Create panel' }}</button>
                        @if ($isEditingPanel)
                            <a href="{{ route('lab-catalogue.index') }}" class="hms-btn-secondary">Discard</a>
                        @endif
                    </div>
                </form>
            </x-card>

            <x-alert type="info" title="How the catalogue behaves">
                <p class="text-sm">The order form reads orderable lines only — retiring a test removes it from new orders without touching work already in flight. A charge item attaches the first time a line is billed, so the price you set here is the price the invoice sees. Panels bill once; their constituents never bill separately.</p>
            </x-alert>
        </div>
    </div>
</x-app-layout>