@php
    $filtered = $term !== '' || $status !== '' || $type !== '';
    $statusOptions = ['' => 'Any status'] + \App\Support\Lookup::options('discharge_summary_status');
    $typeOptions = ['' => 'Any type'] + \App\Support\Lookup::options('discharge_type');
@endphp

<x-app-layout title="Discharge summaries">
    <x-page-header
        title="Discharge summaries"
        subtitle="The closing paper of every stay — drafted on the ward, approved by a second clinician, issued once billing clears."
        icon="document-check">
        <x-slot:meta>
            <span class="text-xs text-slate-500">
                {{ $stats['inProgress'] }} in progress · {{ $stats['issued'] }} issued
            </span>
        </x-slot:meta>
    </x-page-header>

    <div class="mb-6 grid grid-cols-2 gap-4 md:grid-cols-4">
        <x-stat-card label="In progress" :value="number_format($stats['inProgress'])" icon="pencil" tone="slate" />
        <x-stat-card label="Awaiting approval" :value="number_format($stats['awaitingApproval'])" icon="clock" tone="amber" />
        <x-stat-card label="Issued" :value="number_format($stats['issued'])" icon="check" tone="green" />
        <x-stat-card label="Issued today" :value="number_format($stats['issuedToday'])" icon="calendar" tone="brand" />
    </div>

    <x-card flush>
        <form method="GET" action="{{ route('discharge-summaries.index') }}"
              class="flex flex-wrap items-end gap-3 border-b border-slate-200 bg-slate-50/70 px-5 py-4">
            <div class="min-w-[14rem] flex-1">
                <x-form.input name="q" label="Find a summary" :value="$term"
                              placeholder="Summary no, patient name or MRN…" />
            </div>

            <div class="w-44">
                <x-form.select name="status" label="Status" :options="$statusOptions"
                               :value="$status" :placeholder="false" />
            </div>

            <div class="w-52">
                <x-form.select name="type" label="Discharge type" :options="$typeOptions"
                               :value="$type" :placeholder="false" />
            </div>

            <button type="submit" class="hms-btn-primary hms-btn-sm">
                <x-icon name="search" size="xs" />
                Filter
            </button>

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

        @if ($summaries->count() === 0)
            <x-empty-state icon="document-check" title="No discharge summaries found">
                @if ($filtered)
                    Nothing matches the current filters.
                @else
                    Summaries are drafted from an admission's page once the treating clinician starts the discharge.
                @endif
            </x-empty-state>
        @else
            <div class="overflow-x-auto">
                <table class="hms-table">
                    <thead>
                        <tr>
                            <th>Summary</th>
                            <th>Patient</th>
                            <th>Admission</th>
                            <th>Type</th>
                            <th>Status</th>
                            <th>Prepared by</th>
                            <th class="text-right">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($summaries as $summary)
                            <tr>
                                <td>
                                    <a href="{{ route('discharge-summaries.show', $summary) }}" class="hms-link font-mono text-sm">
                                        {{ $summary->summary_no }}
                                    </a>
                                    <span class="block text-xs text-slate-500">
                                        {{ $summary->admission_date?->format('d M Y') }}
                                        → {{ $summary->discharge_date?->format('d M Y') ?? 'not yet discharged' }}
                                    </span>
                                </td>
                                <td>
                                    <span class="text-sm font-medium text-slate-900">{{ $summary->patient->full_name }}</span>
                                    <span class="block font-mono text-xs text-slate-500">{{ $summary->patient->medical_record_number }}</span>
                                </td>
                                <td>
                                    <span class="font-mono text-xs text-slate-600">{{ $summary->admission->admission_no ?? '—' }}</span>
                                    <span class="block text-xs text-slate-500">{{ $summary->admission->ward?->name ?? '—' }}</span>
                                </td>
                                <td>
                                    <x-status-badge :color="$summary->discharge_type_color" :label="$summary->discharge_type_label" />
                                </td>
                                <td>
                                    <x-status-badge :color="$summary->status_color" :label="$summary->status_label" />
                                </td>
                                <td class="text-sm text-slate-600">{{ $summary->preparedBy?->name ?? '—' }}</td>
                                <td class="text-right">
                                    <div class="flex justify-end gap-2">
                                        <a href="{{ route('discharge-summaries.show', $summary) }}" class="hms-btn-ghost hms-btn-sm">Open</a>
                                        <a href="{{ route('discharge-summaries.print', $summary) }}" class="hms-btn-ghost hms-btn-sm">Print</a>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <div class="border-t border-slate-200 px-5 py-4">
                {{ $summaries->onEachSide(1)->links() }}
            </div>
        @endif
    </x-card>
</x-app-layout>