@php
    $patient = $prescription->patient;
    $items = $prescription->items;
    $outstanding = $items->filter(fn ($item) => ! $item->is_dispensed);
    $void = in_array($prescription->status, ['cancelled', 'expired'], true);

    // A script on hold, cancelled or expired has no counter work left to do.
    $canDispense = ! $void && $prescription->status !== 'on_hold';
    $estimate = $items->sum(fn ($item) => (float) ($item->line_total ?? 0));
    $priced = $items->whereNotNull('line_total')->count();

    $trim = fn ($value) => rtrim(rtrim(number_format((float) $value, 2), '0'), '.');

    $seed = is_array(old('items.0')) ? old('items.0') : [];

    $initials = $patient
        ? Str::of($patient->full_name)->explode(' ')->filter()->take(2)
            ->map(fn (string $part) => Str::upper(Str::substr($part, 0, 1)))->implode('')
        : '—';

    $typeLabel = match ($prescription->prescription_type) {
        'ipd' => 'Inpatient',
        'discharge' => 'Discharge',
        'emergency' => 'Emergency',
        'controlled' => 'Controlled',
        default => 'Outpatient',
    };
@endphp

<x-app-layout title="{{ $prescription->prescription_no }}">
    <x-page-header
        title="{{ $prescription->prescription_no }}"
        subtitle="{{ $patient?->full_name ?? 'Unattached prescription' }}@if ($patient) · {{ $patient->medical_record_number }}@endif · {{ $typeLabel }}"
        icon="pill"
        :back="route('prescriptions.index')"
        backLabel="Prescriptions">
        <x-slot:meta>
            <x-status-badge field="prescription_status" :value="$prescription->status" size="sm" dot />
            <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

            @if ($patient?->isRestricted())
                <span class="inline-flex items-center gap-1 text-xs font-medium text-amber-700">
                    <x-icon name="lock" size="xs" /> Restricted record
                </span>
            @endif
        </x-slot:meta>

        <x-slot:actions>
            <a href="{{ route('prescriptions.print', $prescription) }}" target="_blank"
               class="hms-btn-secondary no-print">
                <x-icon name="printer" size="sm" />
                Print slip
            </a>

            @can('prescriptions.create')
                @if ($prescription->is_editable)
                    <a href="{{ route('prescriptions.edit', $prescription) }}" class="hms-btn-secondary">
                        <x-icon name="edit" size="sm" />
                        Amend
                    </a>
                @endif
            @endcan

            @can('prescriptions.dispense')
                @if ($prescription->status === 'on_hold')
                    <button type="button" class="hms-btn-primary"
                            x-on:click="$dispatch('open-modal', 'script-release')">
                        <x-icon name="refresh" size="sm" />
                        Release to the queue
                    </button>
                @elseif (in_array($prescription->status, ['pending', 'partially_dispensed'], true))
                    <button type="button" class="hms-btn-secondary"
                            x-on:click="$dispatch('open-modal', 'script-hold')">
                        <x-icon name="clock" size="sm" />
                        Hold
                    </button>
                @endif
            @endcan

            @can('prescriptions.cancel')
                @if ($prescription->is_cancellable)
                    <button type="button" class="hms-btn-danger"
                            x-on:click="$dispatch('open-modal', 'script-cancel')">
                        <x-icon name="x" size="sm" />
                        Cancel
                    </button>
                @endif
            @endcan
        </x-slot:actions>
    </x-page-header>

    {{-- ------------------------------------------------------------ notices --}}
    @if ($errors->any())
        <div class="mb-6">
            <x-alert type="error" title="The last action was not saved" dismissible>
                <ul class="list-disc space-y-1 pl-4">
                    @foreach ($errors->all() as $message)
                        <li>{{ $message }}</li>
                    @endforeach
                </ul>
            </x-alert>
        </div>
    @endif

    @if ($prescription->status === 'cancelled')
        <div class="mb-6">
            <x-alert type="error" title="This prescription is cancelled">
                {{ $prescription->cancellation_reason }}
                <span class="mt-1 block text-xs text-red-700/80">
                    Cancelled by {{ $prescription->cancelledBy?->name ?? 'an unknown account' }}
                    @if ($prescription->cancelled_at) on {{ $prescription->cancelled_at->format('d M Y \a\t H:i') }} @endif
                    — nothing may be handed over against it.
                </span>
            </x-alert>
        </div>
    @elseif ($prescription->status === 'on_hold')
        <div class="mb-6">
            <x-alert type="warning" title="Held by the pharmacy">
                The counter has paused this script. Release it to the queue before anything is dispensed.
            </x-alert>
        </div>
    @endif

    @if ($patient?->isRestricted())
        <div class="mb-6">
            <x-alert type="warning" title="Restricted record">
                Access to this record is limited. You are seeing it because your account holds the restricted-access
                permission, and this access has been logged.
            </x-alert>
        </div>
    @endif

    @if ($prescription->is_controlled && ! $void)
        <div class="mb-6">
            <x-alert type="error" title="Controlled drug on this script">
                Record every hand-over in the controlled register against {{ $prescription->prescription_no }}, and keep
                the prescription slip with it.
            </x-alert>
        </div>
    @endif

    <div class="grid gap-6 lg:grid-cols-3">
        {{-- ------------------------------------------------------- the lines --}}
        <div class="space-y-6 lg:col-span-2">
            <x-card title="The medicine" icon="pill" :padded="false">
                <x-slot:header>
                    {{ $items->count() }} line(s)
                    &middot; {{ $items->count() - $outstanding->count() }} fully dispensed
                    @if ($outstanding->isNotEmpty())
                        &middot; {{ $outstanding->count() }} outstanding
                    @endif
                </x-slot:header>

                <x-slot:actions>
                    @can('prescriptions.create')
                        @if ($prescription->is_editable)
                            <button type="button" class="hms-btn-secondary hms-btn-sm"
                                    x-on:click="$dispatch('open-modal', 'line-add')">
                                <x-icon name="plus" size="xs" />
                                Add a line
                            </button>
                        @endif
                    @endcan
                </x-slot:actions>

                <ul class="divide-y divide-slate-100">
                    @foreach ($items as $index => $item)
                        @php
                            $batches = $batchesByItem[$item->id] ?? collect();
                            $remaining = round((float) $item->quantity - (float) $item->quantity_dispensed, 2);
                            $stocked = (bool) $item->drug?->inventory_item_id;
                            $canSubstitute = ! $void && $prescription->status !== 'dispensed'
                                && (float) $item->quantity_dispensed <= 0 && $item->substitution_allowed;
                            $canRemove = $prescription->is_editable
                                && (float) $item->quantity_dispensed <= 0 && $items->count() > 1;
                        @endphp

                        <li class="px-5 py-4">
                            <div class="flex flex-wrap items-start justify-between gap-4">
                                <div class="min-w-0 flex-1">
                                    <div class="flex flex-wrap items-center gap-2">
                                        <span class="text-xs font-medium text-slate-400">{{ $index + 1 }}</span>

                                        <h3 class="text-sm font-semibold text-slate-900">{{ $item->drug_name }}</h3>

                                        @if ($item->is_stat)
                                            <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="exclamation" size="xs" /> Stat
                                            </span>
                                        @endif

                                        @if ($item->is_prn)
                                            <span class="inline-flex items-center gap-1 rounded-md bg-orange-50 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-orange-700">
                                                PRN
                                            </span>
                                        @endif

                                        @if ($item->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" />
                                                {{ $item->drug->controlled_schedule_label }}
                                            </span>
                                        @endif

                                        @if ($item->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">
                                                High alert
                                            </span>
                                        @endif

                                        @if (! $item->substitution_allowed)
                                            <span class="inline-flex items-center rounded-md bg-slate-100 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-slate-600">
                                                Dispense as written
                                            </span>
                                        @endif

                                        @if (! $item->drug)
                                            <span class="inline-flex items-center gap-1 rounded-md bg-slate-100 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-slate-600">
                                                Off the formulary
                                            </span>
                                        @endif
                                    </div>

                                    <p class="mt-1 text-xs text-slate-500">
                                        {{ collect([
                                            $item->drug?->form ? $item->drug->form_label : null,
                                            $item->drug?->strength,
                                            $item->drug?->generic_name,
                                            $item->drug?->code,
                                        ])->filter()->implode(' · ') ?: 'Not linked to a formulary entry' }}
                                    </p>

                                    <dl class="mt-2 grid gap-x-6 gap-y-1.5 text-xs sm:grid-cols-3">
                                        <div>
                                            <dt class="font-medium uppercase tracking-wide text-slate-400">Dose</dt>
                                            <dd class="text-slate-700">
                                                {{ $item->dose }} {{ lookup_label('dose_unit', $item->dose_unit, '') }}
                                                by {{ lookup_label('drug_route', $item->route, $item->route) }}
                                            </dd>
                                        </div>
                                        <div>
                                            <dt class="font-medium uppercase tracking-wide text-slate-400">Frequency</dt>
                                            <dd class="text-slate-700">{{ lookup_label('drug_frequency', $item->frequency, $item->frequency) }}</dd>
                                        </div>
                                        <div>
                                            <dt class="font-medium uppercase tracking-wide text-slate-400">Duration</dt>
                                            <dd class="text-slate-700">{{ $item->duration ?? '—' }}</dd>
                                        </div>
                                    </dl>

                                    @if ($item->instructions)
                                        <p class="mt-2 text-xs text-slate-600">{{ $item->instructions }}</p>
                                    @endif

                                    @if ($item->is_prn && $item->prn_indication)
                                        <p class="mt-1 text-xs text-orange-700">Give when required for: {{ $item->prn_indication }}</p>
                                    @endif

                                    @if ($item->notes)
                                        <p class="mt-1 text-xs text-slate-500">{{ $item->notes }}</p>
                                    @endif
                                </div>

                                <div class="shrink-0 text-right">
                                    <p class="text-sm font-semibold text-slate-900">
                                        {{ $trim($item->quantity) }}
                                        <span class="text-xs font-normal text-slate-500">
                                            {{ lookup_label('dose_unit', $item->quantity_unit, $item->quantity_unit) }}
                                        </span>
                                    </p>

                                    @if ((float) $item->quantity_dispensed > 0)
                                        <p class="mt-0.5 text-xs text-emerald-700">
                                            {{ $trim($item->quantity_dispensed) }} handed over
                                        </p>
                                    @endif

                                    @if ($item->is_dispensed)
                                        <p class="mt-0.5 text-xs font-medium text-emerald-700">Complete</p>
                                    @elseif ((float) $item->quantity_dispensed > 0)
                                        <p class="mt-0.5 text-xs font-medium text-amber-700">{{ $trim($remaining) }} still to give</p>
                                    @else
                                        <p class="mt-0.5 text-xs text-slate-400">Nothing handed over</p>
                                    @endif

                                    @if ($item->dispensedBatch)
                                        <p class="mt-0.5 text-xs text-slate-500">
                                            Batch {{ $item->dispensedBatch->batch_number }}
                                            @if ($item->dispensedBatch->expiry_date)
                                                &middot; exp {{ $item->dispensedBatch->expiry_date->format('m/Y') }}
                                            @endif
                                        </p>
                                    @endif

                                    @if ($item->line_total !== null)
                                        <p class="mt-1 text-xs text-slate-600">
                                            {{ money((float) $item->line_total) }}
                                            @if ($item->unit_price !== null)
                                                <span class="text-slate-400">({{ money((float) $item->unit_price) }} each)</span>
                                            @endif
                                        </p>
                                    @else
                                        <p class="mt-1 text-xs text-slate-400">No price on the shelf</p>
                                    @endif

                                    <div class="mt-2 flex items-center justify-end gap-1">
                                        @can('prescriptions.dispense')
                                            @if ($canDispense && ! $item->is_dispensed)
                                                <button type="button" class="hms-btn-primary hms-btn-sm"
                                                        x-on:click="$dispatch('open-modal', 'dispense-{{ $item->id }}')">
                                                    <x-icon name="check" size="xs" />
                                                    Dispense
                                                </button>
                                            @endif
                                        @endcan

                                        @can('prescriptions.substitute')
                                            @if ($canSubstitute)
                                                <button type="button" class="hms-btn-ghost hms-btn-sm"
                                                        x-on:click="$dispatch('open-modal', 'substitute-{{ $item->id }}')"
                                                        title="Swap for another brand or the generic">
                                                    <x-icon name="arrows" size="xs" />
                                                </button>
                                            @endif
                                        @endcan

                                        @can('prescriptions.create')
                                            @if ($canRemove)
                                                <form method="POST"
                                                      action="{{ route('prescriptions.items.destroy', [$prescription, $item]) }}"
                                                      onsubmit="return confirm('Remove {{ $item->drug_name }} from {{ $prescription->prescription_no }}?');">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" title="Remove this line"
                                                            class="inline-flex items-center justify-center gap-2 rounded-lg px-2.5 py-1.5 text-xs font-semibold text-red-600 transition hover:bg-red-50 focus:outline-none focus:ring-2 focus:ring-red-400 focus:ring-offset-2">
                                                        <x-icon name="trash" size="xs" />
                                                    </button>
                                                </form>
                                            @endif
                                        @endcan
                                    </div>
                                </div>
                            </div>
                        </li>
                    @endforeach
                </ul>

                @if ($items->isNotEmpty())
                    <x-slot:footer>
                        <div class="flex flex-wrap items-center justify-between gap-3 text-xs text-slate-600">
                            <span>
                                {{ $priced }} of {{ $items->count() }} line(s) priced.
                                The charge is raised when the pharmacy hands the medicine over, not when it is prescribed.
                            </span>
                            <span class="font-semibold text-slate-800">
                                Estimated {{ money($estimate) }}
                            </span>
                        </div>
                    </x-slot:footer>
                @endif
            </x-card>

            @if ($prescription->diagnosis_notes || $prescription->general_instructions)
                <x-card title="Clinical notes" icon="document-text">
                    <div class="space-y-4">
                        @if ($prescription->diagnosis_notes)
                            <div>
                                <p class="text-xs font-medium uppercase tracking-wide text-slate-400">Working diagnosis</p>
                                <p class="mt-1 whitespace-pre-line text-sm text-slate-700">{{ $prescription->diagnosis_notes }}</p>
                            </div>
                        @endif

                        @if ($prescription->general_instructions)
                            <div>
                                <p class="text-xs font-medium uppercase tracking-wide text-slate-400">Instructions to the patient</p>
                                <p class="mt-1 whitespace-pre-line text-sm text-slate-700">{{ $prescription->general_instructions }}</p>
                            </div>
                        @endif
                    </div>
                </x-card>
            @endif

            @if ($prescription->pharmacist_notes)
                <x-card title="Pharmacy notes" icon="clipboard-list">
                    <x-slot:header>Holds, substitutions and remarks, newest last</x-slot:header>
                    <p class="whitespace-pre-line text-sm text-slate-700">{{ $prescription->pharmacist_notes }}</p>
                </x-card>
            @endif
        </div>

        {{-- --------------------------------------------------------- the file --}}
        <div class="space-y-6">
            <x-card title="Patient" icon="users">
                <div class="flex items-start gap-3">
                    <span class="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-brand-50 text-sm font-semibold text-brand-700">
                        {{ $initials }}
                    </span>

                    <div class="min-w-0">
                        <p class="truncate text-sm font-semibold text-slate-900">{{ $patient?->full_name ?? 'Unattached' }}</p>
                        <p class="text-xs text-slate-500">
                            {{ $patient?->medical_record_number ?? '—' }}
                            @if ($patient) &middot; {{ $patient->age_display }} &middot; {{ $patient->gender_label }} @endif
                        </p>
                        @if ($patient?->phone)
                            <p class="mt-0.5 text-xs text-slate-500">{{ $patient->phone }}</p>
                        @endif
                    </div>
                </div>

                @if ($patient)
                    @if ($patient->isRestricted())
                        <div class="mt-3 flex items-start gap-2 rounded-lg bg-amber-50 px-3 py-2 text-xs text-amber-800">
                            <x-icon name="lock" size="xs" />
                            <span>Restricted record — handle per facility policy.</span>
                        </div>
                    @endif

                    <div class="mt-3 flex flex-wrap gap-2">
                        @can('patients.view')
                            <a href="{{ route('patients.show', $patient) }}" class="hms-btn-secondary hms-btn-sm">
                                <x-icon name="users" size="xs" />
                                Record
                            </a>
                        @endcan

                        @can('patients.view-clinical')
                            <a href="{{ route('patients.clinical', $patient) }}" class="hms-btn-secondary hms-btn-sm">
                                <x-icon name="heart-pulse" size="xs" />
                                Clinical chart
                            </a>
                        @endcan
                    </div>
                @endif
            </x-card>

            <x-card title="Script" icon="clipboard-check">
                <dl class="hms-dl space-y-3">
                    <dt>Status</dt>
                    <dd>{{ $prescription->status_label }}</dd>

                    <dt>Written</dt>
                    <dd>
                        {{ $prescription->prescribed_at?->format('d M Y H:i') ?? '—' }}
                        @if ($prescription->prescribedBy)
                            <span class="block text-xs text-slate-500">{{ $prescription->prescribedBy->name }}</span>
                        @endif
                    </dd>

                    @if ($prescription->encounter)
                        <dt>Encounter</dt>
                        <dd>
                            @php $encounterUrl = route_if('encounters.show', $prescription->encounter); @endphp
                            @if ($encounterUrl)
                                <a href="{{ $encounterUrl }}" class="hms-link">{{ $prescription->encounter->encounter_no }}</a>
                            @else
                                {{ $prescription->encounter->encounter_no }}
                            @endif
                            <span class="block text-xs text-slate-500">{{ lookup_label('encounter_type', $prescription->encounter->encounter_type, $prescription->encounter->encounter_type) }}</span>
                        </dd>
                    @endif

                    @if ($prescription->visit)
                        <dt>Visit</dt>
                        <dd>
                            {{ $prescription->visit->visit_no }}
                            @if ($prescription->visit->token_number)
                                <span class="text-xs text-slate-500">&middot; token {{ $prescription->visit->token_number }}</span>
                            @endif
                        </dd>
                    @endif

                    <dt>Lines</dt>
                    <dd>{{ $items->count() }} line(s), {{ $items->where('is_dispensed', true)->count() }} complete</dd>

                    @if ($prescription->is_charged)
                        <dt>Billing</dt>
                        <dd>
                            Charged to the bill.
                            @if ($prescription->invoice_id && ($invoiceUrl = route_if('invoices.show', $prescription->invoice_id)))
                                <a href="{{ $invoiceUrl }}" class="hms-link">Open the invoice</a>
                            @endif
                        </dd>
                    @else
                        <dt>Billing</dt>
                        <dd class="text-slate-500">Not yet charged — the pharmacy raises it at the counter.</dd>
                    @endif

                    @if ($prescription->dispensedBy)
                        <dt>Dispensed</dt>
                        <dd>
                            {{ $prescription->dispensedBy->name }}
                            @if ($prescription->dispensed_at)
                                <span class="block text-xs text-slate-500">{{ $prescription->dispensed_at->format('d M Y H:i') }}</span>
                            @endif
                        </dd>
                    @endif

                    @if ($prescription->cancelledBy)
                        <dt>Cancelled</dt>
                        <dd>
                            {{ $prescription->cancelledBy->name }}
                            @if ($prescription->cancelled_at)
                                <span class="block text-xs text-slate-500">{{ $prescription->cancelled_at->format('d M Y H:i') }}</span>
                            @endif
                            @if ($prescription->cancellation_reason)
                                <span class="mt-1 block text-xs text-slate-600">{{ $prescription->cancellation_reason }}</span>
                            @endif
                        </dd>
                    @endif
                </dl>
            </x-card>

            <x-card title="At the counter" icon="info">
                <ul class="space-y-2 text-xs text-slate-600">
                    <li class="flex gap-2">
                        <x-icon name="arrow-right" size="xs" class="mt-0.5 shrink-0 text-slate-400" />
                        <span>Draw stock shortest-dated first — the batch list is already in that order.</span>
                    </li>
                    <li class="flex gap-2">
                        <x-icon name="arrow-right" size="xs" class="mt-0.5 shrink-0 text-slate-400" />
                        <span>A stocked line leaves in whole units, because the shelf is counted in whole units.</span>
                    </li>
                    <li class="flex gap-2">
                        <x-icon name="arrow-right" size="xs" class="mt-0.5 shrink-0 text-slate-400" />
                        <span>Substitution needs the prescriber's leave, and is only possible before any of the line has gone out.</span>
                    </li>
                    <li class="flex gap-2">
                        <x-icon name="arrow-right" size="xs" class="mt-0.5 shrink-0 text-slate-400" />
                        <span>Nothing is removed from a line that has already been partly handed over.</span>
                    </li>
                </ul>
            </x-card>
        </div>
    </div>

    {{-- --------------------------------------------------------------- modals --}}
    @can('prescriptions.create')
        @if ($prescription->is_editable)
            <x-modal name="line-add" maxWidth="2xl" :show="old('items') ? true : false">
                <form method="POST" action="{{ route('prescriptions.items.store', $prescription) }}" class="p-6"
                      x-data="lineComposer({
                          units: @js($doseUnits),
                          routes: @js($routes),
                          frequencies: @js($frequencies),
                          seed: @js([
                              'drug_id' => $seed['drug_id'] ?? '',
                              'drug_name' => $seed['drug_name'] ?? '',
                              'dose' => $seed['dose'] ?? '',
                              'dose_unit' => $seed['dose_unit'] ?? 'mg',
                              'route' => $seed['route'] ?? 'oral',
                              'frequency' => $seed['frequency'] ?? 'bd',
                              'duration_days' => $seed['duration_days'] ?? '',
                              'quantity' => $seed['quantity'] ?? '',
                              'quantity_unit' => $seed['quantity_unit'] ?? 'tablet',
                              'instructions' => $seed['instructions'] ?? '',
                              'prn_indication' => $seed['prn_indication'] ?? '',
                              'is_stat' => ! empty($seed['is_stat']),
                              'is_prn' => ! empty($seed['is_prn']),
                              'substitution_allowed' => ! empty($seed['substitution_allowed']),
                          ]),
                      })"
                      x-on:drug-picked="pick($event.detail)">
                    @csrf

                    <h2 class="text-base font-semibold text-slate-800">Add a line to {{ $prescription->prescription_no }}</h2>
                    <p class="mt-1 text-sm text-slate-500">
                        The drug is taken from the formulary so the line carries the same shape as one written at the
                        bedside.
                    </p>

                    <div class="mt-5 space-y-4">
                        @include('prescriptions._picker', ['placeholder' => 'Search the formulary — brand, generic or code…'])

                        <template x-if="drug">
                            <div class="flex flex-wrap items-center justify-between gap-3 rounded-lg border border-brand-200 bg-brand-50 px-3 py-2">
                                <div class="min-w-0">
                                    <p class="truncate text-sm font-semibold text-brand-800" x-text="drug.label"></p>
                                    <p class="text-xs text-brand-700">
                                            <span x-text="[drug.generic_name, drug.code].filter(Boolean).join(' · ')"></span>
                                            <template x-if="drug.stock !== null">
                                                <span x-text="' · ' + drug.stock + ' ' + (drug.unit || '') + ' on hand'"></span>
                                            </template>
                                        </p>
                                    <template x-if="drug.controlled_label && drug.is_controlled">
                                        <p class="text-xs font-semibold text-red-700" x-text="drug.controlled_label"></p>
                                    </template>
                                </div>
                                <button type="button" class="shrink-0 text-xs font-medium text-brand-700 underline" x-on:click="clear()">
                                    Choose another
                                </button>
                            </div>
                        </template>

                        <template x-if="! drug">
                            <p class="hms-hint">
                                Search above and the dose, route and frequency are filled in from the formulary.
                            </p>
                        </template>

                        <input type="hidden" name="items[0][drug_id]" :value="drug ? drug.id : ''">
                        {{-- Display only: the server copies the name off the formulary entry. --}}
                        <input type="hidden" name="items[0][drug_name]" :value="drug ? drug.label : ''">

                        <div class="grid gap-4 sm:grid-cols-3">
                            <x-form.input name="items[0][dose]" label="Dose" required placeholder="500"
                                          x-model="dose" />
                            <x-form.select name="items[0][dose_unit]" label="Unit" :options="$doseUnits" required
                                           x-model="unit" />
                            <x-form.select name="items[0][route]" label="Route" :options="$routes" required
                                           x-model="route" />
                        </div>

                        <div class="grid gap-4 sm:grid-cols-3">
                            <x-form.select name="items[0][frequency]" label="Frequency" :options="$frequencies" required
                                           x-model="frequency" />
                            <x-form.input type="number" name="items[0][duration_days]" label="Days" min="1" max="365"
                                          placeholder="5" x-model="days" />
                            <x-form.input type="number" name="items[0][quantity]" label="Quantity" step="0.01"
                                          min="0.01" required placeholder="15" x-model="quantity" />
                        </div>

                        <div class="grid gap-4 sm:grid-cols-3">
                            <x-form.select name="items[0][quantity_unit]" label="Dispense as" :options="$doseUnits" required
                                           x-model="quantityUnit" />
                            <x-form.input name="items[0][instructions]" label="Instructions to the patient"
                                          placeholder="Take with food" x-model="instructions" />
                            <x-form.input name="items[0][prn_indication]" label="PRN indication"
                                          placeholder="For pain" x-model="prnIndication" x-bind:disabled="! isPrn" />
                        </div>

                        <div class="flex flex-wrap items-center gap-6 border-t border-slate-100 pt-4">
                            <label class="inline-flex items-center gap-2 text-sm text-slate-700">
                                <input type="checkbox" value="1" name="items[0][is_stat]" x-model="isStat"
                                       class="rounded border-slate-300 text-brand-600 focus:ring-brand-500">
                                Stat — give the first dose now
                            </label>

                            <label class="inline-flex items-center gap-2 text-sm text-slate-700">
                                <input type="checkbox" value="1" name="items[0][is_prn]" x-model="isPrn"
                                       class="rounded border-slate-300 text-brand-600 focus:ring-brand-500">
                                When required
                            </label>

                            <label class="inline-flex items-center gap-2 text-sm text-slate-700">
                                <input type="checkbox" value="1" name="items[0][substitution_allowed]"
                                       x-model="substitutionAllowed"
                                       class="rounded border-slate-300 text-brand-600 focus:ring-brand-500">
                                Substitution allowed
                            </label>
                        </div>
                    </div>

                    <div class="mt-6 flex items-center justify-end gap-2 border-t border-slate-200 bg-slate-50 px-6 py-4 -mx-6 -mb-6">
                        <button type="button" class="hms-btn-secondary"
                                x-on:click="$dispatch('close-modal', 'line-add')">
                            Cancel
                        </button>
                        <button type="submit" class="hms-btn-primary" x-bind:disabled="! drug"
                                x-bind:class="! drug ? 'cursor-not-allowed opacity-60' : ''">
                            Add the line
                        </button>
                    </div>
                </form>
            </x-modal>
        @endif
    @endcan

    @can('prescriptions.dispense')
        @if ($canDispense)
            @foreach ($outstanding as $item)
                @php
                    $batches = $batchesByItem[$item->id] ?? collect();
                    $remaining = round((float) $item->quantity - (float) $item->quantity_dispensed, 2);
                    $stocked = (bool) $item->drug?->inventory_item_id;
                    $batchOptions = $batches->mapWithKeys(fn ($batch) => [
                        $batch->id => trim(sprintf(
                            '%s · exp %s · %d on the shelf',
                            $batch->batch_number,
                            $batch->expiry_date?->format('d M Y') ?? 'no expiry',
                            $batch->quantity_available,
                        )),
                    ])->all();
                    $wholeUnits = $stocked;
                @endphp

                <x-modal name="dispense-{{ $item->id }}" maxWidth="lg">
                    <form method="POST" action="{{ route('prescriptions.items.dispense', [$prescription, $item]) }}"
                          class="p-6">
                        @csrf

                        <h2 class="text-base font-semibold text-slate-800">Dispense {{ $item->drug_name }}</h2>
                        <p class="mt-1 text-sm text-slate-500">
                            {{ $item->dose }} {{ lookup_label('dose_unit', $item->dose_unit, '') }}
                            by {{ lookup_label('drug_route', $item->route, $item->route) }},
                            {{ lookup_label('drug_frequency', $item->frequency, $item->frequency) }}.
                            {{ $trim($remaining) }}
                            {{ lookup_label('dose_unit', $item->quantity_unit, $item->quantity_unit) }}
                            still outstanding on this line.
                        </p>

                        @if ($stocked && $batches->isEmpty())
                            <div class="mt-4">
                                <x-alert type="warning" title="No batch on the shelf">
                                    {{ $item->drug_name }} has a stock record but no live batch with stock left. Receive a
                                    batch, or take this line out of the stock ledger first.
                                </x-alert>
                            </div>
                        @endif

                        <div class="mt-5 space-y-4">
                            @if ($stocked && $batches->isNotEmpty())
                                <x-form.select name="batch_id" label="Draw from batch" :options="$batchOptions"
                                               :value="$batches->first()?->id" required
                                               hint="Shortest-dated first, so nothing expires on the shelf." />
                            @endif

                            <x-form.input type="number" name="quantity_dispensed" label="Quantity handed over"
                                          :value="$remaining" step="{{ $wholeUnits ? '1' : '0.01' }}"
                                          min="{{ $wholeUnits ? '1' : '0.01' }}" required
                                          :hint="$wholeUnits
                                              ? 'Stock is counted in whole units.'
                                              : 'This drug is not stock-tracked, so a part unit may be recorded.'" />

                            <x-form.textarea name="remarks" label="Remarks" rows="2"
                                             placeholder="Part handout, second batch to follow…" />
                        </div>

                        <div class="mt-6 flex items-center justify-end gap-2 border-t border-slate-200 bg-slate-50 px-6 py-4 -mx-6 -mb-6">
                            <button type="button" class="hms-btn-secondary"
                                    x-on:click="$dispatch('close-modal', 'dispense-{{ $item->id }}')">
                                Cancel
                            </button>
                            <button type="submit" class="hms-btn-primary"
                                    @if ($stocked && $batches->isEmpty()) disabled @endif>
                                Record the hand-over
                            </button>
                        </div>
                    </form>
                </x-modal>
            @endforeach
        @endif
    @endcan

    @can('prescriptions.substitute')
        @foreach ($items as $item)
            @php
                $canSubstitute = ! $void && $prescription->status !== 'dispensed'
                    && (float) $item->quantity_dispensed <= 0 && $item->substitution_allowed;
            @endphp

            @if ($canSubstitute)
                <x-modal name="substitute-{{ $item->id }}" maxWidth="lg">
                    <form method="POST"
                          action="{{ route('prescriptions.items.substitute', [$prescription, $item]) }}"
                          class="p-6"
                          x-data="{ drug: null, reason: '' }"
                          x-on:drug-picked="drug = $event.detail">
                        @csrf
                        @method('PATCH')

                        <h2 class="text-base font-semibold text-slate-800">
                            Substitute {{ $item->drug_name }}
                        </h2>
                        <p class="mt-1 text-sm text-slate-500">
                            The prescriber allowed a swap on this line. Choose the pack that is actually going out —
                            the line is rewritten, and the reason is kept on the pharmacy notes.
                        </p>

                        <div class="mt-5 space-y-4">
                            @include('prescriptions._picker', ['placeholder' => 'Search for the replacement…'])

                            <template x-if="drug">
                                <div class="flex flex-wrap items-center justify-between gap-3 rounded-lg border border-brand-200 bg-brand-50 px-3 py-2">
                                    <div class="min-w-0">
                                        <p class="truncate text-sm font-semibold text-brand-800" x-text="drug.label"></p>
                                        <p class="text-xs text-brand-700" x-text="[drug.generic_name, drug.code].filter(Boolean).join(' · ')"></p>
                                    </div>
                                    <button type="button" class="shrink-0 text-xs font-medium text-brand-700 underline" x-on:click="drug = null">
                                        Choose another
                                    </button>
                                </div>
                            </template>

                            <template x-if="! drug">
                                <p class="hms-hint">
                                    {{ $item->drug_name }} is being replaced.
                                    <span class="text-red-600">Wait</span> — only search if a different pack is genuinely
                                    going out; the line changes for good.
                                </p>
                            </template>

                            <input type="hidden" name="drug_id" :value="drug ? drug.id : ''">

                            <x-form.input name="reason" label="Reason for the substitution" required
                                          placeholder="Same molecule, different brand — original out of stock"
                                          x-model="reason" />
                        </div>

                        <div class="mt-6 flex items-center justify-end gap-2 border-t border-slate-200 bg-slate-50 px-6 py-4 -mx-6 -mb-6">
                            <button type="button" class="hms-btn-secondary"
                                    x-on:click="$dispatch('close-modal', 'substitute-{{ $item->id }}')">
                                Cancel
                            </button>
                            <button type="submit" class="hms-btn-primary" x-bind:disabled="! drug"
                                    x-bind:class="! drug ? 'cursor-not-allowed opacity-60' : ''">
                                Substitute the line
                            </button>
                        </div>
                    </form>
                </x-modal>
            @endif
        @endforeach
    @endcan

    @can('prescriptions.dispense')
        @if (in_array($prescription->status, ['pending', 'partially_dispensed'], true))
            <x-modal name="script-hold" maxWidth="lg">
                <form method="POST" action="{{ route('prescriptions.hold', $prescription) }}" class="p-6">
                    @csrf
                    @method('PATCH')
                    <input type="hidden" name="held" value="1">

                    <h2 class="text-base font-semibold text-slate-800">Hold {{ $prescription->prescription_no }}?</h2>
                    <p class="mt-1 text-sm text-slate-500">
                        The script leaves the dispensing queue until it is released. Nothing can be handed over against
                        it while it is held.
                    </p>

                    <div class="mt-5">
                        <x-form.textarea name="remarks" label="Why is it being held?" rows="2" required
                                         placeholder="Awaiting prescriber clarification on the dose…" />
                    </div>

                    <div class="mt-6 flex items-center justify-end gap-2 border-t border-slate-200 bg-slate-50 px-6 py-4 -mx-6 -mb-6">
                        <button type="button" class="hms-btn-secondary"
                                x-on:click="$dispatch('close-modal', 'script-hold')">
                            Cancel
                        </button>
                        <button type="submit" class="hms-btn-primary">Hold the script</button>
                    </div>
                </form>
            </x-modal>
        @endif

        @if ($prescription->status === 'on_hold')
            <x-modal name="script-release" maxWidth="lg">
                <form method="POST" action="{{ route('prescriptions.hold', $prescription) }}" class="p-6">
                    @csrf
                    @method('PATCH')
                    <input type="hidden" name="held" value="0">

                    <h2 class="text-base font-semibold text-slate-800">Release {{ $prescription->prescription_no }}?</h2>
                    <p class="mt-1 text-sm text-slate-500">
                        The script returns to the dispensing queue at the point it was held.
                    </p>

                    <div class="mt-5">
                        <x-form.textarea name="remarks" label="Remarks" rows="2"
                                         placeholder="Dose confirmed with the prescriber…" />
                    </div>

                    <div class="mt-6 flex items-center justify-end gap-2 border-t border-slate-200 bg-slate-50 px-6 py-4 -mx-6 -mb-6">
                        <button type="button" class="hms-btn-secondary"
                                x-on:click="$dispatch('close-modal', 'script-release')">
                            Cancel
                        </button>
                        <button type="submit" class="hms-btn-primary">Release to the queue</button>
                    </div>
                </form>
            </x-modal>
        @endif
    @endcan

    @can('prescriptions.cancel')
        @if ($prescription->is_cancellable)
            <x-modal name="script-cancel" maxWidth="lg">
                <form method="POST" action="{{ route('prescriptions.cancel', $prescription) }}" class="p-6">
                    @csrf
                    @method('PATCH')

                    <h2 class="text-base font-semibold text-slate-800">
                        Cancel {{ $prescription->prescription_no }}?
                    </h2>
                    <p class="mt-1 text-sm text-slate-500">
                        The script stands on the record as cancelled and can no longer be dispensed. Nothing has been
                        handed over against it yet, so nothing needs reversing.
                    </p>

                    <div class="mt-5">
                        <x-form.textarea name="cancellation_reason" label="Reason for cancelling" rows="2" required
                                         placeholder="Prescriber changed the antibiotic after the culture came back…" />
                    </div>

                    <div class="mt-6 flex items-center justify-end gap-2 border-t border-slate-200 bg-slate-50 px-6 py-4 -mx-6 -mb-6">
                        <button type="button" class="hms-btn-secondary"
                                x-on:click="$dispatch('close-modal', 'script-cancel')">
                            Keep the script
                        </button>
                        <button type="submit" class="hms-btn-danger">Cancel the prescription</button>
                    </div>
                </form>
            </x-modal>
        @endif
    @endcan

    @push('scripts')
        <script>
            window.lineComposer = (config = {}) => ({
                units: config.units ?? {},
                routes: config.routes ?? {},
                frequencies: config.frequencies ?? {},
                seed: config.seed ?? {},

                drug: null,
                dose: '', unit: 'mg', route: 'oral', frequency: 'bd', days: '', quantity: '',
                quantityUnit: 'tablet', instructions: '', prnIndication: '',
                isStat: false, isPrn: false, substitutionAllowed: false,

                init() {
                    const seed = this.seed ?? {};

                    this.dose = seed.dose ?? '';
                    this.unit = seed.dose_unit || 'mg';
                    this.route = seed.route || 'oral';
                    this.frequency = seed.frequency || 'bd';
                    this.days = seed.duration_days ?? '';
                    this.quantity = seed.quantity ?? '';
                    this.quantityUnit = seed.quantity_unit || 'tablet';
                    this.instructions = seed.instructions ?? '';
                    this.prnIndication = seed.prn_indication ?? '';
                    this.isStat = Boolean(seed.is_stat);
                    this.isPrn = Boolean(seed.is_prn);
                    this.substitutionAllowed = Boolean(seed.substitution_allowed);

                    // A bounced form still knows which drug was chosen, so the
                    // pharmacist does not have to search for it a second time.
                    if (seed.drug_id) {
                        this.drug = {
                            id: seed.drug_id,
                            label: seed.drug_name || `Drug #${seed.drug_id}`,
                            stock: null,
                            route: this.route,
                            generic_name: '',
                            code: '',
                        };
                    }
                },

                pick(drug) {
                    this.drug = drug;
                    this.dose = drug.adult_dose || '';
                    this.unit = 'mg';
                    this.route = drug.route || 'oral';
                    this.frequency = drug.default_frequency || 'bd';
                    this.days = drug.default_duration_days || '';
                },

                clear() {
                    this.drug = null;
                },
            });
        </script>
    @endpush
</x-app-layout>