{{-- resources/views/admin/partials/topbar.blade.php --}}
{{-- Admin topbar: hamburger, page title, dark mode, notifications, user avatar --}}

<header class="admin-topbar" role="banner">

    {{-- Left: hamburger + page title --}}
    <div class="admin-topbar__left">

        {{-- Mobile sidebar toggle --}}
        <button
            class="admin-topbar__menu-toggle"
            id="sidebarToggle"
            aria-label="Toggle sidebar"
            aria-expanded="false"
            type="button"
        >
            <i class="bi bi-list"></i>
        </button>

        {{-- Vertical divider (desktop only) --}}
        <span class="admin-topbar__divider"></span>

        {{-- Page title --}}
        <div class="admin-topbar__title-wrap">
            <h1 class="admin-topbar__title">@yield('page_title', 'Dashboard')</h1>
        </div>

    </div>

    {{-- Right: actions --}}
    <div class="admin-topbar__right">

        {{-- Dark mode toggle --}}
        <button
            class="admin-topbar__icon-btn"
            id="darkModeToggle"
            aria-label="Toggle dark mode"
            type="button"
            title="Toggle dark mode"
        >
            <i class="bi bi-moon-stars-fill admin-topbar__icon-moon"></i>
            <i class="bi bi-sun-fill admin-topbar__icon-sun"></i>
        </button>

        {{-- Notifications: unread support tickets --}}
        <a
            href="{{ route('admin.support.index') }}"
            class="admin-topbar__icon-btn admin-topbar__notif-btn"
            aria-label="Support notifications"
            title="Support Tickets"
        >
            <i class="bi bi-bell"></i>
            @php
                try {
                    $unreadCount = \App\Models\Support::where('status', 'new')->count();
                } catch (\Exception $e) {
                    $unreadCount = 0;
                }
            @endphp
            @if($unreadCount > 0)
                <span class="admin-topbar__notif-badge">
                    {{ $unreadCount > 99 ? '99+' : $unreadCount }}
                </span>
            @endif
        </a>

        {{-- Admin avatar dropdown --}}
        <div class="admin-topbar__avatar-wrap dropdown">
            <button
                class="admin-topbar__avatar dropdown-toggle"
                type="button"
                data-bs-toggle="dropdown"
                aria-expanded="false"
                aria-label="User menu"
            >
                {{ strtoupper(substr(auth()->user()->name ?? 'A', 0, 1)) }}
            </button>
            <ul class="dropdown-menu dropdown-menu-end admin-topbar__dropdown">
                <li>
                    <div class="admin-topbar__dropdown-user">
                        <div class="admin-topbar__dropdown-avatar">
                            {{ strtoupper(substr(auth()->user()->name ?? 'A', 0, 1)) }}
                        </div>
                        <div class="admin-topbar__dropdown-info">
                            <span class="admin-topbar__dropdown-name">{{ auth()->user()->name ?? 'Admin' }}</span>
                            <span class="admin-topbar__dropdown-email">{{ auth()->user()->email ?? '' }}</span>
                        </div>
                    </div>
                </li>
                <li><hr class="dropdown-divider"></li>
                <li>
                    <form method="POST" action="{{ route('logout') }}">
                        @csrf
                        <button type="submit" class="dropdown-item admin-topbar__logout-item">
                            <i class="bi bi-box-arrow-right"></i>
                            Sign Out
                        </button>
                    </form>
                </li>
            </ul>
        </div>

    </div>

</header>