{% if objetsBeforeMenu is defined %}
	{% for beforeMenuObjet in objetsBeforeMenu %}
		{{ beforeMenuObjet.html|objetChar|raw }}
	{% endfor %}
{% endif %}

{% for beforeMenuObjetg in objetsGBeforeMenu %}
	{{ beforeMenuObjetg.html|objetChar|raw }}
{% endfor %}

{% if objetsHeader is defined %}
	{% for headerObjet in objetsHeader %}
		{{ headerObjet.html|objetChar|raw }}
	{% endfor %}
{% endif %}

{% for headerObjetg in objetsGHeader %}
	{{ headerObjetg.html|objetChar|raw }}
{% endfor %}

<div class="header-wrapper">
	<div id="progress-bar"></div>
	<header class="header">
		<div class="container">
			<div class="header-content">

				<a href="{{ path('home') }}" class="header-brand">
					<img class="logo-img" src="{{ projectConfig.logo }}">
				</a>

				<nav id="nav" class="navbar navbar-expand-lg container">
					<div class="collapse navbar-collapse" id="navbarSupportedContent">
						<ul class="navbar-nav me-auto mb-2 mb-lg-0">
							<li class="nav-item d-none d-lg-block home-nav-item">
								<a class="nav-link" href="{{ path('home') }}">
									Accueil
								</a>
							</li>
							{{ htmlMenu|removeVar|raw }}
							{% if isenabled('Articles') %}
								{{ articleMenu|removeVar|raw }}
							{% endif %}
							{% if isenabled('Produit') %}
								<li class="nav-item">
									<a class="nav-link" href="{{ path('app_famille') }}">Catalogue</a>
								</li>
							{% endif %}
							{% if isenabled('Marque') %}
								<li class="nav-item">
									<a class="nav-link" href="{{ path('app_marque') }}">Marque</a>
								</li>
							{% endif %}
							{% if isenabled('Contact') %}
								{{ contactMenu|removeVar|raw }}
							{% endif %}
						</ul>
					</div>
				</nav>

				<a class="search-btn" href="{{ path('search-form') }}">
					<i class="bi bi-search"></i>
				</a>

				<a class="d-lg-none" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
					<i class="bi bi-list fs-2"></i>
				</a>

			</div>
		</div>
	</header>
</div>

{% for afterMenuObjetg in objetsGAfterMenu %}
	{{ afterMenuObjetg.html|objetChar|raw }}
{% endfor %}

{% if objetsAfterMenu is defined %}
	{% for afterMenuObjet in objetsAfterMenu %}
		{{ afterMenuObjet.html|objetChar|raw }}
	{% endfor %}
{% endif %}