<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="{{ path('app_homepage') }}">{{ appName }}</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="{% trans %}Toggle navigation{% endtrans %}">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
{% if is_granted('IS_AUTHENTICATED_FULLY') %}
<li class="nav-item">
<a class="nav-link" href="#">{% trans %}My profile{% endtrans %}</a>
</li>
{% endif %}
<li class="nav-item">
<a class="nav-link" href="{{ path('support') }}"><i class="fa fa-heart"></i> {% trans %}Support us{% endtrans %}</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">{% trans %}Contact us{% endtrans %}</a>
</li>
</ul>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
{% if is_granted('IS_AUTHENTICATED_FULLY') %}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="user-menu"
role="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fa fa-user"></i> {{ app.user.email }}
</a>
<ul class="dropdown-menu" aria-labelledby="user-menu">
<li>
<a class="dropdown-item" href="{{ path('app_forgot_password_request') }}">
<i class="fa fa-key"></i> {{ 'Reset password' | trans }}
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ path('app_logout') }}"><i class="bi bi-box-arrow-right"></i> {% trans %}Log out{% endtrans %}</a>
</li>
{% else %}
<li class="nav-item">
<a class="nav-link" href="{{ path('login') }}"><i class="bi bi-box-arrow-in-right"></i> {% trans %}Log in{% endtrans %}</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ path('app_register') }}"><i class="bi bi-box-arrow-up"></i> {% trans %}Register{% endtrans %}</a>
</li>
{% endif %}
</ul>
</div>
</div>
</nav>