<header id="header" class="fixed-top d-flex align-items-center">
<div class="container d-flex justify-content-between align-items-center">
<div class="logo">
<a href="{{ path('home')}}"><img src="{{asset('image/logo-gs.png')}}"/></a>
</div>
<nav id="navbar" class="navbar menu">
<ul>
{# <li><a class="{% if var is same as ('home') %} active {% endif %} fs-6" href="{{ path('home')}}">Accueil</a></li> #}
{# <li><a class="{% if var is same as ('about') %} active {% endif %} fs-6" href="{{ path('about')}}">À Propos</a></li> #}
{# <li><a class="{% if var is same as ('nos_vehicules') %} active {% endif %} fs-6" href="{{ path('nos_vehicules')}}">Nos Véhicules</a></li> #}
{# <li><a class="{% if var is same as ('devis') %} active {% endif %} fs-6" href="{{ path('devis_index')}}">Demander un Devis </a></li> #}
{# <li><a class="{% if var is same as ('contact') %} active {% endif %} fs-6" href="{{ path('contact')}}">Contact</a></li> #}
{# <li><a class="{% if var is same as ('FAQ') %} active {% endif %} fs-6" href="{{ path('faq_index')}}">FAQ</a></li> #}
<li>
{% if app.user %}
{% if is_granted ('ROLE_ADMIN') or is_granted ('ROLE_COMMU') or is_granted ('ROLE_COMMER') %}
<div class="dropdown">
<a href="#" id="dropdownUser1" data-bs-toggle="dropdown" aria-expanded="false" class="fs-6">Espace admin</a>
<ul class="dropdown-menu dropdown-menu-dark text-small shadow" aria-labelledby="dropdownUser1">
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item fs-6" href="{{path('app_logout')}}">Déconnexion</a></li>
</ul>
</div>
{% else %}
<div class="dropdown">
<a href="#" id="dropdownUser1" data-bs-toggle="dropdown" aria-expanded="false" class="fs-6">Espace client</a>
<ul class="dropdown-menu dropdown-menu-dark text-small shadow" aria-labelledby="dropdownUser1">
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item fs-6" href="{{path('app_logout')}}">Déconnexion</a></li>
</ul>
</div>
{% endif %}
{% else %}
<a class="fs-6" href="{{ path('app_login')}}">Connexion</a>
{% endif %}
</li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav>
</div>
</header>