@php
    $user = auth()->user();
    $filtered = request()->hasAny(['q', 'form', 'class', 'controlled', 'status']);
@endphp

<x-app-layout title="Formulary">
    <x-page-header
        title="Formulary"
        subtitle="The catalogue every prescription is written against — what the shelf holds it under, and the safety flags the prescriber sees."
        icon="book-open">
        <x-slot:actions>
            @can('prescriptions.view')
                <a href="{{ route('prescriptions.index') }}" class="hms-btn-secondary">
                    <x-icon name="pill" size="sm" />
                    Prescriptions
                </a>
            @endcan

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

    <div class="mb-6 grid grid-cols-2 gap-4 md:grid-cols-4">
        <x-stat-card label="Active entries" :value="number_format($stats['active'])" icon="book" tone="brand" />
        <x-stat-card label="Controlled" :value="number_format($stats['controlled'])" icon="shield" tone="red" />
        <x-stat-card label="High alert" :value="number_format($stats['highAlert'])" icon="exclamation" tone="amber" />
        <x-stat-card label="Out of stock" :value="number_format($stats['outOfStock'])" icon="warning" 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="Name, generic, brand or code…"
                                  :value="request('q')" autofocus />
                </div>

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

                <div class="w-44">
                    <x-form.select name="class" label="Class" :options="$classes"
                                   :value="request('class')" placeholder="Any class" />
                </div>

                <div class="w-40">
                    <x-form.select name="controlled" label="Controlled"
                                   :options="['yes' => 'Controlled only', 'no' => 'Not controlled']"
                                   :value="request('controlled')" placeholder="Either" />
                </div>

                <div class="w-40">
                    <x-form.select name="status" label="Status"
                                   :options="['active' => 'Active', 'inactive' => 'Retired', 'all' => 'All']"
                                   :value="$status" />
                </div>

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

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

        @if ($drugs->isEmpty())
            <x-empty-state icon="book-open" title="No formulary entries match">
                @if (request('q'))
                    Nothing in the formulary matches “{{ request('q') }}”.
                @else
                    No drugs on file for this filter. An entry is added before the first prescription can name it.
                @endif

                <x-slot:actions>
                    @can('drugs.manage')
                        <a href="{{ route('drugs.create') }}" class="hms-btn-primary">
                            <x-icon name="plus" size="sm" />
                            Add drug
                        </a>
                    @endcan
                </x-slot:actions>
            </x-empty-state>
        @else
            <div class="overflow-x-auto">
                <table class="hms-table">
                    <thead>
                        <tr>
                            <th>Drug</th>
                            <th>Form · Route</th>
                            <th>Shelf</th>
                            <th class="text-right">Price</th>
                            <th>Flags</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($drugs as $drug)
                            <tr>
                                <td>
                                    <a href="{{ route('drugs.show', $drug) }}"
                                       class="font-medium text-slate-900 hover:text-brand-700">
                                        {{ $drug->name }}
                                    </a>
                                    <div class="mt-0.5 flex flex-wrap items-center gap-x-2 text-xs text-slate-500">
                                        <span class="font-mono">{{ $drug->code }}</span>
                                        @if ($drug->brand_name)
                                            <span>· {{ $drug->brand_name }}</span>
                                        @endif
                                        @unless ($drug->is_active)
                                            <span class="rounded bg-slate-100 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-slate-500">Retired</span>
                                        @endunless
                                    </div>
                                    <div class="text-xs text-slate-500">{{ $drug->generic_name }}</div>
                                </td>
                                <td>
                                    <div class="flex flex-wrap items-center gap-1">
                                        <x-status-badge field="drug_form" :value="$drug->form" size="sm" />
                                        @if ($drug->strength)
                                            <span class="text-xs text-slate-500">{{ $drug->strength }}</span>
                                        @endif
                                    </div>
                                    <div class="mt-1 text-xs text-slate-500">{{ $drug->route_label }}</div>
                                </td>
                                <td>
                                    @if ($drug->inventoryItem)
                                        <div class="text-sm {{ $drug->inventoryItem->quantity_on_hand > 0 ? 'text-slate-700' : 'text-amber-700' }}">
                                            {{ number_format($drug->inventoryItem->quantity_on_hand) }}
                                            {{ $drug->inventoryItem->unit }}
                                        </div>
                                        <div class="max-w-[12rem] truncate text-xs text-slate-400">{{ $drug->inventoryItem->name }}</div>
                                    @else
                                        <span class="text-xs text-slate-400">Not stocked</span>
                                    @endif
                                </td>
                                <td class="text-right text-sm text-slate-700">
                                    {{ $drug->inventoryItem?->selling_price !== null ? money($drug->inventoryItem->selling_price, false) : '—' }}
                                </td>
                                <td>
                                    <div class="flex flex-wrap items-center gap-1">
                                        @if ($drug->is_controlled)
                                            <span class="inline-flex items-center gap-1 rounded-md bg-red-50 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-red-700">
                                                <x-icon name="shield" size="xs" />
                                                {{ $drug->controlled_schedule_label }}
                                            </span>
                                        @endif
                                        @if ($drug->is_high_alert)
                                            <span class="inline-flex items-center gap-1 rounded-md bg-amber-50 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-amber-700">
                                                <x-icon name="exclamation" size="xs" /> High alert
                                            </span>
                                        @endif
                                        @if ($drug->is_essential)
                                            <span class="inline-flex items-center gap-1 rounded-md bg-emerald-50 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-emerald-700">
                                                Essential
                                            </span>
                                        @endif
                                        @unless ($drug->is_controlled || $drug->is_high_alert || $drug->is_essential)
                                            <span class="text-xs text-slate-400">—</span>
                                        @endunless
                                    </div>
                                </td>
                                <td>
                                    <div class="flex justify-end gap-2">
                                        <a href="{{ route('drugs.show', $drug) }}" class="hms-btn-secondary hms-btn-sm">Open</a>
                                        @can('drugs.manage')
                                            <a href="{{ route('drugs.edit', $drug) }}" class="hms-btn-ghost hms-btn-sm">
                                                <x-icon name="edit" size="xs" />
                                            </a>
                                        @endcan
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <div class="flex flex-wrap items-center justify-between gap-3 border-t border-slate-200 px-5 py-4">
                <p class="text-xs text-slate-500">
                    Showing {{ $drugs->firstItem() }}–{{ $drugs->lastItem() }} of {{ number_format($drugs->total()) }}
                </p>
                {{ $drugs->links() }}
            </div>
        @endif
    </x-card>
</x-app-layout>