@php
    $pageTitle = match ($section) {
        'workspace' => ($patientHeader['patient'] ?? null)?->fullName() ?: 'Workspace',
        'history' => 'Visit history',
        'billing' => 'Billing',
        'visits' => 'Patient queue',
        default => 'Patient queue',
    };
@endphp
<x-app-layout :title="$pageTitle">
    <div class="space-y-4">
        @if ($section === 'workspace')
            <div class="flex flex-wrap items-center justify-between gap-3">
                @if (! empty($canAccessPatientQueue))
                    <a href="{{ route('care.queue.index') }}" class="text-sm font-medium text-indigo-600 hover:text-indigo-800">← Back to queue</a>
                @else
                    <span></span>
                @endif
                <div class="flex flex-wrap gap-3 text-sm">
                    @if ($moduleKey === 'dentistry')
                        <a href="{{ route('care.specialty.dentistry.reports') }}" class="text-slate-600 hover:text-slate-900">Reports</a>
                    @endif
                    @if ($moduleKey === 'emergency')
                        <a href="{{ route('care.specialty.emergency.reports') }}" class="text-slate-600 hover:text-slate-900">Reports</a>
                    @endif
                    @if ($moduleKey === 'blood_bank')
                        <a href="{{ route('care.specialty.blood-bank.reports') }}" class="text-slate-600 hover:text-slate-900">Reports</a>
                    @endif
                    <a href="{{ route('care.specialty.history', $moduleKey) }}" class="text-slate-600 hover:text-slate-900">History</a>
                    @if ($canManageClinical ?? $canManageSpecialty ?? true)
                        <a href="{{ route('care.specialty.billing', $moduleKey) }}" class="text-slate-600 hover:text-slate-900">Billing</a>
                    @endif
                </div>
            </div>

            @if (($specialtyAccessLevel ?? 'manage') !== 'manage')
                <div class="rounded-xl border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-950">
                    @if (($specialtyAccessLevel ?? '') === 'refer')
                        You have <strong>view + refer</strong> access. You can review results and refer patients into this specialty queue; clinical editing is limited to specialists and supporting staff.
                    @else
                        You have <strong>view-only</strong> access. Results and history are available; clinical edits require specialty access.
                    @endif
                </div>
            @elseif (($canManageSpecialty ?? false) && ! ($canConsult ?? false))
                <div class="rounded-xl border border-sky-200 bg-sky-50 px-4 py-3 text-sm text-sky-950">
                    You can work this specialty floor (queue, vitals, billing support) but starting encounters and clinical chart edits require a clinician with consultation access.
                </div>
            @endif

            <div class="lg:grid lg:grid-cols-[minmax(0,1fr)_16rem] lg:items-start lg:gap-6">
                <div class="min-w-0 space-y-4">
                    @include('care.specialty.sections.workspace')
                </div>
                @include('care.partials.clinical-actions-panel', [
                    'actionsView' => 'care.specialty.partials.actions-menu',
                    'title' => 'Actions',
                ])
            </div>
            @include('care.partials.clinical-actions-mobile', [
                'actionsView' => 'care.specialty.partials.actions-menu',
                'title' => 'Actions',
            ])

            @php
                $completeConsultation = ($canConsult ?? false)
                    ? $workspaceVisit?->appointment?->consultation
                    : null;
            @endphp
            @if ($completeConsultation && $completeConsultation->status !== \App\Models\Consultation::STATUS_COMPLETED)
                <x-confirm-dialog
                    :name="'complete-consultation-'.$completeConsultation->id"
                    title="Complete this consultation?"
                    message="Mark the consultation as finished. You can still prescribe or generate a bill afterward."
                    :action="route('care.consultations.complete', $completeConsultation)"
                    confirm-label="Complete consultation"
                    variant="primary"
                />
            @endif
        @elseif ($section === 'history')
            <div class="flex flex-wrap items-center justify-between gap-3">
                <div class="flex items-start gap-2.5">
                    <x-care.specialty-icon :module="$moduleKey" boxed />
                    <div>
                        <h1 class="text-xl font-semibold text-slate-900">{{ $definition['nav_label'] ?? $definition['label'] ?? ucfirst($moduleKey) }} · Visit history</h1>
                        <p class="mt-1 text-sm text-slate-500">Completed encounters for this service line.</p>
                    </div>
                </div>
                <a href="{{ route('care.specialty.show', $moduleKey) }}" class="text-sm font-medium text-indigo-600 hover:text-indigo-800">← Specialty home</a>
            </div>
            @include('care.specialty.sections.history')
        @elseif ($section === 'billing')
            <div class="flex flex-wrap items-center justify-between gap-3">
                <div class="flex items-start gap-2.5">
                    <x-care.specialty-icon :module="$moduleKey" boxed />
                    <div>
                        <h1 class="text-xl font-semibold text-slate-900">{{ $definition['nav_label'] ?? $definition['label'] ?? ucfirst($moduleKey) }} · Billing</h1>
                        <p class="mt-1 text-sm text-slate-500">Service catalog for this module.</p>
                    </div>
                </div>
                <a href="{{ route('care.specialty.show', $moduleKey) }}" class="text-sm font-medium text-indigo-600 hover:text-indigo-800">← Specialty home</a>
            </div>
            @include('care.specialty.sections.billing')
        @else
            {{-- Queue home (overview / visits) — same UI as GP Queue --}}
            <div class="lg:grid lg:grid-cols-[minmax(0,1fr)_16rem] lg:items-start lg:gap-6">
                <div class="min-w-0 space-y-6">
                    @php
                        $specialtyLabel = $definition['nav_label'] ?? $definition['label'] ?? ucfirst($moduleKey);
                    @endphp
                    <div class="mb-1 flex items-center gap-2.5">
                        <x-care.specialty-icon :module="$moduleKey" boxed />
                        <p class="text-sm font-semibold text-slate-700">{{ $specialtyLabel }}</p>
                    </div>
                    <x-care.page-hero
                        badge="Patient flow · Call next"
                        :title="$specialtyLabel.' queue'"
                        description="Move patients from waiting through called, in care, and done."
                        :stats="[
                            ['value' => number_format($kpis['waiting'] ?? $queue->count()), 'label' => 'Waiting'],
                            ['value' => number_format($kpis['in_progress'] ?? $inConsultation->count()), 'label' => 'In care'],
                            ['value' => number_format($kpis['completed_today'] ?? 0), 'label' => 'Today'],
                        ]">
                        @if ($canManageQueue ?? false)
                            <x-slot name="actions">
                                <a href="{{ route('care.appointments.walk-in.create') }}" class="btn-primary">Walk-in</a>
                            </x-slot>
                        @endif
                    </x-care.page-hero>

                    <div class="flex flex-wrap gap-3 text-sm">
                        <a href="{{ route('care.specialty.history', $moduleKey) }}" class="rounded-lg border border-slate-200 bg-white px-3 py-1.5 font-medium text-slate-700 hover:bg-slate-50">History</a>
                        @if ($canManageClinical ?? $canManageSpecialty ?? true)
                            <a href="{{ route('care.specialty.billing', $moduleKey) }}" class="rounded-lg border border-slate-200 bg-white px-3 py-1.5 font-medium text-slate-700 hover:bg-slate-50">Billing</a>
                        @endif
                    </div>

                    @include('care.partials.queue-board', [
                        'queue' => $queue,
                        'inConsultation' => $inConsultation,
                        'done' => $done ?? collect(),
                        'queueIntegration' => $queueIntegration ?? null,
                        'branchId' => $branchId,
                        'branchLabel' => $branchLabel ?? null,
                        'canConsult' => $canConsult ?? false,
                        'lockToPractitioner' => $lockToPractitioner ?? false,
                        'showFilters' => true,
                        'queueCallNextRoute' => ($canCallNext ?? $canManageSpecialty ?? false) ? 'care.specialty.call-next' : null,
                        'queueCallNextParams' => ['module' => $moduleKey],
                        'startRouteName' => 'care.queue.start',
                        'inCareLabel' => 'In care',
                        'openInCareUrl' => function ($appointment) use ($moduleKey) {
                            if ($appointment->visit) {
                                return route('care.specialty.workspace', [
                                    'module' => $moduleKey,
                                    'visit' => $appointment->visit,
                                ]);
                            }

                            return $appointment->consultation
                                ? route('care.consultations.show', $appointment->consultation)
                                : null;
                        },
                    ])
                </div>

                @include('care.partials.clinical-actions-panel', [
                    'actionsView' => 'care.specialty.partials.actions-menu',
                    'title' => 'Actions',
                ])
            </div>
            @include('care.partials.clinical-actions-mobile', [
                'actionsView' => 'care.specialty.partials.actions-menu',
                'title' => 'Actions',
            ])
        @endif
    </div>
</x-app-layout>