<button class="navbar-toggler p-0 border-0" type="button" data-bs-toggle="offcanvas" aria-label="Toggle navigation">
{# <span class="navbar-toggler-icon"> #}
{# <i class="fa-regular fa-location-crosshairs"></i> #}
<i class="fa-light fa-bars"></i>
{# </span> #}
</button>
<div class="navbar-collapse justify-content-end offcanvas-collapse" id="mainMenu">
<ul class="navbar-nav">
<button class="close-nav" type="button">
<i class="fa-light fa-xmark"></i>
</button>
{% if app.user != null %}
{% if app.user.firstName != null and app.user.lastName != null %}
<li class="nav-item profil_nav responsive-item ms-3"><a href="{{path('marketplace_app_user')}}" class="nav-link">{{app.user.firstName|first|upper}}{{app.user.lastName|first|upper}} </a></li>
{% else %}
<li class="nav-item profil_nav responsive-item ms-3"><a href="{{path('marketplace_app_user')}}" class="nav-link"><img src="{{ asset('build/images/marketplace/user.svg') }}"></a></li>
{% endif %}
{% else %}
<li class="nav-item login_nav responsive-item ms-3"><a href="{{path('app_login_marketplace')}}" class="nav-link"><img src="{{ asset('build/images/marketplace/user.svg') }}"></a></li>
{% endif %}
<li class="nav-item me-2 unresponsive-item"><a href="{{ path('marketplace_app_contact') }}" class="nav-link"><i class="fa-light fa-message"></i> Contact</a></li>
<li class="nav-item big-menu mx-2"><a href="{{ path('marketplace_app_user', {'nav':4}) }}" class="nav-link"><i class="fa-light fa-heart"></i> Favoris</a></li>
{# <li class="nav-item big-menu mx-2"><a href="{{ path('marketplace_app_help') }}" class="nav-link"><i class="fa-light fa-life-ring"></i> Aide</a></li> #}
<li class="nav-item big-menu mx-2"><a href="#" data-bs-toggle="modal" data-bs-target="#helpModal" class="nav-link"><i class="fa-light fa-life-ring"></i> Aide</a></li>
<li class="nav-item big-menu mx-2"><a href="{{ path('marketplace_app_expert_signup') }}" class="nav-link"><i class="fa-light fa-star"></i> Devenir Expert</a></li>
<li class="nav-item big-menu mx-2 unresponsive-item">
<div class="phone-container">
<i class="fa-solid fa-phone me-2"></i>
<p class="phone-title mb-0">Expert prévention santé <br>
<span class="phone-nbr mb-0">01 87 66 52 70</span>
</p>
</div>
</li>
{% if app.user != null %}
{% if app.user.firstName != null and app.user.lastName != null %}
<li class="nav-item profil_nav unresponsive-item ms-3"><a href="{{path('marketplace_app_user')}}" class="nav-link">{{app.user.firstName|first|upper}}{{app.user.lastName|first|upper}} </a></li>
{% else %}
<li class="nav-item profil_nav unresponsive-item ms-3"><a href="{{path('marketplace_app_user')}}" class="nav-link"><img src="{{ asset('build/images/marketplace/user.svg') }}"></a></li>
{% endif %}
{% else %}
<li class="nav-item login_nav unresponsive-item ms-3"><a href="{{path('app_login_marketplace')}}" class="nav-link"><img src="{{ asset('build/images/marketplace/user.svg') }}"></a></li>
{% endif %}
<li class="nav-item me-3 responsive-item"><a href="{{ path('marketplace_app_contact') }}" class="nav-link"><i class="fa-light fa-message"></i> Contact</a></li>
{% if app.user != null %}
<li class="nav-item me-3 mt-5 responsive-item"><a href="{{path('app_logout_marketplace')}}" class="logout-btn"><img src="{{ asset('build/images/marketplace/deco.svg') }}" class="img-menu"> Déconnexion</a></li>
{% endif %}
</ul>
</div>