@php
    $filtered = request()->hasAny(['q', 'status', 'ward', 'type', 'doctor']);
@endphp

<x-app-layout title="Ward board">
    <x-page-header
        title="Ward board"
        subtitle="Everyone in the house — who is admitted, where they are lying, and the orders still open on their chart."
        icon="bed">
        <x-slot:actions>
            @can('beds.view')
                <a href="{{ route('beds.index') }}" class="hms-btn-secondary">
                    <x-icon name="squares" size="sm" />
                    Bed board
                </a>
            @endcan

            @can('admissions.create')
                <a href="{{ route('admissions.create') }}" class="hms-btn-primary">
                    <x-icon name="plus" size="sm" />
                    Admit patient
                </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="In the house now" :value="number_format($stats['inHouse'])" icon="bed" tone="brand" />
        <x-stat-card label="Admitted today" :value="number_format($stats['admittedToday'])" icon="user-plus" tone="blue" />
        <x-stat-card label="Discharged today" :value="number_format($stats['dischargedToday'])" icon="check" tone="green" />
        <x-stat-card label="Beds free" :value="number_format($stats['bedsAvailable'])" icon="squares" tone="amber" />
    </div>

    <x-card flush>
        <div class="border-b border-slate-200 px-5 py-4">
            <form method="GET" class="flex flex-wrap items-end gap-3">
                <div class="min-w-[15rem] flex-1">
                    <x-form.input name="q" label="Search"
                                  placeholder="Admission no, MRN or patient name…"
                                  :value="request('q')" autofocus />
                </div>

                <div class="w-44">
                    <x-form.select name="status" label="Status" :options="$statuses"
                                   :value="request('status', 'admitted')" placeholder="Any status" />
                </div>

                <div class="w-48">
                    <x-form.select name="ward" label="Ward" :options="$wards"
                                   :value="request('ward')" placeholder="All wards" />
                </div>

                <div class="w-44">
                    <x-form.select name="type" label="Admission type" :options="$types"
                                   :value="request('type')" placeholder="Any type" />
                </div>

                <div class="w-48">
                    <x-form.select name="doctor" label="Doctor" :options="$doctors"
                                   :value="request('doctor')" placeholder="Any doctor" />
                </div>

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

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

        @if ($admissions->isEmpty())
            <x-empty-state icon="bed" title="No admissions match">
                @if (request('q'))
                    No stay matches “{{ request('q') }}” under this filter.
                @else
                    Nobody is in the house under this filter right now.
                @endif

                <x-slot:actions>
                    @can('admissions.create')
                        <a href="{{ route('admissions.create') }}" class="hms-btn-primary">
                            <x-icon name="plus" size="sm" />
                            Admit patient
                        </a>
                    @endcan
                </x-slot:actions>
            </x-empty-state>
        @else
            <div class="overflow-x-auto">
                <table class="hms-table">
                    <thead>
                        <tr>
                            <th>Admission</th>
                            <th>Patient</th>
                            <th>Where</th>
                            <th>Doctors</th>
                            <th class="text-center">Open orders</th>
                            <th class="text-center">LOS</th>
                            <th>Admitted</th>
                            <th>Status</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($admissions as $admission)
                            <tr>
                                <td>
                                    <a href="{{ route('admissions.show', $admission) }}"
                                       class="font-mono text-xs font-medium text-slate-800 hover:text-brand-700">
                                        {{ $admission->admission_no }}
                                    </a>
                                    <div class="mt-0.5 flex flex-wrap items-center gap-1">
                                        <x-status-badge field="admission_type" :value="$admission->admission_type" size="sm" />
                                        @if ($admission->is_icu)
                                            <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="heart-pulse" size="xs" /> ICU
                                            </span>
                                        @endif
                                    </div>
                                </td>
                                <td>
                                    <div class="flex items-center gap-2">
                                        <div class="min-w-0">
                                            <a href="{{ route('admissions.show', $admission) }}"
                                               class="block truncate font-medium text-slate-900 hover:text-brand-700">
                                                {{ $admission->patient?->full_name ?? 'Unknown patient' }}
                                            </a>
                                            <div class="truncate font-mono text-xs text-slate-500">
                                                {{ $admission->patient?->medical_record_number }}
                                            </div>
                                        </div>
                                        @if ($admission->patient?->isRestricted())
                                            <x-icon name="lock" size="xs" class="shrink-0 text-amber-600" />
                                        @endif
                                    </div>
                                </td>
                                <td class="text-sm">
                                    <div class="text-slate-700">{{ $admission->ward?->name }}</div>
                                    <div class="text-xs text-slate-400">
                                        @if ($admission->bed)
                                            Bed {{ $admission->bed->bed_number }}
                                        @else
                                            <span class="font-medium text-amber-600">Awaiting a bed</span>
                                        @endif
                                    </div>
                                </td>
                                <td class="text-sm text-slate-700">
                                    <div>{{ $admission->admittingDoctor?->name ?? '—' }}</div>
                                    @if ($admission->attendingDoctor?->name)
                                        <div class="text-xs text-slate-400">attending {{ $admission->attendingDoctor->name }}</div>
                                    @endif
                                </td>
                                <td class="text-center">
                                    @if ($admission->open_orders_count > 0)
                                        <span class="inline-flex items-center rounded-full bg-amber-50 px-2 py-0.5 text-xs font-semibold tabular-nums text-amber-700 ring-1 ring-inset ring-amber-200">
                                            {{ $admission->open_orders_count }}
                                        </span>
                                    @else
                                        <span class="text-xs text-slate-400">—</span>
                                    @endif
                                </td>
                                <td class="text-center text-sm tabular-nums text-slate-700">
                                    {{ $admission->length_of_stay }}d
                                </td>
                                <td class="text-xs text-slate-500">
                                    {{ $admission->admission_date?->format('d M Y H:i') }}
                                </td>
                                <td>
                                    <x-status-badge field="admission_status" :value="$admission->status" size="sm" dot />
                                </td>
                                <td>
                                    <div class="flex justify-end gap-2">
                                        <a href="{{ route('admissions.show', $admission) }}" class="hms-btn-secondary hms-btn-sm">Chart</a>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <div class="flex flex-wrap items-center justify-between gap-3 border-t border-slate-200 px-5 py-4">
                <p class="text-xs text-slate-500">
                    Showing {{ $admissions->firstItem() }}–{{ $admissions->lastItem() }} of {{ number_format($admissions->total()) }}
                </p>
                {{ $admissions->links() }}
            </div>
        @endif
    </x-card>
</x-app-layout>