@php
    $patient = $admission->patient;
    $open = $admission->status === 'admitted';
    $lastObservation = $observations->first();
    $regionLabels = \App\Models\NursingSkinAssessment::regionLabels();
@endphp

<x-app-layout title="Kardex · {{ $patient?->full_name }}">
    <x-page-header
        title="{{ $patient?->full_name ?? 'Unknown patient' }}"
        subtitle="{{ $admission->admission_no }} · {{ $admission->ward?->name }}{{ $admission->bed ? ' · Bed '.$admission->bed->bed_number : '' }} · attending Dr {{ $admission->attendingDoctor?->name ?? '—' }}"
        icon="clipboard-list"
        :back="route('admissions.index')"
        backLabel="Ward board">
        <x-slot:meta>
            <x-status-badge field="code_status" :value="$kardex->code_status" dot />
            <x-status-badge field="fall_risk" :value="$kardex->fall_risk" />
            @if ($admission->is_icu)
                <span class="inline-flex items-center gap-1 rounded-full bg-red-50 px-2.5 py-1 text-xs font-medium text-red-700 ring-1 ring-inset ring-red-200">
                    <x-icon name="heart-pulse" size="xs" /> Critical care
                </span>
            @endif
            <span class="text-xs text-slate-500">Day {{ $admission->length_of_stay }} of the stay</span>
            @if ($patient?->isRestricted())
                <x-icon name="lock" size="xs" class="text-amber-600" />
            @endif
        </x-slot:meta>

        <x-slot:actions>
            <a href="{{ route('admissions.kardex.print', $admission) }}" class="hms-btn-secondary">
                <x-icon name="printer" size="sm" />
                Print kardex
            </a>
            @can('patients.view-clinical')
                <a href="{{ route('patients.clinical', $patient) }}" class="hms-btn-secondary">
                    <x-icon name="stethoscope" size="sm" />
                    Clinical record
                </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="Shift acuity" :value="$kardex->acuity_level ? (string) $kardex->acuity_level.'/5' : '—'"
                     :hint="$kardex->acuity_label" icon="chart-bar" :tone="$kardex->acuity_color === 'gray' ? 'blue' : $kardex->acuity_color" />
        <x-stat-card label="Last early warning"
                     :value="$lastObservation ? 'EWS '.$lastObservation->early_warning_score : '—'"
                     :hint="$lastObservation ? $lastObservation->ews_band_label.' · '.$lastObservation->observed_at->diffForHumans(short: true) : 'Nothing charted yet'"
                     icon="activity" :tone="$lastObservation?->ews_band_color ?? 'blue'" />
        <x-stat-card label="Active care plans" :value="number_format($activePlanCount)" icon="document-check" tone="brand" />
        <x-stat-card label="Open orders" :value="number_format($activeOrders->flatten()->count())" icon="clipboard-list" tone="amber" />
    </div>

    @if ($patient?->isRestricted())
        <x-alert type="warning" class="mb-6">
            This patient's record is confidential — you are seeing it under your current access. Every open is audited.
        </x-alert>
    @endif

    <div class="grid gap-6 lg:grid-cols-3">
        {{-- ------------------------------------------------ clinical columns --}}
        <div class="space-y-6 lg:col-span-2">
            {{-- 1 · medical orders & code status --}}
            <x-card flush title="Medical orders & code status" icon="clipboard-list"
                    header="Mirrored live from the physician's active orders — the kardex never invents a prescription.">
                <div class="border-b border-slate-100 px-5 py-4">
                    <div class="flex flex-wrap items-center gap-2">
                        <span class="text-xs font-semibold uppercase tracking-wide text-slate-400">Code status</span>
                        <x-status-badge field="code_status" :value="$kardex->code_status" dot />
                        @if ($kardex->code_status_notes)
                            <span class="text-xs text-slate-600">— {{ $kardex->code_status_notes }}</span>
                        @endif
                    </div>
                </div>

                @if ($activeOrders->isEmpty())
                    <x-empty-state icon="clipboard-list" title="No active orders">
                        Nothing pending, acknowledged or in progress on the physician sheet.
                    </x-empty-state>
                @else
                    <div class="divide-y divide-slate-100">
                        @foreach ($activeOrders as $type => $orders)
                            <div class="px-5 py-4">
                                <p class="mb-2 flex items-center gap-2 text-xs font-semibold uppercase tracking-wide text-slate-400">
                                    <x-status-badge field="order_type" :value="$type" size="sm" />
                                    <span class="text-slate-400">{{ $orders->count() }} active</span>
                                </p>
                                <ul class="space-y-2">
                                    @foreach ($orders as $order)
                                        <li class="rounded-lg bg-slate-50 px-3.5 py-2.5">
                                            <p class="text-sm text-slate-800">{{ $order->description }}</p>
                                            <p class="mt-0.5 text-xs text-slate-500">
                                                {{ $order->frequency }}@if($order->duration) · for {{ $order->duration }} @endif
                                                · ordered {{ $order->ordered_at?->format('d M H:i') }} by Dr {{ $order->orderedBy?->name ?? '—' }}
                                                · <x-status-badge field="order_status" :value="$order->status" size="sm" dot />
                                            </p>
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                        @endforeach
                    </div>
                @endif
            </x-card>

            {{-- 2 · safety & care needs --}}
            <x-card title="Safety & care needs" icon="shield"
                    header="Allergies, activity, falls, hygiene — the things that hurt patients when nobody writes them down.">
                <div class="space-y-4">
                    <div>
                        <p class="mb-1.5 text-xs font-semibold uppercase tracking-wide text-slate-400">Allergies</p>
                        @if ($allergies->isEmpty())
                            <p class="text-sm text-slate-500">No active allergies recorded on the registration record.</p>
                        @else
                            <ul class="flex flex-wrap gap-2">
                                @foreach ($allergies as $allergy)
                                    <li class="rounded-lg bg-red-50 px-3 py-1.5 text-xs font-medium text-red-700 ring-1 ring-inset ring-red-200">
                                        {{ $allergy->allergen ?? $allergy->substance ?? $allergy->name }}
                                        @if ($allergy->reaction) <span class="font-normal text-red-600">— {{ $allergy->reaction }}</span> @endif
                                    </li>
                                @endforeach
                            </ul>
                        @endif
                    </div>

                    <div class="grid gap-4 sm:grid-cols-2">
                        <div>
                            <p class="text-xs font-semibold uppercase tracking-wide text-slate-400">Activity</p>
                            <p class="mt-1 text-sm text-slate-700">
                                @if ($kardex->activity_level)
                                    <x-status-badge field="nursing_activity" :value="$kardex->activity_level" />
                                @else
                                    <span class="text-slate-400">Not set</span>
                                @endif
                            </p>
                        </div>
                        <div>
                            <p class="text-xs font-semibold uppercase tracking-wide text-slate-400">Fall risk</p>
                            <p class="mt-1 flex items-center gap-2 text-sm">
                                <x-status-badge field="fall_risk" :value="$kardex->fall_risk" dot />
                            </p>
                            @if ($kardex->fall_risk_notes)
                                <p class="mt-1 text-xs text-slate-500">{{ $kardex->fall_risk_notes }}</p>
                            @endif
                        </div>
                        <div>
                            <p class="text-xs font-semibold uppercase tracking-wide text-slate-400">Hygiene needs</p>
                            <p class="mt-1 whitespace-pre-line text-sm text-slate-700">{{ $kardex->hygiene_needs ?? '—' }}</p>
                        </div>
                        <div>
                            <p class="text-xs font-semibold uppercase tracking-wide text-slate-400">Special equipment</p>
                            <p class="mt-1 whitespace-pre-line text-sm text-slate-700">{{ $kardex->special_equipment ?? '—' }}</p>
                        </div>
                    </div>
                </div>
            </x-card>

            {{-- 3 · diet & diagnostics --}}
            <x-card title="Diet & diagnostics" icon="beaker"
                    header="What the kitchen should send, what the patient may drink, and what is booked.">
                <div class="grid gap-4 sm:grid-cols-3">
                    <div>
                        <p class="text-xs font-semibold uppercase tracking-wide text-slate-400">Dietary requirements</p>
                        <p class="mt-1 whitespace-pre-line text-sm text-slate-700">{{ $kardex->dietary_requirements ?? '—' }}</p>
                    </div>
                    <div>
                        <p class="text-xs font-semibold uppercase tracking-wide text-slate-400">Fluid restriction</p>
                        <p class="mt-1 whitespace-pre-line text-sm text-slate-700">{{ $kardex->fluid_restriction ?? '—' }}</p>
                    </div>
                    <div>
                        <p class="text-xs font-semibold uppercase tracking-wide text-slate-400">Scheduled labs & diagnostics</p>
                        <p class="mt-1 whitespace-pre-line text-sm text-slate-700">{{ $kardex->scheduled_diagnostics ?? '—' }}</p>
                    </div>
                </div>
            </x-card>

            {{-- 4 · observations --}}
            @can('observations.record')
                <x-card flush title="Nursing observations" icon="heart-pulse"
                        header="Vitals scored with NEWS2 on the way in — the score, band and escalation are computed, never typed."
                        x-data="{ open: false }">
                    <x-slot:actions>
                        @if ($open)
                            <button type="button" class="hms-btn-primary hms-btn-sm" x-on:click="open = ! open">
                                <x-icon name="plus" size="xs" />
                                <span x-text="open ? 'Close' : 'Chart vitals'"></span>
                            </button>
                        @endif
                        @can('observations.view')
                            <a href="{{ route('nursing.observations.index', ['patient_id' => $patient?->id]) }}" class="hms-btn-ghost hms-btn-sm">
                                Full chart
                            </a>
                        @endcan
                    </x-slot:actions>

                    @if ($open)
                        <form method="POST" action="{{ route('admissions.observations.store', $admission) }}"
                              x-show="open" x-cloak
                              class="space-y-4 border-b border-slate-200 bg-slate-50/70 px-5 py-4">
                            @csrf
                            <div class="grid gap-4 sm:grid-cols-3">
                                <x-form.input type="datetime-local" name="observed_at" label="Observed at" required
                                              :value="now()->format('Y-m-d\TH:i')" />
                                <x-form.select name="consciousness" label="Consciousness (ACVPU)" :options="\App\Support\Lookup::options('acvpu')"
                                               required :placeholder="false" value="alert" />
                                <x-form.select name="oxygen_delivery" label="Oxygen" :options="\App\Support\Lookup::options('oxygen_delivery')"
                                               required :placeholder="false" value="room_air" />
                            </div>
                            <div class="grid gap-4 sm:grid-cols-3 lg:grid-cols-6">
                                <x-form.input type="number" name="respiratory_rate" label="Resp rate" min="1" max="80" required />
                                <x-form.input type="number" name="spo2" label="SpO₂ %" min="40" max="100" required />
                                <x-form.input type="number" name="systolic" label="Systolic" min="40" max="300" required />
                                <x-form.input type="number" name="diastolic" label="Diastolic" min="20" max="200" required />
                                <x-form.input type="number" name="heart_rate" label="Pulse" min="20" max="300" required />
                                <x-form.input type="number" step="0.1" name="temperature" label="Temp °C" min="30" max="45" required />
                            </div>
                            <div class="grid gap-4 sm:grid-cols-3">
                                <x-form.input type="number" name="pain_score" label="Pain (0–10)" min="0" max="10" />
                                <div class="sm:col-span-2">
                                    <x-form.textarea name="notes" label="Notes" rows="2" placeholder="Anything the numbers don't say…" />
                                </div>
                            </div>
                            <div class="flex justify-end">
                                <button type="submit" class="hms-btn-primary hms-btn-sm">
                                    <x-icon name="check" size="xs" />
                                    Chart & score
                                </button>
                            </div>
                        </form>
                    @endif

                    @if ($observations->isEmpty())
                        <x-empty-state icon="heart-pulse" title="No observations charted">
                            The first set of vitals starts the early-warning trend.
                        </x-empty-state>
                    @else
                        <div class="overflow-x-auto">
                            <table class="hms-table">
                                <thead>
                                    <tr>
                                        <th>When</th>
                                        <th>ACVPU</th>
                                        <th class="text-right">RR</th>
                                        <th class="text-right">SpO₂</th>
                                        <th class="text-right">BP</th>
                                        <th class="text-right">Pulse</th>
                                        <th class="text-right">Temp</th>
                                        <th class="text-right">EWS</th>
                                        <th>Escalation</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($observations as $obs)
                                        <tr>
                                            <td class="text-xs text-slate-500">{{ $obs->observed_at->format('d M H:i') }}</td>
                                            <td><x-status-badge field="acvpu" :value="$obs->consciousness" size="sm" /></td>
                                            <td class="text-right text-sm tabular-nums">{{ $obs->respiratory_rate }}</td>
                                            <td class="text-right text-sm tabular-nums">{{ $obs->spo2 }}%</td>
                                            <td class="text-right text-sm tabular-nums">{{ $obs->systolic }}/{{ $obs->diastolic }}</td>
                                            <td class="text-right text-sm tabular-nums">{{ $obs->heart_rate }}</td>
                                            <td class="text-right text-sm tabular-nums">{{ $obs->temperature }}°</td>
                                            <td class="text-right">
                                                <span class="inline-flex items-center rounded-md px-2 py-0.5 text-xs font-bold tabular-nums {{ ['green' => 'bg-emerald-50 text-emerald-700', 'amber' => 'bg-amber-50 text-amber-800', 'orange' => 'bg-orange-50 text-orange-700', 'red' => 'bg-red-50 text-red-700'][$obs->ews_band_color] ?? 'bg-slate-100 text-slate-700' }}">
                                                    {{ $obs->early_warning_score }}
                                                </span>
                                            </td>
                                            <td>
                                                <x-status-badge field="nursing_escalation" :value="$obs->escalation" size="sm" dot />
                                                @if ($obs->notes)
                                                    <div class="mt-1 max-w-[12rem] text-xs text-slate-500">{{ $obs->notes }}</div>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @endif
                </x-card>
            @endcan

            {{-- 5 · shift handover --}}
            @can('handovers.record')
                <x-card flush title="Shift handover" icon="refresh"
                        header="What changed, what is pending, what could bite the next shift."
                        x-data="{ open: false }">
                    <x-slot:actions>
                        @if ($open)
                            <button type="button" class="hms-btn-primary hms-btn-sm" x-on:click="open = ! open">
                                <x-icon name="plus" size="xs" />
                                <span x-text="open ? 'Close' : 'Hand over'"></span>
                            </button>
                        @endif
                    </x-slot:actions>

                    @if ($open)
                        <form method="POST" action="{{ route('admissions.handovers.store', $admission) }}"
                              x-show="open" x-cloak
                              class="space-y-4 border-b border-slate-200 bg-slate-50/70 px-5 py-4">
                            @csrf
                            <div class="grid gap-4 sm:grid-cols-2">
                                <x-form.select name="shift" label="Shift being handed over" :options="$shifts" required
                                               placeholder="Which shift is closing…" />
                                <x-form.select name="to_user_id" label="Taking over" :options="$nurses"
                                               placeholder="Optional — name the incoming nurse" />
                            </div>
                            <x-form.textarea name="condition_summary" label="Condition summary" rows="3" required
                                             placeholder="How the patient actually is — not what the chart wishes…" />
                            <div class="grid gap-4 sm:grid-cols-2">
                                <x-form.textarea name="pending_tasks" label="Pending tasks" rows="2"
                                                 placeholder="Dressing due, bloods at 06:00, family meeting…" />
                                <x-form.textarea name="warnings" label="Warnings" rows="2"
                                                 placeholder="Falls risk at night, hides medicines, low threshold for sepsis…" />
                            </div>
                            <div class="flex justify-end">
                                <button type="submit" class="hms-btn-primary hms-btn-sm">
                                    <x-icon name="check" size="xs" />
                                    Hand over
                                </button>
                            </div>
                        </form>
                    @endif

                    @if ($handovers->isEmpty())
                        <x-empty-state icon="refresh" title="No handovers yet">
                            The first shift change on this admission closes here.
                        </x-empty-state>
                    @else
                        <ol class="divide-y divide-slate-100">
                            @foreach ($handovers as $handover)
                                <li class="px-5 py-4">
                                    <div class="flex flex-wrap items-center gap-2">
                                        <x-status-badge field="shift" :value="$handover->shift" size="sm" />
                                        <span class="text-xs font-medium text-slate-600">
                                            {{ $handover->handed_over_at->format('d M Y H:i') }}
                                        </span>
                                        <span class="text-xs text-slate-400">
                                            {{ $handover->fromUser?->name ?? '—' }}
                                            @if ($handover->toUser) → {{ $handover->toUser->name }} @endif
                                        </span>
                                    </div>
                                    <p class="mt-1.5 text-sm text-slate-800">{{ $handover->condition_summary }}</p>
                                    @if ($handover->pending_tasks)
                                        <p class="mt-1 text-xs text-amber-700"><span class="font-semibold uppercase tracking-wide">Pending</span> — {{ $handover->pending_tasks }}</p>
                                    @endif
                                    @if ($handover->warnings)
                                        <p class="mt-1 text-xs text-red-700"><span class="font-semibold uppercase tracking-wide">Warnings</span> — {{ $handover->warnings }}</p>
                                    @endif
                                </li>
                            @endforeach
                        </ol>
                    @endif
                </x-card>
            @endcan

            {{-- 6 · care plans --}}
            <x-card flush title="Nursing care plans" icon="document-check"
                    header="Problem, evidence, goal, actions — and the evaluation that closes the loop."
                    x-data="{ open: false }">
                <x-slot:actions>
                    @can('care-plans.manage')
                        @if ($open)
                            <button type="button" class="hms-btn-primary hms-btn-sm" x-on:click="open = ! open">
                                <x-icon name="plus" size="xs" />
                                <span x-text="open ? 'Close' : 'New plan'"></span>
                            </button>
                        @endif
                    @endcan
                </x-slot:actions>

                @can('care-plans.manage')
                    @if ($open)
                        <form method="POST" action="{{ route('admissions.care-plans.store', $admission) }}"
                              x-show="open" x-cloak
                              class="space-y-4 border-b border-slate-200 bg-slate-50/70 px-5 py-4">
                            @csrf
                            <div class="grid gap-4 sm:grid-cols-2">
                                <x-form.input name="problem" label="Problem" required placeholder="e.g. Impaired skin integrity over sacrum" />
                                <x-form.input type="date" name="target_date" label="Goal target date" />
                            </div>
                            <div class="grid gap-4 sm:grid-cols-2">
                                <x-form.textarea name="clinical_need" label="Clinical need" rows="2"
                                                 placeholder="Why this patient, why now…" />
                                <x-form.textarea name="diagnostic_data" label="Diagnostic data" rows="2"
                                                 placeholder="What the evidence says — Braden, obs, lab values…" />
                            </div>
                            <x-form.textarea name="goal" label="Goal" rows="2" required
                                             placeholder="What better looks like, measurably…" />
                            <div class="grid gap-4 sm:grid-cols-3">
                                <div class="sm:col-span-2">
                                    <x-form.textarea name="actions" label="Nursing actions — one per line" rows="3"
                                                     placeholder="Reposition 2-hourly&#10;Air mattress on&#10;Escalate non-blanching erythema" />
                                </div>
                                <x-form.input name="action_frequency" label="Default frequency" placeholder="e.g. 2-hourly" />
                            </div>
                            <div class="flex justify-end">
                                <button type="submit" class="hms-btn-primary hms-btn-sm">
                                    <x-icon name="check" size="xs" />
                                    Record the plan
                                </button>
                            </div>
                        </form>
                    @endif
                @endcan

                @if ($carePlans->isEmpty())
                    <x-empty-state icon="document-check" title="No care plans yet">
                        Plans appear here as nursing writes them — problem, goal and the actions the shift works through.
                    </x-empty-state>
                @else
                    <ul class="divide-y divide-slate-100">
                        @foreach ($carePlans as $plan)
                            <li class="px-5 py-4">
                                <div class="flex flex-wrap items-start justify-between gap-3">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-center gap-2">
                                            <a href="{{ route('nursing.care-plans.show', $plan) }}"
                                               class="text-sm font-semibold text-slate-900 hover:text-brand-700">
                                                {{ $plan->problem }}
                                            </a>
                                            <x-status-badge field="care_plan_status" :value="$plan->status" size="sm" dot />
                                            @if ($plan->target_date)
                                                <span class="text-xs text-slate-400">target {{ $plan->target_date->format('d M Y') }}</span>
                                            @endif
                                        </div>
                                        <p class="mt-1 text-sm text-slate-700">Goal: {{ $plan->goal }}</p>
                                        <p class="mt-0.5 text-xs text-slate-500">
                                            {{ $plan->open_actions_count }} open · {{ $plan->completed_actions_count }} done
                                            · by {{ $plan->createdBy?->name ?? '—' }}
                                            @if ($plan->evaluated_at) · evaluated {{ $plan->evaluated_at->format('d M Y') }} @endif
                                        </p>
                                    </div>
                                    @can('care-plans.view')
                                        <a href="{{ route('nursing.care-plans.show', $plan) }}" class="hms-btn-secondary hms-btn-sm shrink-0">
                                            Open plan
                                        </a>
                                    @endcan
                                </div>
                            </li>
                        @endforeach
                    </ul>
                @endif
            </x-card>

            {{-- 7 · skin assessments --}}
            @can('skin-assessments.record')
                <x-card flush title="Skin assessments" icon="scan"
                        header="Head-to-toe survey on admission, at intervals and on any condition change, scored with Braden."
                        x-data="{ open: false }">
                    <x-slot:actions>
                        @if ($open)
                            <button type="button" class="hms-btn-primary hms-btn-sm" x-on:click="open = ! open">
                                <x-icon name="plus" size="xs" />
                                <span x-text="open ? 'Close' : 'Assess skin'"></span>
                            </button>
                        @endif
                    </x-slot:actions>

                    @if ($open)
                        <form method="POST" action="{{ route('admissions.skin-assessments.store', $admission) }}"
                              x-show="open" x-cloak x-data="{ injury: @js(old('pressure_injury_present') ? true : false) }"
                              class="space-y-4 border-b border-slate-200 bg-slate-50/70 px-5 py-4">
                            @csrf
                            <div class="grid gap-4 sm:grid-cols-2">
                                <x-form.select name="assessment_type" label="Assessment type" :options="\App\Support\Lookup::options('skin_assessment_type')"
                                               required :placeholder="false" value="admission" />
                                <x-form.input type="datetime-local" name="assessed_at" label="Assessed at" required
                                              :value="now()->format('Y-m-d\TH:i')" />
                            </div>

                            <div>
                                <p class="mb-2 text-xs font-semibold uppercase tracking-wide text-slate-400">
                                    Braden subscales — 1 is worst; friction/shear tops at 3
                                </p>
                                <div class="grid gap-4 sm:grid-cols-3">
                                    <x-form.select name="braden_sensory" label="Sensory perception" required :placeholder="false"
                                                   value="3" :options="['1' => '1 — Completely limited', '2' => '2 — Very limited', '3' => '3 — Slightly limited', '4' => '4 — No impairment']" />
                                    <x-form.select name="braden_moisture" label="Moisture" required :placeholder="false"
                                                   value="3" :options="['1' => '1 — Constantly moist', '2' => '2 — Often moist', '3' => '3 — Occasionally moist', '4' => '4 — Rarely moist']" />
                                    <x-form.select name="braden_activity" label="Activity" required :placeholder="false"
                                                   value="3" :options="['1' => '1 — Bedfast', '2' => '2 — Chairfast', '3' => '3 — Walks occasionally', '4' => '4 — Walks often']" />
                                    <x-form.select name="braden_mobility" label="Mobility" required :placeholder="false"
                                                   value="3" :options="['1' => '1 — Completely immobile', '2' => '2 — Very limited', '3' => '3 — Slightly limited', '4' => '4 — No limitation']" />
                                    <x-form.select name="braden_nutrition" label="Nutrition" required :placeholder="false"
                                                   value="3" :options="['1' => '1 — Very poor', '2' => '2 — Probably inadequate', '3' => '3 — Adequate', '4' => '4 — Excellent']" />
                                    <x-form.select name="braden_friction" label="Friction & shear" required :placeholder="false"
                                                   value="2" :options="['1' => '1 — Problem', '2' => '2 — Potential problem', '3' => '3 — No apparent problem']" />
                                </div>
                            </div>

                            <div class="grid items-start gap-4 sm:grid-cols-2">
                                <label class="flex cursor-pointer items-start gap-3">
                                    <input type="hidden" name="pressure_injury_present" value="0">
                                    <input type="checkbox" name="pressure_injury_present" value="1" x-model="injury"
                                           class="mt-0.5 h-4 w-4 rounded border-slate-300 text-brand-600 focus:ring-brand-500" @checked(old('pressure_injury_present'))>
                                    <span class="text-sm">
                                        <span class="font-medium text-slate-700">Pressure injury present</span>
                                        <span class="block text-xs text-slate-500">Tick to record site and stage.</span>
                                    </span>
                                </label>
                                <div class="grid gap-4 sm:grid-cols-2" x-show="injury" x-cloak>
                                    <x-form.input name="injury_site" label="Site" x-bind:required="injury" placeholder="e.g. sacrum" />
                                    <x-form.select name="injury_stage" label="Stage" :options="\App\Support\Lookup::options('pressure_injury_stage')"
                                                   x-bind:required="injury" placeholder="Stage it…" />
                                </div>
                            </div>

                            <details class="rounded-lg border border-slate-200 bg-white px-4 py-3">
                                <summary class="cursor-pointer text-xs font-semibold uppercase tracking-wide text-slate-500">
                                    Region findings — head to toe (optional per region)
                                </summary>
                                <div class="mt-3 grid gap-3 sm:grid-cols-2">
                                    @foreach ($regionLabels as $region => $label)
                                        <x-form.textarea name="{{ $region }}" label="{{ $label }}" rows="2"
                                                         placeholder="Intact / notes…" />
                                    @endforeach
                                </div>
                            </details>

                            <div class="grid gap-4 sm:grid-cols-2">
                                <x-form.textarea name="findings_summary" label="Summary of findings" rows="2" />
                                <x-form.textarea name="interventions" label="Interventions" rows="2"
                                                 placeholder="What is being done about what was found…" />
                            </div>

                            <div class="flex justify-end">
                                <button type="submit" class="hms-btn-primary hms-btn-sm">
                                    <x-icon name="check" size="xs" />
                                    Record assessment
                                </button>
                            </div>
                        </form>
                    @endif

                    @if ($skinAssessments->isEmpty())
                        <x-empty-state icon="scan" title="No skin assessments yet">
                            The admission survey starts the Braden trend.
                        </x-empty-state>
                    @else
                        <ul class="divide-y divide-slate-100">
                            @foreach ($skinAssessments as $assessment)
                                <li class="flex flex-wrap items-center justify-between gap-3 px-5 py-3.5">
                                    <div class="min-w-0">
                                        <div class="flex flex-wrap items-center gap-2">
                                            <a href="{{ route('nursing.skin-assessments.show', $assessment) }}"
                                               class="text-sm font-semibold text-slate-900 hover:text-brand-700">
                                                {{ $assessment->assessed_at->format('d M Y H:i') }}
                                            </a>
                                            <x-status-badge field="skin_assessment_type" :value="$assessment->assessment_type" size="sm" />
                                            <x-status-badge field="braden_risk" :value="$assessment->braden_risk" size="sm" dot />
                                            <span class="text-xs text-slate-500">Braden {{ $assessment->braden_total }}/23</span>
                                            @if ($assessment->pressure_injury_present)
                                                <span class="inline-flex items-center rounded-md bg-orange-50 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-orange-700">
                                                    Injury · {{ $assessment->stage_label }}
                                                </span>
                                            @endif
                                        </div>
                                        <p class="mt-0.5 text-xs text-slate-500">by {{ $assessment->assessedBy?->name ?? '—' }}</p>
                                    </div>
                                    @can('skin-assessments.view')
                                        <a href="{{ route('nursing.skin-assessments.show', $assessment) }}" class="hms-btn-ghost hms-btn-sm shrink-0">
                                            Detail
                                        </a>
                                    @endcan
                                </li>
                            @endforeach
                        </ul>
                    @endif
                </x-card>
            @endcan
        </div>

        {{-- ------------------------------------------------ right rail --}}
        <div class="space-y-6">
            <x-card title="Patient" icon="users">
                <div class="space-y-3 text-sm">
                    <div class="flex items-start justify-between gap-3">
                        <div>
                            <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>
                                @if ($patient?->date_of_birth) · {{ $patient->age_display }} · {{ $patient->gender_label }} @endif
                            </p>
                        </div>
                    </div>
                    <div class="grid grid-cols-2 gap-3 text-xs">
                        <div><span class="font-semibold uppercase tracking-wide text-slate-400">Blood group</span>
                            <p class="mt-0.5 text-slate-700">{{ $patient?->blood_group ?? '—' }}</p></div>
                        <div><span class="font-semibold uppercase tracking-wide text-slate-400">Category</span>
                            <p class="mt-0.5 text-slate-700">{{ $patient?->patient_category ?? '—' }}</p></div>
                    </div>
                    @if ($admission->admission_diagnosis || $admission->reason_for_admission)
                        <div class="border-t border-slate-100 pt-3">
                            <p class="text-xs font-semibold uppercase tracking-wide text-slate-400">Diagnosis</p>
                            <p class="mt-1 whitespace-pre-line text-sm text-slate-700">
                                {{ $admission->admission_diagnosis ?: $admission->reason_for_admission }}
                            </p>
                        </div>
                    @endif
                    <div class="border-t border-slate-100 pt-3">
                        <p class="text-xs font-semibold uppercase tracking-wide text-slate-400">Attending physician</p>
                        <p class="mt-1 text-slate-700">Dr {{ $admission->attendingDoctor?->name ?? '—' }}</p>
                        @if ($admission->admittingDoctor)
                            <p class="text-xs text-slate-500">admitted under Dr {{ $admission->admittingDoctor->name }}</p>
                        @endif
                    </div>
                    <div class="border-t border-slate-100 pt-3 text-xs text-slate-500">
                        {{ $admission->ward?->name ?? 'No ward' }}{{ $admission->room ? ' · Room '.$admission->room->room_number : '' }}{{ $admission->bed ? ' · Bed '.$admission->bed->bed_number : '' }}
                        <span class="block">Admitted {{ $admission->admission_date?->format('d M Y H:i') }}</span>
                    </div>
                </div>
            </x-card>

            @can('kardex.manage')
                <x-card title="Nurse's card" icon="edit"
                        header="The judgement only nursing can make: code status, safety, diet, acuity and who holds the card.">
                    <form method="POST" action="{{ route('admissions.kardex.update', $admission) }}" class="space-y-4">
                        @csrf
                        @method('PUT')

                        <x-form.select name="code_status" label="Code status" :options="$codeStatuses" required
                                       :placeholder="false" :value="$kardex->code_status" />
                        <x-form.textarea name="code_status_notes" label="Code status notes" rows="2"
                                         :value="$kardex->code_status_notes"
                                         placeholder="e.g. ceilings of care discussed with family…" />

                        <div class="grid grid-cols-2 gap-4">
                            <x-form.select name="activity_level" label="Activity" :options="$activities"
                                           :value="$kardex->activity_level" placeholder="Not set" />
                            <x-form.select name="fall_risk" label="Fall risk" :options="$fallRisks" required
                                           :placeholder="false" :value="$kardex->fall_risk" />
                        </div>
                        <x-form.input name="fall_risk_notes" label="Fall risk notes" :value="$kardex->fall_risk_notes"
                                      placeholder="Why the risk band…" />

                        <x-form.textarea name="hygiene_needs" label="Hygiene needs" rows="2" :value="$kardex->hygiene_needs"
                                         placeholder="Assisted shower, oral care 4-hourly…" />
                        <x-form.textarea name="dietary_requirements" label="Dietary requirements" rows="2" :value="$kardex->dietary_requirements"
                                         placeholder="Diabetic diet, thickened fluids…" />
                        <x-form.input name="fluid_restriction" label="Fluid restriction" :value="$kardex->fluid_restriction"
                                      placeholder="e.g. 1.5 L / 24h" />
                        <x-form.textarea name="scheduled_diagnostics" label="Scheduled labs & diagnostics" rows="2"
                                         :value="$kardex->scheduled_diagnostics"
                                         placeholder="FBP 06:00 daily · CXR Monday…" />
                        <x-form.input name="special_equipment" label="Special equipment" :value="$kardex->special_equipment"
                                      placeholder="Air mattress,dedicated sats probe…" />

                        <div class="grid grid-cols-2 gap-4">
                            <x-form.select name="assigned_nurse_id" label="Assigned nurse" :options="$nurses"
                                           :value="$kardex->assigned_nurse_id" placeholder="Unassigned" />
                            <x-form.select name="acuity_level" label="Acuity (1–5)" required :placeholder="false"
                                           :value="$kardex->acuity_level"
                                           :options="[1 => '1 — Stable', 2 => '2 — Requires support', 3 => '3 — Dependent', 4 => '4 — Highly dependent', 5 => '5 — Critical']" />
                        </div>

                        <button type="submit" class="hms-btn-primary w-full justify-center">
                            <x-icon name="check" size="sm" />
                            Save the card
                        </button>

                        @if ($kardex->updatedBy)
                            <p class="text-center text-[11px] text-slate-400">
                                Last kept current by {{ $kardex->updatedBy->name }}
                            </p>
                        @endif
                    </form>
                </x-card>
            @endcan
        </div>
    </div>
</x-app-layout>