@php
    $currentModule = $module ?? 'escrow';
@endphp

<header class="topbar">
    <div class="topbar-left">
        <button class="topbar-hamburger" onclick="toggleSidebar()" aria-label="Toggle sidebar">
            <i class="fas fa-bars"></i>
        </button>

        <div class="topbar-search">
            <i class="fas fa-search"></i>
            <input type="text" placeholder="Search transactions, users..." id="globalSearch">
        </div>
    </div>

    <div class="topbar-right">
        {{-- Module Switcher --}}
        <div class="module-switcher">
            <a href="{{ route('escrow.dashboard') ?? '#' }}" class="{{ $currentModule === 'escrow' ? 'active' : '' }}">
                <i class="fas fa-shield-halved"></i> Escrow
            </a>
            <a href="{{ route('escrow.marketplace.listings.index') ?? '#' }}" class="{{ $currentModule === 'marketplace' ? 'active' : '' }}">
                <i class="fas fa-store"></i> Marketplace
            </a>
        </div>

        {{-- Theme Toggle --}}
        <button class="topbar-btn theme-cycle-btn" title="Toggle theme (Ctrl+Shift+T)" onclick="toggleAppTheme()">
            <i class="fas fa-moon" id="theme-icon"></i>
        </button>

        {{-- Notifications --}}
        <button class="topbar-btn" title="Notifications" onclick="toggleNotifications()">
            <i class="fas fa-bell"></i>
            @if (($unreadCount ?? 0) > 0)
                <span class="notification-badge">{{ $unreadCount > 9 ? '9+' : $unreadCount }}</span>
            @endif
        </button>

        {{-- User Dropdown --}}
        @auth
            <div class="user-dropdown">
                <button class="user-dropdown-trigger">
                    <span class="avatar">{{ strtoupper(substr(Auth::user()->name, 0, 1)) }}</span>
                    <span class="user-name">{{ Auth::user()->name }}</span>
                    <i class="fas fa-chevron-down" style="font-size: 0.65rem; color: var(--text-muted);"></i>
                </button>

                <div class="user-dropdown-menu">
                    @if($currentModule === 'inventory')
                        <a href="{{ route('inventory.settings') }}">
                            <i class="fas fa-cog"></i> Settings
                        </a>
                        <div class="divider"></div>
                        <form method="POST" action="{{ route('inventory.logout') }}">
                            @csrf
                            <button type="submit" class="text-danger">
                                <i class="fas fa-sign-out-alt"></i> Log Out
                            </button>
                        </form>
                    @else
                        <a href="{{ route('escrow.profile') }}">
                            <i class="fas fa-user"></i> Profile
                        </a>
                        <a href="{{ route('escrow.settings') }}">
                            <i class="fas fa-cog"></i> Settings
                        </a>
                        <div class="divider"></div>
                        <form method="POST" action="{{ route('logout') }}">
                            @csrf
                            <button type="submit" class="text-danger">
                                <i class="fas fa-sign-out-alt"></i> Log Out
                            </button>
                        </form>
                    @endif
                </div>
            </div>
        @endauth
    </div>
</header>