{{-- Hospital doctor HMS sidebar: Emergency > VIP > standard (aligns with queue + audit rules) --}}
@php
    $ws = route('hospital.doctor.workspace');
    $dash = route('hospital.doctor.dashboard');
    $visits = route('hospital.visits.index');
    $appts = route('hospital.doctor.appointments');
@endphp

<div
    class="flex min-w-0 flex-col space-y-1"
    data-poll-url="{{ route('hospital.doctor.assigned-patients') }}"
    x-data="doctorSidebarNav"
>
    <p class="mb-2 px-3 text-[10px] font-bold uppercase tracking-wider text-slate-500">Main</p>
    <x-admin.nav-link :href="$dash" :active="request()->routeIs('hospital.doctor.dashboard')">Dashboard</x-admin.nav-link>
    <x-admin.nav-link :href="$ws.'#doctor-workspace-assigned'" :active="false">My patients</x-admin.nav-link>
    <x-admin.nav-link :href="$ws.'#doctor-workspace-department'" :active="false">Department patients</x-admin.nav-link>

    <p class="mb-2 mt-5 px-3 text-[10px] font-bold uppercase tracking-wider text-red-400/90">Priority</p>
    <p class="mb-1.5 px-3 text-[10px] leading-snug text-red-200/70">Emergency first. Approvals logged (who, when). VIP below emergency.</p>

    <a
        href="{{ $ws }}#doctor-workspace-emergency"
        class="group mb-1 flex w-full min-w-0 items-center gap-3 rounded-xl border-l-[3px] border-red-500 bg-red-950/35 px-3 py-2.5 text-sm font-medium text-red-50 transition hover:bg-red-950/55"
    >
        <span
            class="h-1.5 w-1.5 shrink-0 rounded-full bg-red-300"
            :class="{ 'animate-pulse shadow-[0_0_10px_rgba(248,113,113,0.9)]': meta.emergency_assigned > 0 }"
        ></span>
        <span class="min-w-0 flex-1 truncate">Emergency patients</span>
        <span
            class="shrink-0 rounded-full bg-white/10 px-2 py-0.5 text-[10px] font-bold tabular-nums text-white/90"
            x-show="meta.emergency_assigned > 0"
            x-text="String(meta.emergency_assigned)"
            x-cloak
        ></span>
    </a>
    <p class="mb-2 px-3 text-[10px] text-red-300/60">Pending approval · approved · in treatment</p>

    <a
        href="{{ $ws }}#doctor-workspace-vip"
        class="group mb-1 flex w-full min-w-0 items-center gap-3 rounded-xl border-l-[3px] border-amber-400 bg-violet-950/25 px-3 py-2.5 text-sm font-medium text-violet-100 transition hover:bg-violet-950/45"
    >
        <span class="h-1.5 w-1.5 shrink-0 rounded-full bg-amber-300"></span>
        <span class="min-w-0 flex-1 truncate">VIP patients</span>
        <span
            class="shrink-0 rounded-full bg-white/10 px-2 py-0.5 text-[10px] font-bold tabular-nums text-white/90"
            x-show="meta.vip_assigned > 0"
            x-text="String(meta.vip_assigned)"
            x-cloak
        ></span>
    </a>
    <p class="mb-2 px-3 text-[10px] text-violet-300/60">Privacy lock · assigned doctor only</p>

    <p class="mb-2 mt-5 px-3 text-[10px] font-bold uppercase tracking-wider text-slate-500">Clinical</p>
    <x-admin.nav-link :href="$visits" :active="request()->routeIs('hospital.visits.*') && ! request()->routeIs('hospital.doctor.visits.*')">OP visit flow</x-admin.nav-link>
    <x-admin.nav-link :href="$ws.'#doctor-workspace-assigned'" :active="request()->routeIs('hospital.doctor.visits.*')">Consultation</x-admin.nav-link>
    <x-admin.nav-link
        :href="$ws.'#doctor-workspace-assigned'"
        :active="false"
        title="Open a patient from My patients, then use Send to pharmacy on the visit encounter."
    >Prescriptions</x-admin.nav-link>
    <x-admin.nav-link :href="$ws.'#doctor-workspace-labs'" :active="false">Lab requests &amp; results</x-admin.nav-link>

    <p class="mb-2 mt-5 px-3 text-[10px] font-bold uppercase tracking-wider text-slate-500">Management</p>
    <x-admin.nav-link :href="$appts" :active="request()->routeIs('hospital.doctor.appointments')">Appointments / follow-ups</x-admin.nav-link>
    <x-admin.nav-link :href="$dash.'#doctor-personal-summary'" :active="false">Reports</x-admin.nav-link>

    <p class="mb-2 mt-5 px-3 text-[10px] font-bold uppercase tracking-wider text-slate-500">System</p>
    <button
        type="button"
        class="mb-1 flex w-full items-center gap-3 rounded-xl px-3 py-2 text-left text-xs font-medium text-slate-400 hover:bg-white/[0.06] hover:text-white"
        @click="requestNotifyPermission()"
    >
        <span class="h-1.5 w-1.5 shrink-0 rounded-full bg-slate-600"></span>
        <span class="min-w-0 flex-1">Notifications (browser alerts)</span>
    </button>
    <x-admin.nav-link
        :href="$ws"
        :active="request()->routeIs('hospital.doctor.workspace') || request()->routeIs('hospital.doctor.visits.*') || request()->routeIs('hospital.doctor.appointments')"
    >Schedule / queue</x-admin.nav-link>
    <x-admin.nav-link :href="route('profile.edit')" :active="request()->routeIs('profile.*')">Settings</x-admin.nav-link>

    <div class="mx-3 mt-4 rounded-xl border border-white/10 bg-white/[0.04] px-3 py-2 text-[10px] leading-relaxed text-slate-400">
        <span class="font-semibold text-slate-300">Tiers:</span>
        <span class="text-red-300">■</span> Emergency
        <span class="text-amber-300">■</span> VIP
        <span class="text-slate-500">■</span> Normal · EMR actions audited; only assigned doctor edits primary exam.
    </div>
</div>