<nav class="bg-gray-900 border-b border-gray-800 sticky top-0 z-50 h-20 backdrop-blur-md bg-gray-900/95">
    <div class="max-w-7xl mx-auto px-4 h-full flex items-center">
        <div class="flex items-center justify-between gap-4 w-full">
            
            <!-- Logo -->
            <a href="/" class="flex items-center gap-3">
                <img src="{{ asset('images/ryll.webp') }}" alt="RYLL STORE" class="h-12 w-auto">
                <span class="text-xl font-bold font-orbitron hidden md:block">RYLL STORE</span>
            </a>

            <!-- Nav Links -->
            <div class="flex items-center gap-4">
                {{-- Dashboard --}}
                <a href="{{ route('account.dashboard') }}" 
                   class="{{ request()->routeIs('account.dashboard') ? 'text-cyan-400 font-bold' : 'text-gray-400 hover:text-cyan-400' }} transition">
                    <i class="fas fa-home mr-2"></i>Dashboard
                </a>
                
                {{-- Products --}}
                <a href="{{ route('account.products.index') }}" 
                   class="{{ request()->routeIs('account.products.*') ? 'text-cyan-400 font-bold' : 'text-gray-400 hover:text-cyan-400' }} transition">
                    <i class="fas fa-box mr-2"></i>Products
                </a>
                
                {{-- Categories --}}
                <a href="{{ route('account.categories.index') }}" 
                   class="{{ request()->routeIs('account.categories.*') ? 'text-cyan-400 font-bold' : 'text-gray-400 hover:text-cyan-400' }} transition">
                    <i class="fas fa-tags mr-2"></i>Categories
                </a>
                
                {{-- Transactions (Optional) --}}
                {{-- @if(Route::has('account.transactions'))
                <a href="{{ route('account.transactions') }}" 
                   class="{{ request()->routeIs('account.transactions*') ? 'text-cyan-400 font-bold' : 'text-gray-400 hover:text-cyan-400' }} transition">
                    <i class="fas fa-receipt mr-2"></i>Transactions
                </a>
                @endif --}}
                
                {{-- Reviews (Optional) --}}
                @if(Route::has('account.reviews.index'))
                <a href="{{ route('account.reviews.index') }}" 
                   class="{{ request()->routeIs('account.reviews.*') ? 'text-cyan-400 font-bold' : 'text-gray-400 hover:text-cyan-400' }} transition">
                    <i class="fas fa-star mr-2"></i>Reviews
                </a>
                @endif
                
                {{-- Vouchers (Optional) --}}
                @if(Route::has('account.vouchers.index'))
                <a href="{{ route('account.vouchers.index') }}" 
                   class="{{ request()->routeIs('account.vouchers.*') ? 'text-cyan-400 font-bold' : 'text-gray-400 hover:text-cyan-400' }} transition">
                    <i class="fas fa-ticket mr-2"></i>Vouchers
                </a>
                @endif
                
                {{-- Users (Admin Only) --}}
                @if(Route::has('account.users.index'))
                <a href="{{ route('account.users.index') }}" 
                   class="{{ request()->routeIs('account.users.*') ? 'text-cyan-400 font-bold' : 'text-gray-400 hover:text-cyan-400' }} transition">
                    <i class="fas fa-users mr-2"></i>Users
                </a>
                @endif
                
                {{-- Logout --}}
                <form action="{{ route('logout') }}" method="POST" class="inline">
                    @csrf
                    <button type="submit" class="px-4 py-2 bg-red-600 hover:bg-red-700 rounded-lg transition">
                        <i class="fas fa-sign-out-alt mr-2"></i>Logout
                    </button>
                </form>
            </div>
        </div>
    </div>
</nav>