@php
    $filtered = request()->hasAny(['q', 'status', 'department', 'priority', 'scope', 'from', 'to']);
@endphp

<x-app-layout title="Laboratory">
    <x-page-header
        title="Laboratory worklist"
        subtitle="Every diagnostic request in the building — from the clinician's pen through phlebotomy, the bench, verification and release."
        icon="flask">
        <x-slot:actions>
            @can('lab-catalogue.manage')
                <a href="{{ route('lab-catalogue.index') }}" class="hms-btn-secondary">
                    <x-icon name="beaker" size="sm" />
                    Test catalogue
                </a>
            @endcan

            @can('lab-orders.create')
                <a href="{{ route('lab-orders.create') }}" class="hms-btn-primary">
                    <x-icon name="plus" size="sm" />
                    Order tests
                </a>
            @endcan
        </x-slot:actions>
    </x-page-header>

    <div class="mb-6 grid grid-cols-2 gap-4 md:grid-cols-5">
        <x-stat-card label="Awaiting collection" :value="number_format($stats['awaitingCollection'])" icon="clock" tone="amber" />
        <x-stat-card label="In the laboratory" :value="number_format($stats['inLab'])" icon="flask" tone="blue" />
        <x-stat-card label="Awaiting verification" :value="number_format($stats['awaitingVerification'])" icon="check" tone="brand" />
        <x-stat-card label="Critical, uncalled" :value="number_format($stats['criticalOpen'])" icon="warning" tone="red" />
        <x-stat-card label="Ordered today" :value="number_format($stats['today'])" icon="calendar" tone="slate" />
    </div>

    <x-card flush>
        <div class="border-b border-slate-200 px-5 py-4">
            <form method="GET" class="flex flex-wrap items-end gap-3">
                <div class="min-w-[16rem] flex-1">
                    <x-form.input name="q" label="Search"
                                  placeholder="Order no, MRN or patient name…"
                                  :value="request('q')" autofocus />
                </div>

                <div class="w-40">
                    <x-form.select name="status" label="Status" :options="$statuses"
                                   :value="request('status')" placeholder="Any status" />
                </div>

                <div class="w-44">
                    <x-form.select name="department" label="Department" :options="$departments"
                                   :value="request('department')" placeholder="All departments" />
                </div>

                <div class="w-36">
                    <x-form.select name="priority" label="Priority" :options="$priorities"
                                   :value="request('priority')" placeholder="Any" />
                </div>

                <div class="w-44">
                    <x-form.select name="scope" label="Scope"
                                   :options="['mine' => 'Ordered by me', 'open' => 'Still open', 'bench' => 'On the bench', 'today' => 'Ordered today']"
                                   :value="request('scope')" placeholder="Everything" />
                </div>

                <div class="w-40">
                    <x-form.input type="date" name="from" label="From" :value="request('from')" />
                </div>

                <div class="w-40">
                    <x-form.input type="date" name="to" label="To" :value="request('to')" />
                </div>

                <button type="submit" class="hms-btn-secondary">
                    <x-icon name="search" size="sm" />
                    Search
                </button>

                @if ($filtered)
                    <a href="{{ route('lab-orders.index') }}" class="hms-btn-ghost">Clear</a>
                @endif
            </form>
        </div>

        @if ($orders->isEmpty())
            <x-empty-state icon="flask" title="No laboratory orders match">
                @if ($filtered)
                    Nothing in the worklist matches this filter.
                @else
                    Requests appear here the moment a clinician places them. Order from the test guide to begin.
                @endif

                <x-slot:actions>
                    @can('lab-orders.create')
                        <a href="{{ route('lab-orders.create') }}" class="hms-btn-primary">
                            <x-icon name="plus" size="sm" />
                            Order tests
                        </a>
                    @endcan
                </x-slot:actions>
            </x-empty-state>
        @else
            <div class="overflow-x-auto">
                <table class="hms-table">
                    <thead>
                        <tr>
                            <th>Order</th>
                            <th>Patient</th>
                            <th>Department</th>
                            <th>Priority</th>
                            <th class="text-center">Tests</th>
                            <th>Status</th>
                            <th>Ordered</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($orders as $order)
                            <tr>
                                <td>
                                    <a href="{{ route('lab-orders.show', $order) }}"
                                       class="font-mono text-xs font-medium text-slate-800 hover:text-brand-700">
                                        {{ $order->order_no }}
                                    </a>
                                </td>
                                <td>
                                    <div class="flex items-center gap-2">
                                        <div class="min-w-0">
                                            <a href="{{ route('lab-orders.show', $order) }}"
                                               class="block truncate font-medium text-slate-900 hover:text-brand-700">
                                                {{ $order->patient?->full_name ?? 'Unknown patient' }}
                                            </a>
                                            <div class="truncate font-mono text-xs text-slate-500">
                                                {{ $order->patient?->medical_record_number }}
                                            </div>
                                        </div>
                                        @if ($order->patient?->is_confidential)
                                            <x-icon name="lock" size="xs" class="shrink-0 text-amber-600" />
                                        @endif
                                    </div>
                                </td>
                                <td>
                                    <x-status-badge field="lab_department" :value="$order->department" size="sm" />
                                </td>
                                <td>
                                    <x-status-badge field="priority" :value="$order->priority" size="sm" />
                                </td>
                                <td class="text-center text-sm text-slate-700">{{ $order->items_count }}</td>
                                <td>
                                    <x-status-badge field="lab_order_status" :value="$order->status" size="sm" dot />
                                </td>
                                <td>
                                    <div class="text-sm text-slate-700">{{ $order->orderedBy?->name ?? 'Unattributed' }}</div>
                                    <div class="text-xs text-slate-400">{{ $order->ordered_at?->format('d M Y H:i') }}</div>
                                </td>
                                <td class="text-right">
                                    <a href="{{ route('lab-orders.show', $order) }}" class="hms-btn-ghost hms-btn-sm">
                                        Open
                                        <x-icon name="arrow-right" size="xs" />
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="border-t border-slate-200 px-5 py-4">{{ $orders->links() }}</div>
        @endif
    </x-card>
</x-app-layout>