@php
    $user = auth()->user();
    $filtered = request()->hasAny(['q', 'status', 'type', 'prescriber', 'scope', 'from', 'to']);
@endphp

<x-app-layout title="Prescriptions">
    <x-page-header
        title="Prescriptions"
        subtitle="Every script written at this facility — what the prescriber ordered, what the pharmacy has handed over, and what is still outstanding."
        icon="pill">
        <x-slot:actions>
            @can('drugs.view')
                <a href="{{ route('drugs.index') }}" class="hms-btn-secondary">
                    <x-icon name="book-open" size="sm" />
                    Formulary
                </a>
            @endcan

            @can('prescriptions.create')
                <a href="{{ route('prescriptions.create') }}" class="hms-btn-primary">
                    <x-icon name="plus" size="sm" />
                    Write prescription
                </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="Awaiting the pharmacy" :value="number_format($stats['pending'])" icon="clock" tone="amber" />
        <x-stat-card label="Partly dispensed" :value="number_format($stats['partial'])" icon="arrows" tone="blue" />
        <x-stat-card label="Dispensed today" :value="number_format($stats['dispensedToday'])" icon="check" tone="green" />
        <x-stat-card label="Controlled, live" :value="number_format($stats['controlled'])" icon="shield" tone="red" />
    </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="Script no, MRN or patient name…"
                                  :value="request('q')" autofocus />
                </div>

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

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

                <div class="w-48">
                    <x-form.select name="prescriber" label="Prescriber" :options="$prescribers"
                                   :value="request('prescriber')" placeholder="All prescribers" />
                </div>

                <div class="w-48">
                    <x-form.select name="scope" label="Scope"
                                   :options="['mine' => 'Mine only', 'open' => 'Still open', 'controlled' => 'Controlled only']"
                                   :value="request('scope')" placeholder="Everyone's" />
                </div>

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

                <div class="w-40">
                    <x-form.input type="date" name="to" label="Written 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('prescriptions.index') }}" class="hms-btn-ghost">Clear</a>
                @endif
            </form>
        </div>

        @if ($prescriptions->isEmpty())
            <x-empty-state icon="pill" title="No prescriptions match">
                @if (request('q'))
                    Nothing in the prescription register matches “{{ request('q') }}”.
                @else
                    No scripts on file for this filter. They are written from an encounter, or from the patient's clinical record.
                @endif

                <x-slot:actions>
                    @can('prescriptions.create')
                        <a href="{{ route('prescriptions.create') }}" class="hms-btn-primary">
                            <x-icon name="plus" size="sm" />
                            Write prescription
                        </a>
                    @endcan
                    @can('encounters.view')
                        <a href="{{ route('encounters.index') }}" class="hms-btn-secondary">
                            <x-icon name="stethoscope" size="sm" />
                            Encounters
                        </a>
                    @endcan
                </x-slot:actions>
            </x-empty-state>
        @else
            <div class="overflow-x-auto">
                <table class="hms-table">
                    <thead>
                        <tr>
                            <th>Prescription</th>
                            <th>Patient</th>
                            <th>Prescriber</th>
                            <th>Drugs</th>
                            <th class="text-center">Dispensed</th>
                            <th>Status</th>
                            <th>Written</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($prescriptions as $prescription)
                            <tr>
                                <td>
                                    <a href="{{ route('prescriptions.show', $prescription) }}"
                                       class="font-mono text-xs font-medium text-slate-800 hover:text-brand-700">
                                        {{ $prescription->prescription_no }}
                                    </a>
                                    <div class="mt-0.5 flex flex-wrap items-center gap-1">
                                        <x-status-badge field="prescription_type" :value="$prescription->prescription_type" size="sm" />
                                        @if ($prescription->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" /> Controlled
                                            </span>
                                        @endif
                                    </div>
                                </td>
                                <td>
                                    <div class="flex items-center gap-2">
                                        <div class="min-w-0">
                                            <a href="{{ route('prescriptions.show', $prescription) }}"
                                               class="block truncate font-medium text-slate-900 hover:text-brand-700">
                                                {{ $prescription->patient?->full_name ?? 'Unknown patient' }}
                                            </a>
                                            <div class="truncate font-mono text-xs text-slate-500">
                                                {{ $prescription->patient?->medical_record_number }}
                                                @if ($prescription->encounter)
                                                    · {{ $prescription->encounter->encounter_no }}
                                                @endif
                                            </div>
                                        </div>
                                        @if ($prescription->patient?->isRestricted())
                                            <x-icon name="lock" size="xs" class="shrink-0 text-amber-600" />
                                        @endif
                                    </div>
                                </td>
                                <td>
                                    <div class="text-sm text-slate-700">{{ $prescription->prescribedBy?->name ?? 'Unattributed' }}</div>
                                    <div class="text-xs text-slate-400">
                                        {{ $prescription->prescribed_at?->format('d M Y H:i') }}
                                    </div>
                                </td>
                                <td class="text-sm text-slate-700">
                                    {{ $prescription->items_count }} {{ Str::plural('item', $prescription->items_count) }}
                                </td>
                                <td class="text-center text-sm">
                                    <span class="font-medium {{ $prescription->dispensed_items_count === $prescription->items_count ? 'text-emerald-700' : 'text-slate-700' }}">
                                        {{ $prescription->dispensed_items_count }}
                                    </span>
                                    <span class="text-slate-400">/ {{ $prescription->items_count }}</span>
                                </td>
                                <td>
                                    <x-status-badge field="prescription_status" :value="$prescription->status" size="sm" dot />
                                </td>
                                <td class="text-xs text-slate-500">
                                    <div>{{ $prescription->prescribed_at?->format('d M Y') }}</div>
                                    @if ($prescription->dispensed_at)
                                        <div class="text-slate-400">dispensed {{ $prescription->dispensed_at->format('d M Y') }}</div>
                                    @endif
                                </td>
                                <td>
                                    <div class="flex justify-end gap-2">
                                        <a href="{{ route('prescriptions.show', $prescription) }}" class="hms-btn-secondary hms-btn-sm">Open</a>
                                        @if ($prescription->status === 'pending' || $prescription->status === 'on_hold' || $prescription->status === 'partially_dispensed')
                                            <a href="{{ route('prescriptions.print', $prescription) }}" target="_blank" class="hms-btn-ghost hms-btn-sm no-print">
                                                <x-icon name="printer" size="xs" />
                                            </a>
                                        @endif
                                    </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 {{ $prescriptions->firstItem() }}–{{ $prescriptions->lastItem() }} of {{ number_format($prescriptions->total()) }}
                </p>
                {{ $prescriptions->links() }}
            </div>
        @endif
    </x-card>
</x-app-layout>