{% set parametre = site_parameters.getParameters() %}
{% set target = ['','_top','_new','_self','_blank','_parent'] %}
{% import _self as macros %}
<header class="modele-header-4 {{className}} {% if theme_option.headerbgtransparent %}transparent{% endif %}">
<div class="header-principal">
<div class="container-fluid content-wrapper">
<div class="item-header row d-flex justify-content-between align-items-center">
<div class="bloc-header-1 col col-lg-auto">
<a href="{{app.request.schemeAndHttpHost ~ app.request.baseUrl}}" class="logo_h">
<div class="logo">
{% if theme_option.headerbgtransparent and parametre.imageheader is not empty %}
<img class="img-logo" src="{{asset('/uploads/media-site/'~ parametre.image)}}" alt="{{parametre.titre}}" width="173" height="166" fetchpriority="high">
{% elseif parametre.image is not empty %}
<img src="{{asset('/uploads/media-site/'~ parametre.image)}}" alt="{{parametre.titre}}" width="173" height="166" fetchpriority="high">
{% endif %}
</div>
</a>
</div>
<div class="item-menu-header col-auto d-flex justify-content-center align-items-center order-3 me-lg-4">
<div class="bloc-header-2 col-auto">
<div class="lists-items-header d-flex justify-content-end align-items-center flex-wrap" itemscope="">
{% if socials is defined and socials is not empty %}
<div class="socials-items d-sm-flex d-none">
<div class="socials d-none">
{% for item in socials %}
{% if item.type == 1 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank">
<i class="fa-brands fa-facebook-f"></i>
</a>
{% elseif item.type == 2 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank">
<i class="fa-brands fa-x-twitter"></i>
</a>
{% elseif item.type == 3 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank">
<i class="fa-brands fa-instagram"></i>
</a>
{% elseif item.type == 4 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank">
<i class="fa-brands fa-linkedin-in"></i>
</a>
{% elseif item.type == 5 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank">
<i class="fa-brands fa-youtube"></i>
</a>
{% elseif item.type == 6 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank">
<i class="fa-brands fa-pinterest"></i>
</a>
{% elseif item.type == 7 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank">
<i class="fa-brands fa-tiktok"></i>
</a>
{% endif %}
{% endfor %}
</div>
</div>
{% endif %}
{% set phones = unserialize(contacts[0].tel) %}
{% for key,item in phones %}
<div class="item-tel-header d-none me-2">
<a href="tel:{{stripNonNumeric(item)}}" class="tel phone-link" rel="nofollow">
<i class="fa-solid fa-phone mr-2 "></i>
<span>{{item}}</span>
</a>
</div>
{% endfor %}
<div class="cta bouton1-header d-sm-flex d-none me-lg-4">
<button class="btn-header btn-theme" onclick="window.location.href = '{{resolveInternalSlugLink(4)}}';" title="{{ 'label.contact'|trans([],'textes') }}">{{ 'label.contact'|trans([],'textes') }}</button>
</div>
{% if parametre.actifbarserach %}
<div class="dropdown search-bar">
<button class="btn btn-outline-secondary" type="button" id="searchDropdown" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fas fa-search"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end p-3" aria-labelledby="searchDropdown">
<form class="d-flex" role="search" action="{{path('page',{slug:'search'})}}" method="GET">
<input class="form-control me-2" type="search" name="search_keywords" placeholder="Rechercher..." aria-label="Rechercher">
<button class="btn btn-theme" type="submit">Rechercher</button>
<button class="btn btn-dark btn-mobile" type="submit">
<i class="fas fa-search"></i>
</button>
</form>
</ul>
</div>
{% endif %}
{% if parametre.actifswitchlang %}
<div class="switch-lang-mobile d-lg-block">
{{ include ('theme/'~ app.request.server.get('APP_THEME') ~'/partials/_locale.html.twig',{}, with_context = false)}}
</div>
{% endif %}
</div>
</div>
<div class="d-flex justify-content-center align-items-center box-menu me-lg-5">
<div>
<span class="title-menu d-none d-md-block">{{ 'label.menu'|trans([],'textes') }}</span>
</div>
<div class="d-flex flex-column align-items-center justify-content-center gap-1">
<div class="burger-menu" id="burger-menu">
<span class="line line1"></span>
<span class="line line2"></span>
<span class="line line3"></span>
</div>
</div>
{% if menu_right is defined and menu_right is not empty %}
<nav class="primary-nav menu" id="menu">
<div class="cta-mobile bouton1-header d-block">
<button class="btn-theme btn-header btn-nav" onclick="window.location.href = '{{resolveInternalSlugLink(4)}}';" title="{{ 'label.contact'|trans([],'textes') }}">{{ 'label.contact'|trans([],'textes') }}</button>
</div>
<ul>
{{ macros.render_menu(menu_right, theme_option.actificonesnavigation, target) }}
</ul>
{% if socials is defined and socials is not empty %}
<div class="socials-items d-none ">
<div class="socials">
{% for item in socials %}
{% if item.type == 1 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank">
<i class="fa-brands fa-facebook-f"></i>
</a>
{% elseif item.type == 2 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank">
<i class="fa-brands fa-x-twitter"></i>
</a>
{% elseif item.type == 3 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank">
<i class="fa-brands fa-instagram"></i>
</a>
{% elseif item.type == 4 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank">
<i class="fa-brands fa-linkedin-in"></i>
</a>
{% elseif item.type == 5 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank">
<i class="fa-brands fa-youtube"></i>
</a>
{% elseif item.type == 6 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank">
<i class="fa-brands fa-pinterest"></i>
</a>
{% elseif item.type == 7 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank">
<i class="fa-brands fa-tiktok"></i>
</a>
{% endif %}
{% endfor %}
</div>
</div>
{% endif %}
{% set phones = unserialize(contacts[0].tel) %}
{% for key,item in phones %}
<div class="item-tel-header mb-2 d-none ">
<a href="tel:{{stripNonNumeric(item)}}" class="tel phone-link" rel="nofollow">
<i class="fa-solid fa-phone mr-2 "></i>
<span>{{item}}</span>
</a>
</div>
{% endfor %}
</nav>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</header>
{% macro render_menu(menu_items, use_icons, target) %}
{% for menu in menu_items %}
<li>
<a title="{{ menu.title }}" href="{{ menu.path }}" {% if menu.nofollow %} rel="nofollow" {% endif %} target="{{ target[menu.target] }}" {% if menu.child is defined and menu.child is not empty %} class="toggle-submenu" {% endif %}>
{% if use_icons %}
{% if menu.icone %}
<img src="{{ menu.icone }}" alt="{{ menu.title }}" class="icone"/>
{% endif %}
{% if menu.icone_hover %}
<img src="{{ menu.icone_hover }}" alt="{{ menu.title }}" class="picto-hover"/>
{% endif %}
{% endif %}
{{ menu.title }}
</a>
{% if menu.child is defined and menu.child is not empty %}
<ul class="submenu">
{{ _self.render_menu(menu.child, use_icons, target) }}
</ul>
{% endif %}
</li>
{% endfor %}
{% endmacro %}