@php
            $adminUser = auth()->user();
            $adminName = $adminUser?->name ?? 'Administrator';
            $adminEmail = $adminUser?->email ?? 'admin@example.com';
            $adminInitials = collect(explode(' ', trim($adminName)))
                ->filter()
                ->take(2)
                ->map(fn ($part) => strtoupper(substr($part, 0, 1)))
                ->implode('') ?: 'AD';
        @endphp

        <header class="admin-topbar glass-panel d-flex flex-column flex-xl-row align-items-xl-center justify-content-between gap-3 px-4">
            <div class="admin-search-wrap position-relative" style="width: 24rem;">
                <i data-lucide="search" width="16" height="16" class="position-absolute top-50 translate-middle-y admin-muted" style="left: .9rem;"></i>
                <input type="text" data-i18n-placeholder="search_placeholder" placeholder="Search artefacts, publications, bookings, tenders..."
                    class="form-control admin-input rounded-4 ps-5 py-2">
            </div>

            <div class="d-flex align-items-center flex-wrap justify-content-end gap-3">
                <div class="d-none d-xl-flex align-items-center gap-2 px-3 py-2 rounded-3 text-success fw-semibold small"
                    style="background: rgba(34, 197, 94, .1); border: 1px solid rgba(34, 197, 94, .2);">
                    <span class="rounded-circle bg-success" style="width: .5rem; height: .5rem;"></span>
                    <span data-i18n="portal_live">Portal Live</span>
                </div>

                <div class="d-flex align-items-center gap-1 rounded-4 glass-card p-1">
                    <button class="theme-chip px-3 py-1 rounded-3 small fw-semibold" type="button" data-theme-option="dark">
                        <span data-i18n="dark">Dark</span>
                    </button>
                    <button class="theme-chip px-3 py-1 rounded-3 small fw-semibold" type="button" data-theme-option="light">
                        <span data-i18n="light">Light</span>
                    </button>
                </div>

                <div class="d-flex align-items-center gap-1 rounded-4 glass-card p-1">
                    <button class="lang-chip px-3 py-1 rounded-3 small fw-semibold" type="button" data-lang-option="en">English</button>
                    <button class="lang-chip px-3 py-1 rounded-3 small fw-semibold" type="button" data-lang-option="as">অসমীয়া</button>
                </div>

                <button class="btn admin-muted position-relative p-2 border-0" type="button" aria-label="Notifications">
                    <i data-lucide="bell" width="20" height="20"></i>
                    <span class="position-absolute rounded-circle bg-danger" style="width: .5rem; height: .5rem; top: .45rem; right: .45rem;"></span>
                </button>

                <div class="position-relative ps-2" style="border-left: 1px solid var(--admin-border);">
                    <button class="btn d-flex align-items-center gap-3 rounded-4 px-2 py-1 border-0" type="button"
                        data-admin-user-toggle aria-expanded="false">
                        <div class="text-end d-none d-xl-block">
                            <p class="small fw-semibold admin-text mb-0">{{ $adminName }}</p>
                            <p class="admin-muted mb-0" style="font-size: .75rem;" data-i18n="super_admin">Super Administrator</p>
                        </div>
                        <div class="admin-avatar">{{ $adminInitials }}</div>
                        <i data-lucide="chevron-down" width="16" height="16" class="admin-muted"></i>
                    </button>

                    <div class="admin-menu position-absolute end-0 top-100 mt-2 rounded-4 glass-panel shadow-lg overflow-hidden z-3"
                        style="width: 18rem; border: 1px solid var(--admin-border);" data-admin-user-menu>
                        <div class="p-3" style="border-bottom: 1px solid var(--admin-border);">
                            <p class="small fw-semibold admin-text text-truncate mb-0">{{ $adminName }}</p>
                            <p class="small admin-muted text-truncate mb-0">{{ $adminEmail }}</p>
                        </div>
                        <div class="p-2">
                            <a href="{{ route('profile.edit') }}" class="admin-nav-link px-3 py-2">
                                <i data-lucide="user-cog" width="16" height="16"></i>
                                <span data-i18n="update_profile">Update Profile Details</span>
                            </a>
                            <a href="{{ url('/') }}" class="admin-nav-link px-3 py-2">
                                <i data-lucide="globe" width="16" height="16"></i>
                                <span data-i18n="view_website">View Website</span>
                            </a>
                            <form method="POST" action="{{ route('logout') }}" class="mt-1 pt-1" style="border-top: 1px solid var(--admin-border);">
                                @csrf
                                <button type="submit" class="btn w-100 d-flex align-items-center gap-3 px-3 py-2 rounded-3 text-danger border-0 text-start">
                                    <i data-lucide="log-out" width="16" height="16"></i>
                                    <span data-i18n="logout">Logout</span>
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </header>