<nav class="navbar navbar-expand-lg fixed-top navbar-light background-grey">
<div class="container-fluid">
<a class="navbar-brand logo footer-text d-lg-block d-md-block d-sm-none d-none" href="{{ path("app_accueil") }}"><img height="47px" class="mb-0 logo_left" src="{{ asset("/images/logo/logo_final.ico") }}" alt="logo"></a>
<div class="d-lg-none d-md-none d-sm-block d-block width-calculed">
<a class="navbar-brand ml-20 mr-0 logo footer-text" href="{{ path("app_accueil") }}"><img height="47px" class="mb-0 logo_left" src="{{ asset("/images/logo/logo_final.ico") }}" alt="logo"></a>
</div>
<button class="navbar-toggler d-lg-none d-md-block d-sm-none d-none" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<button class="navbar-toggler pt-0 pl-0 pr-0 d-lg-none d-md-none d-sm-block d-block show-menu-sm" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
<img height="14px" src="{{ asset('/images/logo/three_dots.png') }}" alt="dots">
</button>
<div class="collapse navbar-collapse text-lg-start text-md-start text-sm-center text-center" id="navbarText">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active footer-text" aria-current="page" href="{{ path("app_list_product_per_categ", {"type":"gamme-3-etoiles", "id_categorie":2}) }}">Spas {% trans %}<span class="fw-bold" style="color:#048b9a;">3</span> étoiles{% endtrans %}</a>
</li>
<li class="nav-item">
<a class="nav-link footer-text" href="{{ path("app_list_product_per_categ", {"type":"gamme-4-etoiles", "id_categorie":3}) }}">Spas {% trans %}<span class="fw-bold" style="color:#048b9a;">4</span> étoiles{% endtrans %}</a>
</li>
<li class="nav-item">
<a class="nav-link footer-text" href="{{ path("app_list_product_per_categ", {"type":"gamme-5-etoiles", "id_categorie":5}) }}">Spas {% trans %}<span class="fw-bold" style="color:#048b9a;">5</span> étoiles{% endtrans %}</a>
</li>
<li class="nav-item">
<a class="nav-link footer-text" href="{{ path("app_list_spa") }}">{% trans %}Tous les{% endtrans %} spas</a>
</li>
<li class="nav-item">
<a class="nav-link footer-text" target="_blank" href="https://pieces-detachees.tropicspa.fr/378-accessoire-spa">{% trans %}Accessoires{% endtrans %}</a>
</li>
<li class="nav-item ml-50">
<ul class="navbar-nav ml-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link footer-text" href="{{ path("app_about") }}">{% trans %}Qui sommes nous ?{% endtrans %}</a>
</li>
<li class="nav-item">
<a class="nav-link footer-text" href="{{ path('app_contact') }}">{% trans %}Contact{% endtrans %}</a>
</li>
</ul>
</li>
</ul>
<ul class="navbar-nav ml-auto mb-2 mb-lg-0 position-relative">
<li class="nav-item">
<a class="nav-link hp_comparateur" href="{{ path("app_comparateur") }}">COMPARATEUR</a>
</li>
{% if is_granted('ROLE_CUSTOMER') %}
{% include '_partials/_menus/_account/_customer_menu.html.twig' %}
{% else %}
{% include '_partials/_menus/_account/_customer_access.html.twig' %}
{% endif %}
<li class="nav-item">
<a class="nav-link footer-text position-relative" href="{{ path('app.cart.list') }}"><img height="19px" src="{{ asset("/images/logo/paner_grey.png") }}" alt="logo"><span class="nbr_of_list_offert" data-url="{{ path("app.cart.get-count-cart") }}">0</span></a>
</li>
</ul>
{# <ul class="navbar-nav ml-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link hp_comparateur" href="{{ path("app_comparateur") }}">COMPARATEUR</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link footer-text" href="#" id="dropdownMenuButton1" data-bs-toggle="dropdown"><img src="{{ asset("/images/logo/profil.png") }}" alt="logo"></a>
<ul class="dropdown-menu d-none dropdown-language" aria-labelledby="dropdownMenuButton1">
{% for locale in locales %}
{% if locale != app.request.locale %}
<li><a class="dropdown-item" href="{{ path("app_langue", {'locale':locale}) }}"><span class="me-4"><img height="27px" src="{{ asset('/images/drapeau/'~locale~'.png') }}" alt="{{ locale }}"></span> {{ locale | upper }}</a></li>
{% else %}
<li><a class="dropdown-item active" href="{{ path("app_langue", {'locale':locale}) }}"><span class="me-4"><img height="27px" src="{{ asset('/images/drapeau/'~locale~'.png') }}" alt="{{ locale }}"></span> {{ locale | upper }}</a></li>
{% endif %}
{% endfor %}
</ul>
</li>
<li class="nav-item">
<a class="nav-link footer-text" href="{{ path('app.cart.list') }}"><img src="{{ asset("/images/logo/panier.png") }}" alt="logo"></a>
</li>
</ul> #}
</div>
</div>
</nav>
<div class="mt-4" style="height: 1px;"></div>