{% trans_default_domain 'navbar' %}
{% set route = app.request.get('_route') %}

<nav class="navbar navbar-expand-lg bg-dark navbar-dark sticky-top">*
	<img src="{{ asset('build/images/logo.png') }}" alt="logo quali distrib" class="navbar-brand">
	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
		<span class="navbar-toggler-icon"></span>
	</button>
	<div class="collapse navbar-collapse" id="navbarNavDropdown">
		<ul class="navbar-nav col">
			<li class="nav-item ">
				<a class="nav-link nav-link1" href="{{ path('home') }}">
					{{'navbar.accueil'|trans}}
				</a>
			</li>
			<li class="nav-item dropdown ">
				<a class="nav-link dropdown-toggle nav-link2" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></a>
				<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
					<a class="dropdown-item-acceuil" href="{{ path('artisan') }}">
						<section class="section-menu menu-mairie">
							<img src="{{ asset('build/images/artisanv2.jpg') }}" alt="artisan" class="section-img-menu">
							<div class="section-body-menu ">
								<h4 class="section-title-menu user-select-none">{{'nav.itemDropDown_artisan'|trans}}</h4>
								<p class="section-text-menu user-select-none">
									{{'nav.itemDropDown_artisan_desc'|trans}}
								</p>
							</div>
						</section>
					</a>
					<a class="dropdown-item-acceuil" href="{{ path('mairie') }}">
						<section class="section-menu menu-mairie">
							<img src="{{ asset('build/images/MAIRIE_MENU.jpg') }}" alt="maire" class="section-img-menu">
							<div class="section-body-menu ">
								<h4 class="section-title-menu user-select-none">{{'nav.itemDropDown_mayor'|trans}}</h4>
								<p class="section-text-menu user-select-none">
									{{'nav.itemDropDown_mayor_desc'|trans}}
								</p>
							</div>
						</section>
					</a>
					<a class="dropdown-item-acceuil" href="{{ path('consommateur') }}">
						<section class="section-menu menu-mairie">
							<img src="{{ asset('build/images/peoplev2.jpg') }}" alt="consommateur" class="section-img-menu">
							<div class="section-body-menu ">
								<h4 class="section-title-menu user-select-none">{{'nav.itemDropDown_consumer'|trans}}</h4>
								<p class="section-text-menu user-select-none">
									{{'nav.itemDropDown_consumer_desc'|trans}}
								</p>
							</div>
						</section>
					</a>

				</div>
			</li>

			<li class="nav-item">
				<a class="nav-link nav-border" href="{{ path('pourquoi_nous') }}">{{'nav.item_about_us'|trans}}</a>
			</li>
			<li>
				<a class="nav-link nav-border" href="{{ path('offres') }}">{{'nav.item_deals'|trans}}</a>
			</li>
			<li class="nav-item">
				<a class="nav-link nav-border" href="{{ path('blog') }}">{{'nav.item_blog'|trans}}</a>
			</li>
			<li>
				<a class="nav-link nav-border" href="{{ path('serviceVIP') }}">{{'nav.item_vipservice'|trans}}</a>
			</li>
			<li class="nav-item">
				<a class="nav-link nav-border" href="{{ path('innovation') }}">{{'nav.item_innovation'|trans}}</a>
			</li>
			<li class="nav-item">
				{% for locale in locales %}
					{% if locale != app.request.locale %}
						{% if locale == "fr" %}
							<a href="{{ path('change_locale', {'locale': locale}) }}" class="nav-link nav-border"><img src="{{ asset("build/images/flags/fr.png") }}" alt=" French flag"></a>
						{% else %}
							<a href="{{ path('change_locale', {'locale': locale}) }}" class="nav-link nav-border"><img src="{{ asset("build/images/flags/en.png") }}" alt=" English flag"></a>
						{% endif %}

					{% endif %}
				</li>

			{% endfor %}

		</ul>
		<form class="form-inline my-2 my-lg-0 col-1 formContact">
			<div class="dropdown">
				<button class="btn btn-contact " id="dropdownMenuButton" type="button" role="button" data-toggle="dropdown" aria-haspopup="true">
					<span class="btn-text">{{'nav.contact'|trans}}
					</span>
					<i class="arrow down"></i>
				</button>
				<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
					<p>{{'nav.phone'|trans}}<br>
						03 27 76 46 36</p>
					<p style="font-size: 16px">{{'nav.email'|trans}}<br>
						contact@qualidistrib.fr</p>
				</div>
			</div>
		</form>
	</div>
</nav>