<!-- ========== HEADER ========== -->
<header id="header"
class="navbar navbar-expand-lg navbar-end navbar-sticky-top navbar-light p-0 {% if isOrlWebsite() %}nav-orl {% endif %}{% if transparent is not defined or transparent == false %}bg-white {% endif %}">
<div class="{% if container is not defined or (container is defined and container == true) %}container{% else %}container-fluid px-lg-10{% endif %} py-2">
<nav class="js-mega-menu navbar-nav-wrap">
<!-- Logo -->
{% if noLink is not defined or (noLink is defined and noLink == false) %}
<a class="navbar-brand"
href="{% if isWhiteLabel() %}{{ path('whitelabel_homepage') }}{% elseif isOrlWebsite() %}{{ path('orl_homepage') }}{% else %}{{ path('home') }}{% endif %}"
aria-label="{% if isWhiteLabel() %}Depistage-auditif.fr{% elseif isOrlWebsite() %}annuaire-orl.com{% else %}Mon Centre Auditif{% endif %}">
{% endif %}
<img class="navbar-brand-logo" width="12" style="max-width: 12rem;"
src="{% if isWhiteLabel() %}{{ asset('build/whitelabel/images/logo_depistage_auditif.png') }}{% elseif isOrlWebsite() %}{{ asset('build/orl/images/logo_orl.svg') }}{% else %}{{ asset('/build/mca_logo_horizontal.png') }}{% endif %}"
alt="{% if isWhiteLabel() %}Depistage-auditif.fr{% elseif isOrlWebsite() %}annuaire-orl.com{% else %}Mon Centre Auditif{% endif %}">
{% if noLink is not defined or (noLink is defined and noLink == false) %}
</a>
{% endif %}
<!-- End Logo -->
{% if hideNavigation is not defined and not isWhiteLabel() and not isOrlWebsite() %}
<!-- Toggler -->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-default">
<i class="bi-list"></i>
</span>
<span class="navbar-toggler-toggled">
<i class="bi-x"></i>
</span>
</button>
<!-- End Toggler -->
<!-- Collapse -->
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="{{ path('home') }}">Accueil</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ path('blog_post_all') }}">Blog</a>
</li>
<li class="nav-item pl-2 text-center">
<a class="btn btn-sm btn-primary btn-transition" href="{{ path('lp_freelancer') }}">
Espace Pro
</a>
</li>
</ul>
</div>
<!-- End Collapse -->
{% endif %}
</nav>
</div>
</header>
<!-- ========== END HEADER ========== -->