{{-- Admin Top Bar --}}
<header class="admin-topbar" x-data="{ profileOpen: false, notifOpen: false }">
    <div class="topbar-left">
        {{-- Sidebar Toggle --}}
        <button class="topbar-toggle-btn" @click="sidebarOpen = !sidebarOpen" aria-label="Toggle sidebar">
            <i class="bi bi-list"></i>
        </button>

        {{-- Page Title --}}
        <h1 class="topbar-title">@yield('page-title', 'ড্যাশবোর্ড')</h1>
    </div>

    <div class="topbar-right">

        {{-- Notification Bell --}}
        <div class="topbar-notification" x-data="{ unreadCount: {{ $unreadNotificationCount ?? 0 }} }" @click.away="notifOpen = false">
            <button class="topbar-icon-btn" @click="notifOpen = !notifOpen" aria-label="Notifications">
                <i class="bi bi-bell"></i>
                <span class="topbar-notification-badge" x-show="unreadCount > 0" x-text="unreadCount > 99 ? '99+' : unreadCount" style="display: none;"></span>
            </button>

            {{-- Notification Dropdown --}}
            <div class="topbar-dropdown notification-dropdown" x-show="notifOpen" x-transition style="display: none;">
                <div class="dropdown-header">
                    <span>নোটিফিকেশন</span>
                    <a href="{{ route('admin.notifications.index') }}" class="dropdown-header-link">সব দেখুন</a>
                </div>
                <div class="dropdown-body">
                    <p class="dropdown-empty-text">কোনো নতুন নোটিফিকেশন নেই</p>
                </div>
            </div>
        </div>

        {{-- Admin Profile Dropdown --}}
        <div class="topbar-profile" @click.away="profileOpen = false">
            <button class="topbar-profile-btn" @click="profileOpen = !profileOpen">
                <div class="topbar-avatar">
                    <i class="bi bi-person-circle"></i>
                </div>
                <span class="topbar-profile-name d-none d-md-inline-block">{{ Auth::user()->name ?? 'অ্যাডমিন' }}</span>
                <i class="bi bi-chevron-down topbar-profile-arrow"></i>
            </button>

            {{-- Profile Dropdown Menu --}}
            <div class="topbar-dropdown profile-dropdown" x-show="profileOpen" x-transition style="display: none;">
                <a href="{{ route('admin.settings.edit') }}" class="dropdown-item">
                    <i class="bi bi-person"></i>
                    <span>প্রোফাইল</span>
                </a>
                <a href="{{ route('admin.settings.edit') }}" class="dropdown-item">
                    <i class="bi bi-gear"></i>
                    <span>সেটিংস</span>
                </a>
                <div class="dropdown-divider"></div>
                <form method="POST" action="{{ route('admin.logout') }}">
                    @csrf
                    <button type="submit" class="dropdown-item dropdown-item-danger">
                        <i class="bi bi-box-arrow-right"></i>
                        <span>লগআউট</span>
                    </button>
                </form>
            </div>
        </div>

    </div>
</header>