@php
    $isOpen = in_array($dose->status, ['scheduled', 'due', 'overdue'], true);
    $courseSize = $dose->vaccine?->doses_required ?? 1;
@endphp

<x-app-layout title="Dose {{ $dose->dose_number }} · {{ $dose->vaccine?->name }}">
    <x-page-header
        title="{{ $dose->vaccine?->name ?? 'Unknown vaccine' }} — dose {{ $dose->dose_number }}"
        subtitle="{{ $dose->patient?->full_name }} · due {{ $dose->scheduled_date?->format('d M Y') ?? '—' }}"
        icon="pill"
        :back="route('immunizations.index')"
        backLabel="Immunization desk"
    >
        <x-slot:meta>
            <x-status-badge :color="$dose->status_color" :label="$dose->status_label" dot />
        </x-slot:meta>
    </x-page-header>

    <div class="grid gap-6 xl:grid-cols-[1fr_20rem]">
        <div class="space-y-6">
            @if ($isOpen)
                @can('immunizations.record')
                    <x-card title="Record administration" icon="clipboard-check">
                        <x-slot:header>
                            Batch and expiry are the cold-chain record; recording here books dose
                            {{ $dose->dose_number + 1 }} automatically when the course has more to give.
                        </x-slot:header>

                        <form method="POST" action="{{ route('immunizations.administer', $dose) }}" class="space-y-5">
                            @csrf

                            <div class="grid gap-4 sm:grid-cols-2">
                                <x-form.input name="batch_number" label="Batch number" :value="old('batch_number')"
                                              placeholder="e.g. A412B7" required />

                                <x-form.input type="date" name="expiry_date" label="Expiry date"
                                              :value="old('expiry_date')" :min="today()->addDay()->toDateString()" required />

                                <x-form.input type="datetime-local" name="administered_at" label="Given at"
                                              :value="old('administered_at')" hint="Defaults to now." />

                                <x-form.input type="number" step="0.01" min="0" max="20" name="dose_given_ml"
                                              label="Volume given (ml)" :value="old('dose_given_ml', $dose->vaccine?->dose_volume_ml)" />

                                <x-form.input name="site" label="Site" :value="old('site', $dose->vaccine?->site)"
                                              placeholder="e.g. Left upper arm" />

                                <x-form.input name="route" label="Route" :value="old('route', $dose->vaccine?->route)"
                                              placeholder="e.g. Intramuscular" />
                            </div>

                            <div class="grid gap-4 sm:grid-cols-2">
                                <x-form.input name="adverse_reaction" label="Adverse reaction, if any"
                                              :value="old('adverse_reaction')" placeholder="e.g. Mild swelling at site" />

                                <x-form.input name="reaction_notes" label="Reaction notes" :value="old('reaction_notes')" />
                            </div>

                            <div class="flex items-center gap-3 border-t border-slate-100 pt-4">
                                <button type="submit" class="hms-btn-primary">
                                    <x-icon name="check" size="sm" />
                                    Dose {{ $dose->dose_number }} given
                                </button>
                            </div>
                        </form>
                    </x-card>
                @endcan

                @can('immunizations.record')
                    <x-card title="Will not be given" icon="warning" x-data="{ outcome: '{{ old('outcome', '') }}' }">
                        <x-slot:header>
                            Refusals, contraindications and missed visits stay on the register with a reason —
                            the course does not silently forget them.
                        </x-slot:header>

                        <form method="POST" action="{{ route('immunizations.outcome', $dose) }}" class="space-y-5">
                            @csrf

                            <div class="grid gap-4 sm:grid-cols-2">
                                <x-form.select name="outcome" label="Outcome" :options="[
                                        'refused' => 'Refused',
                                        'contraindicated' => 'Contraindicated',
                                        'missed' => 'Missed visit',
                                    ]" :value="old('outcome')" placeholder="Choose an outcome"
                                    x-model="outcome" required />

                                <x-form.input name="refusal_reason" label="Reason" :value="old('refusal_reason')"
                                              placeholder="e.g. Parent declined after counselling"
                                              x-bind:required="outcome === 'refused' || outcome === 'contraindicated'" />
                            </div>

                            <div class="flex items-center gap-3 border-t border-slate-100 pt-4">
                                <button type="submit" class="hms-btn-secondary">Mark the outcome</button>
                            </div>
                        </form>
                    </x-card>
                @endcan
            @endif

            @if ($dose->status === 'administered')
                <x-card title="Administration record" icon="clipboard-check">
                    <dl class="hms-dl grid gap-4 sm:grid-cols-2">
                        <div>
                            <dt class="text-xs font-semibold uppercase tracking-wide text-slate-400">Given at</dt>
                            <dd class="mt-0.5 text-slate-800">{{ $dose->administered_at?->format('d M Y H:i') }}</dd>
                        </div>
                        <div>
                            <dt class="text-xs font-semibold uppercase tracking-wide text-slate-400">Given by</dt>
                            <dd class="mt-0.5 text-slate-800">{{ $dose->administeredBy?->name ?? '—' }}</dd>
                        </div>
                        <div>
                            <dt class="text-xs font-semibold uppercase tracking-wide text-slate-400">Batch / expiry</dt>
                            <dd class="mt-0.5 font-mono text-xs text-slate-800">{{ $dose->batch_number }} · {{ $dose->expiry_date?->format('d M Y') }}</dd>
                        </div>
                        <div>
                            <dt class="text-xs font-semibold uppercase tracking-wide text-slate-400">Site / route / volume</dt>
                            <dd class="mt-0.5 text-slate-800">
                                {{ $dose->site }} · {{ $dose->route }} · {{ $dose->dose_given_ml }} ml
                            </dd>
                        </div>
                        @if ($dose->adverse_reaction)
                            <div class="sm:col-span-2">
                                <dt class="text-xs font-semibold uppercase tracking-wide text-slate-400">Adverse reaction</dt>
                                <dd class="mt-0.5 text-slate-800">{{ $dose->adverse_reaction }}</dd>
                                @if ($dose->reaction_notes)
                                    <dd class="mt-1 text-xs text-slate-500">{{ $dose->reaction_notes }}</dd>
                                @endif
                            </div>
                        @endif
                    </dl>
                </x-card>
            @endif

            @if (in_array($dose->status, ['refused', 'contraindicated', 'missed'], true))
                <x-card title="Outcome on record" icon="document-text">
                    <p>
                        <x-status-badge :color="$dose->status_color" :label="$dose->status_label" size="sm" dot />
                    </p>
                    @if ($dose->refusal_reason)
                        <p class="mt-2 text-sm text-slate-600">{{ $dose->refusal_reason }}</p>
                    @endif
                </x-card>
            @endif

            @if ($dose->notes)
                <x-card title="Notes" icon="document-text">
                    <p class="whitespace-pre-line text-sm text-slate-600">{{ $dose->notes }}</p>
                </x-card>
            @endif
        </div>

        <div class="space-y-6">
            <x-card title="Patient" icon="clipboard-list">
                <p class="text-lg font-semibold text-slate-900">{{ $dose->patient?->full_name }}</p>
                <p class="mt-0.5 font-mono text-xs text-slate-500">{{ $dose->patient?->medical_record_number }}</p>
                <p class="mt-2 text-sm text-slate-600">
                    {{ $dose->patient?->age_display }} · {{ $dose->patient?->gender_label }}
                    @if ($dose->patient?->phone) · {{ $dose->patient->phone }} @endif
                </p>

                @if ($dose->patient?->isRestricted())
                    <p class="mt-3 rounded-lg bg-amber-50 px-3 py-2 text-xs text-amber-700">
                        <x-icon name="lock" size="xs" class="mr-1 inline" />Restricted record — access is logged.
                    </p>
                @endif
            </x-card>

            <x-card title="The course" icon="list">
                <p class="mb-3 text-xs text-slate-500">
                    {{ $courseSize }} dose{{ $courseSize > 1 ? 's' : '' }}
                    @if ($dose->vaccine?->interval_days)
                        · {{ $dose->vaccine->interval_days }} days apart
                    @endif
                    @if ($dose->vaccine?->schedule_age_label)
                        · due {{ $dose->vaccine->schedule_age_label }}
                    @endif
                </p>

                <ul class="divide-y divide-slate-100">
                    @foreach ($course as $entry)
                        <li class="py-2.5 first:pt-0 last:pb-0">
                            <div class="flex items-center justify-between gap-2">
                                <p class="text-sm font-medium text-slate-800">
                                    Dose {{ $entry->dose_number }}
                                    @if ($entry->id === $dose->id)
                                        <span class="ml-1 rounded bg-brand-50 px-1.5 py-0.5 text-[10px] font-semibold uppercase text-brand-700">this dose</span>
                                    @endif
                                </p>
                                <x-status-badge :color="$entry->status_color" :label="$entry->status_label" size="sm" dot />
                            </div>
                            <p class="mt-0.5 text-xs text-slate-500">
                                @if ($entry->status === 'administered')
                                    Given {{ $entry->administered_at?->format('d M Y') }}
                                    @if ($entry->administeredBy) by {{ $entry->administeredBy->name }} @endif
                                @elseif (in_array($entry->status, ['refused', 'contraindicated', 'missed'], true))
                                    {{ $entry->scheduled_date?->format('d M Y') }}
                                @else
                                    Due {{ $entry->scheduled_date?->format('d M Y') }}
                                @endif
                            </p>
                        </li>
                    @endforeach
                </ul>
            </x-card>

            <x-card title="Desk actions" icon="bell">
                <div class="space-y-3 text-sm">
                    <div>
                        <p class="text-xs font-semibold uppercase tracking-wide text-slate-400">Recorded by</p>
                        <p class="mt-0.5 text-slate-800">{{ $dose->recordedBy?->name ?? '—' }}</p>
                    </div>

                    @if ($isOpen && $dose->patient?->phone)
                        @can('immunizations.schedule')
                            @if ($dose->reminder_sent)
                                <p class="rounded-lg bg-slate-50 px-3 py-2 text-xs text-slate-500">
                                    Reminder sent {{ $dose->reminder_sent_at?->format('d M Y H:i') }}.
                                </p>
                            @else
                                <form method="POST" action="{{ route('immunizations.reminder', $dose) }}">
                                    @csrf
                                    <button type="submit" class="hms-btn-secondary w-full justify-center">
                                        <x-icon name="bell" size="sm" />
                                        Queue an SMS reminder
                                    </button>
                                    <p class="mt-2 text-xs text-slate-500">
                                        One reminder per dose — it goes to {{ $dose->patient->phone }}.
                                    </p>
                                </form>
                            @endif
                        @endcan
                    @elseif ($isOpen)
                        <p class="rounded-lg bg-slate-50 px-3 py-2 text-xs text-slate-500">
                            No phone on file — reminders cannot be queued for this patient.
                        </p>
                    @endif
                </div>
            </x-card>
        </div>
    </div>
</x-app-layout>