<div id="top" >
<nav class="navbar navbar-expand">
<div class="container-fluid">
{% if is_granted('IS_IMPERSONATOR') %}
<div class="d-flex justify-content-center">
<a class="btn btn-dark py-1" href="{{ impersonation_exit_path(path('app_stock_index')) }}">Exit masquerade</a>
</div>
{% endif %}
<ul class="navbar-nav ms-auto gap-1 gap-md-2">
<li class="nav-item dropdown app.request.locale dropdown-language {{ app.request.locale }}">
<a class="nav-link dropdown-toggle text-uppercase btn btn-sm btn-outline-primary d-flex align-items-center" href="#" id="dropdown-language" role="button"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="/img/{{ app.request.locale }}.svg" class="me-2 " />
{{ app.request.locale|locale_name(app.request.locale) }}
</a>
<ul class="dropdown-menu dropdown-menu-right " aria-labelledby="dropdown-language">
{# <li><a class="dropdown-item" href="{{ path('app_app', {_locale: 'en'}) }}">English</a></li>#}
<li><a class="dropdown-item" href="{{ path('app_app', {_locale: 'fr'}) }}">Français</a></li>
<li><a class="dropdown-item" href="{{ path('app_app', {_locale: 'es'}) }}">Español</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link btn btn-sm btn-outline-primary text-uppercase" href="https://bak2.com/contact/">{{ "Contact"|trans }}</a></li>
{% if app.request.locale=='es' %}
<li class="nav-item"><a class="nav-link btn btn-sm btn-outline-primary text-uppercase" href="tel:{{ contact_phone_es }}">{{ contact_phone_es }}</a></li>
{% else %}
<li class="nav-item"><a class="nav-link btn btn-sm btn-outline-primary text-uppercase" href="tel:{{ contact_phone_fr }}">{{ contact_phone_fr }}</a></li>
{% endif %}
</ul>
</div>
</nav>
</div>