@php
    $filtered = ($patientQuery ?? '') !== '';
@endphp

<x-app-layout title="Admit patient">
    <x-page-header
        title="Admit patient"
        subtitle="Open an inpatient stay: the ward, the consultant taking them, and — if you hold bed rights — the bed itself."
        icon="bed"
        :back="route('admissions.index')"
        backLabel="Ward board">
    </x-page-header>

    @if (! $patient)
        <x-card title="Which patient?" icon="search">
            <x-slot:header>
                Search by MRN, name, phone or national ID.
            </x-slot:header>

            <form method="GET" class="flex flex-wrap items-end gap-3">
                <div class="min-w-[16rem] flex-1">
                    <x-form.input name="q" label="Patient" placeholder="MRN, name, phone or national ID…"
                                  :value="$patientQuery" autofocus />
                </div>

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

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

            <div class="mt-5 border-t border-slate-200 pt-5">
                @if ($patientQuery === '')
                    <p class="text-sm text-slate-500">
                        Start with the patient. The ward, consultant and clinical detail come next.
                    </p>
                @elseif (! auth()->user()->can('patients.view'))
                    <x-alert type="info">
                        Your account cannot search the patient register. Open the patient's clinical record and
                        admit from there.
                    </x-alert>
                @elseif ($matches->isEmpty())
                    <x-empty-state icon="users" title="No patient matches “{{ $patientQuery }}”">
                        Nothing in the register matches. Check the spelling, or register the patient first.
                        <x-slot:actions>
                            @can('patients.create')
                                <a href="{{ route('patients.create', ['q' => $patientQuery]) }}" class="hms-btn-primary">
                                    <x-icon name="user-plus" size="sm" />
                                    Register a new patient
                                </a>
                            @endcan
                        </x-slot:actions>
                    </x-empty-state>
                @else
                    <ul class="divide-y divide-slate-100">
                        @foreach ($matches as $match)
                            <li class="flex flex-wrap items-center justify-between gap-3 py-3">
                                <div class="flex min-w-0 items-center gap-3">
                                    <div class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-brand-50 text-xs font-semibold text-brand-700">
                                        {{ Str::of($match->first_name)->substr(0, 1)->upper() }}{{ Str::of($match->last_name)->substr(0, 1)->upper() }}
                                    </div>
                                    <div class="min-w-0">
                                        <p class="truncate font-medium text-slate-900">{{ $match->full_name }}</p>
                                        <p class="truncate text-xs text-slate-500">
                                            <span class="font-mono">{{ $match->medical_record_number }}</span>
                                            · {{ $match->age_display }} · {{ $match->gender_label }}
                                            @if ($match->phone) · {{ $match->phone }} @endif
                                        </p>
                                    </div>
                                </div>

                                <div class="flex items-center gap-2">
                                    @if ($match->isRestricted())
                                        <x-icon name="lock" size="xs" class="text-amber-600" />
                                    @endif

                                    <a href="{{ route('admissions.create', ['patient_id' => $match->id]) }}"
                                       class="hms-btn-primary hms-btn-sm">
                                        Admit
                                    </a>
                                </div>
                            </li>
                        @endforeach
                    </ul>
                @endif
            </div>
        </x-card>
    @else
        @if ($activeAdmission)
            <x-alert type="warning" class="mb-6">
                {{ $patient->full_name }} already has an open stay —
                <a href="{{ route('admissions.show', $activeAdmission) }}" class="font-semibold underline">
                    {{ $activeAdmission->admission_no }}
                </a>
                in {{ $activeAdmission->ward?->name }}. Admitting twice is blocked; open that chart instead.
            </x-alert>
        @endif

        <form method="POST" action="{{ route('admissions.store') }}" class="space-y-6">
            @csrf
            <input type="hidden" name="patient_id" value="{{ $patient->id }}">
            @if ($encounter)
                <input type="hidden" name="encounter_id" value="{{ $encounter->id }}">
            @endif

            <x-card title="The patient" icon="users">
                <div class="flex flex-wrap items-center justify-between gap-4">
                    <div class="flex min-w-0 items-center gap-3">
                        <div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-brand-50 text-sm font-semibold text-brand-700">
                            {{ Str::of($patient->first_name)->substr(0, 1)->upper() }}{{ Str::of($patient->last_name)->substr(0, 1)->upper() }}
                        </div>
                        <div class="min-w-0">
                            <p class="font-medium text-slate-900">{{ $patient->full_name }}</p>
                            <p class="text-xs text-slate-500">
                                <span class="font-mono">{{ $patient->medical_record_number }}</span>
                                · {{ $patient->age_display }} · {{ $patient->gender_label }}
                                @if ($patient->phone) · {{ $patient->phone }} @endif
                            </p>
                        </div>
                    </div>

                    <div class="flex flex-wrap items-center gap-2 text-xs text-slate-500">
                        @if ($patient->isRestricted())
                            <span class="inline-flex items-center gap-1 rounded-md bg-amber-50 px-1.5 py-0.5 font-semibold text-amber-700">
                                <x-icon name="lock" size="xs" /> Restricted record
                            </span>
                        @endif
                        @if ($encounter)
                            <span class="inline-flex items-center gap-1">
                                From encounter <span class="font-mono">{{ $encounter->encounter_no }}</span>
                            </span>
                        @endif
                    </div>
                </div>
            </x-card>

            <x-card title="The stay" icon="bed" header="Where they are going, who is responsible, and why they are here.">
                <div class="grid gap-5 sm:grid-cols-2 lg:grid-cols-3">
                    <div>
                        <x-form.input type="datetime-local" name="admission_date" label="Admission date & time" required
                                      :value="old('admission_date', $defaults['admission_date'])" />
                    </div>

                    <div>
                        <x-form.select name="admission_type" label="Admission type" :options="$types" required
                                      :value="old('admission_type', $defaults['admission_type'])" :placeholder="false" />
                    </div>

                    <div>
                        <x-form.select name="admitting_doctor_id" label="Admitting doctor" :options="$doctors" required
                                      :value="old('admitting_doctor_id', $defaults['admitting_doctor_id'])" placeholder="Choose the consultant…" />
                    </div>

                    <div>
                        <x-form.select name="attending_doctor_id" label="Attending doctor" :options="$doctors"
                                      :value="old('attending_doctor_id')" placeholder="Optional — if someone else takes over" />
                    </div>

                    <div>
                        <x-form.select name="ward_id" label="Ward" :options="$wards" required
                                      :value="old('ward_id')" placeholder="Choose the ward…" />
                    </div>

                    @if ($canAssignBeds)
                        <div>
                            <x-form.select name="bed_id" label="Bed" :options="$beds"
                                          :value="old('bed_id')"
                                          hint="Only free beds in the chosen ward are accepted at save time." />
                        </div>
                    @else
                        <div class="flex items-end">
                            <p class="text-xs text-slate-500">
                                The stay opens bedless — ward staff cleared to assign beds will bed the patient
                                from the bed board.
                            </p>
                        </div>
                    @endif

                    <div class="sm:col-span-2 lg:col-span-3">
                        <x-form.textarea name="reason_for_admission" label="Reason for admission" required rows="2"
                                         placeholder="The working story that got them a bed — in a sentence or two."
                                         :value="old('reason_for_admission')" />
                    </div>

                    <div class="sm:col-span-2 lg:col-span-3">
                        <x-form.textarea name="presenting_complaints" label="Presenting complaints" rows="2"
                                         :value="old('presenting_complaints')" />
                    </div>
                </div>
            </x-card>

            <x-card title="Clinical & financial detail" icon="clipboard-list" header="Everything here is optional at admission — it can be completed from the stay chart later.">
                <div class="grid gap-5 sm:grid-cols-2">
                    <div class="sm:col-span-2">
                        <x-form.textarea name="admission_diagnosis" label="Admission diagnosis" rows="2"
                                         :value="old('admission_diagnosis')" />
                    </div>

                    <div class="sm:col-span-2">
                        <x-form.textarea name="provisional_diagnosis" label="Provisional diagnosis" rows="2"
                                         :value="old('provisional_diagnosis')" />
                    </div>

                    <div>
                        <x-form.input type="date" name="expected_discharge_date" label="Expected discharge date"
                                      :value="old('expected_discharge_date')" />
                    </div>

                    <div>
                        <x-form.input type="number" name="expected_los_days" label="Expected length of stay (days)" min="1" max="365"
                                      :value="old('expected_los_days')" />
                    </div>

                    <div>
                        <x-form.input type="number" name="estimated_cost" label="Estimated cost (KShs)" min="0" step="0.01"
                                      :value="old('estimated_cost')" />
                    </div>

                    <div>
                        <x-form.input type="number" name="deposit_amount" label="Deposit taken (KShs)" min="0" step="0.01"
                                      :value="old('deposit_amount')" />
                    </div>

                    <div>
                        <x-form.select name="mobility_status" label="Mobility on arrival" :options="$mobilityStatuses"
                                      :value="old('mobility_status')" placeholder="Not recorded" />
                    </div>

                    <div>
                        <x-form.textarea name="nutritional_requirements" label="Nutritional requirements" rows="2"
                                         :value="old('nutritional_requirements')" />
                    </div>

                    <div class="sm:col-span-2">
                        <x-form.textarea name="isolation_required_reason" label="Isolation required — why" rows="2"
                                         :value="old('isolation_required_reason')" />
                    </div>

                    <div class="sm:col-span-2">
                        <x-form.textarea name="notes" label="Notes" rows="2"
                                         :value="old('notes')" />
                    </div>

                    <div class="flex flex-col gap-3 sm:col-span-2">
                        <x-form.checkbox name="insurance_approved" label="Insurance approved"
                                         hint="Pre-authorisation for this stay is already in hand."
                                         :checked="old('insurance_approved')" />
                        <x-form.checkbox name="is_icu" label="Critical care (ICU/HDU) stay"
                                         hint="Ticked automatically when the ward is critical care."
                                         :checked="old('is_icu')" />
                    </div>
                </div>
            </x-card>

            <div class="flex items-center justify-end gap-3">
                <a href="{{ route('admissions.index') }}" class="hms-btn-ghost">Cancel</a>
                <button type="submit" class="hms-btn-primary">
                    <x-icon name="bed" size="sm" />
                    Open the stay
                </button>
            </div>
        </form>
    @endif
</x-app-layout>