@props(['ward' => null, 'types' => [], 'genderRestrictions' => [], 'nurses' => []])

@php
    $nurseOptions = $nurses->mapWithKeys(fn ($nurse) => [
        $nurse->id => $nurse->designation ? "{$nurse->name} — {$nurse->designation}" : $nurse->name,
    ]);
@endphp

<div class="grid gap-6 lg:grid-cols-3">
    <div class="space-y-6 lg:col-span-2">
        <x-card title="The ward" icon="building">
            <div class="grid gap-5 sm:grid-cols-2">
                <x-form.input name="name" label="Ward name" required
                              :value="$ward?->name"
                              placeholder="e.g. Medical Ward A" />

                <x-form.input name="code" label="Short code" required
                              :value="$ward?->code"
                              hint="Uppercase letters, numbers and dashes. Beds are numbered off it — e.g. code MW births MW-01, MW-02…"
                              placeholder="e.g. MWA" />

                <x-form.select name="ward_type" label="Ward type" required
                               :options="$types" :value="$ward?->ward_type" />

                <x-form.select name="gender_restriction" label="Gender policy" required
                               :options="$genderRestrictions" :value="$ward?->gender_restriction ?? 'none'"
                               hint="Mixed wards take anyone; restricted wards refuse patients of the other gender at bed assignment." />

                <x-form.input name="floor" label="Floor"
                              :value="$ward?->floor"
                              placeholder="e.g. 1st floor" />

                <x-form.input name="building" label="Building / block"
                              :value="$ward?->building"
                              placeholder="e.g. Block B" />

                <x-form.input name="phone" label="Ward extension / telephone"
                              :value="$ward?->phone" />

                <div class="sm:col-span-2">
                    <x-form.select name="nurse_in_charge_id" label="Nurse in charge"
                                   :options="$nurseOptions" :value="$ward?->nurse_in_charge_id"
                                   placeholder="Not yet assigned" />
                </div>

                <div class="sm:col-span-2">
                    <x-form.input name="charge_per_day" label="Daily bed charge" type="number"
                                      step="0.01" min="0" required prefix="KShs"
                                      :value="$ward?->charge_per_day"
                                      hint="Default tariff for every bed in the ward — a room can override it." />
                </div>

                <div class="sm:col-span-2">
                    <x-form.textarea name="notes" label="Notes" :rows="3"
                                     :value="$ward?->notes"
                                     placeholder="Catchment, staffing arrangements, visiting hours…" />
                </div>
            </div>
        </x-card>
    </div>

    <div class="space-y-6">
        <x-card title="Status & care level" icon="check">
            <div class="space-y-4">
                <input type="hidden" name="is_active" value="0">
                <x-form.checkbox name="is_active" label="Active"
                                 hint="Inactive wards drop off the boards and admission pickers but keep their history."
                                 :checked="$ward?->is_active ?? true" />

                <input type="hidden" name="is_critical_care" value="0">
                <x-form.checkbox name="is_critical_care" label="Critical care ward"
                                 hint="Flags the ward's stays as high-dependency and fits its beds out with oxygen, suction and monitors."
                                 :checked="$ward?->is_critical_care ?? false" />
            </div>
        </x-card>
    </div>
</div>

<div class="mt-6 flex flex-wrap items-center justify-end gap-3">
    <a href="{{ route('admin.wards.index') }}" class="hms-btn-secondary">Cancel</a>
    <button type="submit" class="hms-btn-primary">
        <x-icon name="check" size="sm" />
        {{ $ward ? 'Save changes' : 'Create ward' }}
    </button>
</div>