<nav class="bg-gray-900 text-white">
    <div class="container mx-auto px-4">
        <div class="flex items-center justify-between h-16">
            <div class="flex items-center space-x-8">
                <a href="{{ path('admin_dashboard') }}" class="font-bold text-xl">
                    <i class="fas fa-crown mr-2"></i>Admin
                </a>
                
                <div class="hidden md:flex space-x-4">
                    <a href="{{ path('admin_dashboard') }}" 
                       class="px-3 py-2 rounded-md {{ app.request.get('_route') == 'admin_dashboard' ? 'bg-gray-800' : 'hover:bg-gray-800' }}">
                        <i class="fas fa-tachometer-alt mr-1"></i> Dashboard
                    </a>
                    <a href="{{ path('admin_users') }}" 
                       class="px-3 py-2 rounded-md {{ app.request.get('_route') starts with 'admin_users' ? 'bg-gray-800' : 'hover:bg-gray-800' }}">
                        <i class="fas fa-users mr-1"></i> Utilisateurs
                    </a>
                    <a href="{{ path('admin_vendors') }}" 
                       class="px-3 py-2 rounded-md {{ app.request.get('_route') starts with 'admin_vendors' ? 'bg-gray-800' : 'hover:bg-gray-800' }}">
                        <i class="fas fa-store mr-1"></i> Vendeurs
                    </a>
                    <a href="{{ path('admin_products') }}" 
                       class="px-3 py-2 rounded-md {{ app.request.get('_route') starts with 'admin_products' ? 'bg-gray-800' : 'hover:bg-gray-800' }}">
                        <i class="fas fa-box mr-1"></i> Produits
                    </a>
                    <a href="{{ path('admin_orders') }}" 
                       class="px-3 py-2 rounded-md {{ app.request.get('_route') starts with 'admin_orders' ? 'bg-gray-800' : 'hover:bg-gray-800' }}">
                        <i class="fas fa-shopping-cart mr-1"></i> Commandes
                    </a>
                    <a href="{{ path('admin_commissions') }}" 
                       class="px-3 py-2 rounded-md {{ app.request.get('_route') starts with 'admin_commissions' ? 'bg-gray-800' : 'hover:bg-gray-800' }}">
                        <i class="fas fa-percent mr-1"></i> Commissions
                    </a>
                </div>
            </div>
            
            <div class="flex items-center space-x-4">
                <span class="text-sm">
                    <i class="fas fa-user-shield mr-1"></i> {{ app.user.email }}
                </span>
                <a href="{{ path('home') }}" class="text-gray-400 hover:text-white">
                    <i class="fas fa-globe"></i>
                </a>
            </div>
        </div>
    </div>
</nav>