<link rel="stylesheet" href="{{ asset('css/navbar.css') }}">
<nav class="navbar">
	<div class="logo">
		<a href="{{ path('app_base') }}"><img src="{{ asset('img/logo.png') }}" alt="Logo" width="150px"></a>
	</div>
	<div
		class="nav-links">
		{#<div class="dropdown-nav">
					<a href="#">Patch Notes</a>
					<i class='bx bx-chevron-down'></i>
					<div class="dropdown-menu-nav">
						<a href="#">1</a>
						<a href="#">2</a>
						<a href="#">3</a>
					</div>
				</div>#}
		<a href="#">Animaux</a>
		<a href="#">Réservation</a>
		<a href="#">Boutique</a>
		<a href="#">Parrainage</a>
		<a href="#">Contact</a>
		{% if not app.user %}
		<a href="{{ path('app_login') }}">Connexion</a>
		{% endif %}
		{% if app.user %}
			<a href="#" class="navbar-admin">
				Profil
			</a>
			{#<a href="{{ path('app_logout') }}" class="navbar-admin">Déconnexion</a> #}
		{% endif %}
	</div>
	{% if app.user %}
		<div
			class="nav-account">
			{# <button class="navbar-button">#}
			<a href="{{ path('app_logout') }}">Déconnexion</a>
			<a href="#">Profil</a>
		</div>
	{% endif %}
	<button class="menu-toggle" onclick="toggleMenu()">☰</button>

	<script src="{{ asset('js/navbar.js') }}"></script>

</nav>
