{% set currentRoute = app.request.get('_route') %}

<div id="sidebar" data-nav-target="sidebar" class="fixed hidden md:flex flex-col top-12 md:top-14 left-0 w-56 h-full transition-all duration-300 border-none z-30 sidebar bg-gray-800 min-h-screen shadow-md border-r border-gray-700 p-4 -translate-x-full md:translate-x-0">
	<div class="overflow-y-auto overflow-x-hidden flex flex-col justify-between grow">
		<nav class="flex flex-col gap-2">
			<a href="{{ path('app_dashboard') }}" class="flex items-center gap-2 px-3 py-2 rounded hover:bg-gray-700 text-sm {{ app.request.get('_route') == 'app_dashboard' ? 'bg-gray-700 font-semibold' : '' }} text-white">
				{{ ux_icon('fa-solid:chart-pie', {class: "w-4 h-4"}) }}
				Tableau de bord
			</a>
			<a href="{{path('species_index')}}" class="flex items-center gap-2 px-3 py-2 rounded hover:bg-gray-700 text-sm {{ 'species_index' in currentRoute ? 'bg-gray-700 font-semibold' : '' }} text-white">
				{{ ux_icon('ion:paw', {class: "w-4 h-4"}) }}
				Espèces
			</a>
			{% if species is defined or fellow is defined %}
				{% include "species/partials/_sidebar-species.html.twig" %}
			{% endif %}
			<a href="{{path('app_listing_fellows')}}" class="flex items-center gap-2 px-3 py-2 rounded hover:bg-gray-700 text-sm {{ app.request.get('_route') == 'app_listing_fellows' ? 'bg-gray-700 font-semibold' : '' }} text-white">
				{{ ux_icon('iconoir:wolf-solid', {class: "w-4 h-4"}) }}
				Liste des individus
			</a>
			<a href="{{path('app_zoo_zones')}}" class="flex items-center gap-2 px-3 py-2 rounded hover:bg-gray-700 text-sm {{ 'app_zoo' in app.request.get('_route') ? 'bg-gray-700 font-semibold' : '' }} text-white">
				{{ ux_icon('gis:location-poi', {class: "w-4 h-4"}) }}
				Zones
			</a>
			<hr class="bg-zpb-blueLight">
			{% if is_granted('ROLE_ADMIN') %}
				<a href="{{ path('admin') }}" class="flex items-center gap-2 px-3 py-2 rounded hover:bg-gray-700 text-sm {{ app.request.get('_route') == 'admin' ? 'bg-gray-700 font-semibold' : '' }} text-white">
					{{ ux_icon('bxs:server', {class: "w-4 h-4"}) }}
					Administration
				</a>
			{% endif %}
			<a href="{{ path('app_logout') }}" class="flex items-center gap-2 px-3 py-2 rounded hover:bg-red-300 hover:text-red-800 text-sm text-red-400">
				{{ ux_icon('tabler:logout', {class: "w-5 h-5"}) }}
				Déconnexion
			</a>
		</ul>
	</div>
</div>