{% trans_default_domain 'front_ec_international' %}

{% set template = configuration.template %}
{% set links = tree.main is defined ? tree.main : [] %}
{% set microDataActive = website.seoConfiguration.microData %}
{% set i18nUrlQuotation = mainPages['demande-de-devis'] is defined ? mainPages['demande-de-devis']|i18nUrl : null %}
{% set i18nUrlCustomer = mainPages['customer'] is defined ? mainPages['customer']|i18nUrl : null %}

{% if links %}

    <div id="header" class="">
        {# ********************  top header  *****************************#}
        <div class="row no-gutters">
            <div class="col-3 col-md-4 d-flex">
                <button class="ecm-menu-toggler">
                    <span class="menu-toggler-icon"></span>
                    <span class="menu-toggler-text">{{ "menu"|trans|raw }}</span>
                </button>
                {% set networks = logos['social-networks'] is defined and logos['social-networks'] ? logos['social-networks'] : null %}
                {% if networks and networks['linkedin'] %}

                        <a rel="noopener" target="_blank" href="{{ networks['linkedin']['link'] }}" class="d-none d-lg-block linkedin_header">
                            <?xml version="1.0" encoding="utf-8"?>

                            <svg version="1.1" id="Calque_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
                                 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                 width="80px" height="80px"
                                 viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve">
<style type="text/css">
    .st0 {
        fill: #63717A;
    }
</style>
                                <metadata>
                                    <sfw xmlns="&ns_sfw;">
                                        <slices></slices>
                                        <sliceSourceBounds bottomLeftOrigin="true" height="76.1" width="76.1" x="2.3"
                                                           y="2.1"></sliceSourceBounds>
                                    </sfw>
                                </metadata>
                                <g>
                                    <path class="st0" d="M65.7,62h-9.5V44.3c0-10.7-12.7-9.9-12.7,0V62H34V27.2h9.5v5.6c4.4-8.2,22.2-8.8,22.2,7.8V62z M22.9,23.2
		c-3.1,0-5.5-2.5-5.5-5.6c0-3.1,2.5-5.6,5.5-5.6s5.5,2.5,5.5,5.6C28.5,20.7,26,23.2,22.9,23.2 M27.7,62h-9.5V27.2h9.5V62z M62.5,1.8
		H18.2C9.4,1.8,2.3,8.9,2.3,17.7V62c0,8.7,7.1,15.8,15.8,15.8h44.4c8.8,0,15.8-7.1,15.8-15.8V17.7C78.4,8.9,71.3,1.8,62.5,1.8"/>
                                </g>
</svg>
                        </a>
                {% endif %}

                <div class="z-index-1 position-relative d-none d-md-block">
                    <ul class="language-dropdown header">
                        {% if localesRoutes[app.request.locale] is defined %}
                            <li class="toggler-container">
                                <a class="language-dropdown-toggler" href="{{ localesRoutes[app.request.locale] }}"
                                        {% if microDataActive %} itemprop="availableLanguage" itemscope itemtype="http://schema.org/Language"{% endif %}>
                                    {{ app.request.locale|upper }}
                                    {% if microDataActive %}
                                        <span itemprop="name"
                                              class="d-none">{{ app.request.locale|languageName }}</span>
                                    {% endif %}
                                </a>
                            </li>
                        {% endif %}
                        {% for locale in configuration.onlineLocales %}
                            {% if locale != app.request.locale and localesRoutes[locale] is defined %}
                                <li {% if microDataActive %} itemprop="availableLanguage" itemscope itemtype="http://schema.org/Language"{% endif %}>
                                    <a href="{{ localesRoutes[locale] }}">
                                        {{ locale|upper }}
                                        {% if microDataActive %}
                                            <span itemprop="name" class="d-none">{{ locale|languageName }}</span>
                                        {% endif %}
                                    </a>
                                </li>
                            {% endif %}
                        {% endfor %}
                    </ul>
                    <a class="go-home" href="{{ app.request.getSchemeAndHttpHost() }}">
                        <span class="d-none d-lg-inline font-weight-bold">{{ 'Accueil'|trans|raw }}</span>
                    </a>
                </div>
            </div>
            <div class="col-9 col-md-4  d-flex justify-content-center align-items-center">
                <div class="main-logo-container">
                    {% if logo %}
                        <a id="logo" class="navbar-brand" href="{{ app.request.getSchemeAndHttpHost() }}"
                           data-toggle="preloader">
                            <img data-src="{{ logo }}"
                                 src="{{ asset('build/vendor/images/lazy-point.svg', 'vendor') }}"
                                 id="main-navigation-logo"
                                 class="img-fluid lazyload"
                                 title="{{ companyName }}"
                                 alt="{{ companyName }}"
                                 width="80"
                                 height="80"/>
                        </a>
                    {% endif %}
                </div>
            </div>
            <ul id="header-right-side"
                class="col-md-4 d-none d-lg-flex justify-content-lg-end align-items-lg-center align-items-end flex-xl-row flex-column">
                {% if i18nUrlQuotation %}
                    <li{% if microDataActive %} itemscope="itemscope" itemtype="http://www.schema.org/SiteNavigationElement"{% endif %}>
                        <a href="{{ path('front_index', {'url': i18nUrlQuotation}) }}"
                           class="icon-file header-link"{% if microDataActive %} itemprop="url"{% endif %}>{{ "header-Demander votre devis"|trans|raw }}
                        </a>
                    </li>
                {% endif %}
                {% if i18nUrlCustomer %}
                    <li{% if microDataActive %} itemscope="itemscope" itemtype="http://www.schema.org/SiteNavigationElement"{% endif %}>
                        <a href="{{ path('front_index', {'url': i18nUrlCustomer}) }}" target="_blank"
                           class="header-link icon-client"{% if microDataActive %} itemprop="url"{% endif %}>{{ "header-Espace client"|trans|raw }}
                        </a>
                    </li>
                {% endif %}
            </ul>
        </div>
        {# **********************  end  *****************************#}

        {# ********************  bottom header  *****************************#}
        <div class="ec-header-menu row no-gutters">
            <div class="mobile-top-menu d-flex d-md-none justify-content-around align-items-end bg-secondary">
                <div class="language-wrapper">
                    <ul class="language-dropdown">
                        <li class="toggler-container">
                            <a class="language-dropdown-toggler" href="#">{{ app.request.locale|upper }}</a>
                        </li>
                        {% for locale in configuration.onlineLocales %}
                            {% if locale != app.request.locale and localesRoutes[locale] is defined %}
                                <li><a href="{{ localesRoutes[locale] }}">{{ locale|upper }}</a></li>
                            {% endif %}
                        {% endfor %}
                    </ul>
                </div>
                {% if i18nUrlQuotation %}
                    <a href="{{ path('front_index', {'url': i18nUrlQuotation}) }}"
                       class="header-link icon-file">{{ "Demande de devis"|trans|raw }}</a>
                {% endif %}
                {% if i18nUrlCustomer %}
                    <a href="{{ path('front_index', {'url': i18nUrlCustomer}) }}" target="_blank"
                       class="header-link icon-client">{{ "Espace client"|trans|raw }}</a>
                {% endif %}
            </div>

            <div class="left-menu">
                <div class="inner-menu">
                    <ul id="ecm-tab-selector-wrapper">
                        {% for link in links %}
                            {% set infos = link|linkMenu(tree) %}
                            {% set pushMicroData = microDataActive and not infos.externalLink %}
                            {% if infos.online %}
                                {% if infos.children %}
                                    <li class="tab-selector-container ecm-desktop">
                                        <a href="javascript:;" class="tab-selector-link ecm-link ecm-desktop"
                                           data-ecm-tab-child-id="{{ link.getId }}">{{ infos.title }}
                                        </a>
                                    </li>
                                {% else %}
                                    <li class="tab-selector-container empty ecm-desktop"{% if pushMicroData %} itemscope="itemscope" itemtype="http://www.schema.org/SiteNavigationElement"{% endif %}>
                                        <a href="{{ infos.path }}"
                                           class="{% if infos.active %}ecm-active {% endif %} tab-selector-link ecm-link"{% if pushMicroData %} itemprop="url"{% endif %}>
                                            {% if pushMicroData %}<span
                                                    itemprop="name">{% endif %}{{ infos.title }}{% if pushMicroData %}</span>{% endif %}
                                        </a>
                                    </li>
                                {% endif %}
                            {% endif %}
                        {% endfor %}
                    </ul>
                    <div class="ecm-tabs-wrapper">
                        {% include "front/" ~ template ~ "/actions/menu/ecmenu-elem.html.twig" with {'links': links, 'template': template} %}
                    </div>
                </div>
            </div>
            <div class="right-menu bg-secondary">
                <div class="inner-menu">
                    {% if i18nUrlCustomer %}
                        <a href="{{ path('front_index', {'url': i18nUrlCustomer}) }}" target="_blank"
                           class="push-link btn-customer-area icon-client">{{ "Espace client"|trans|raw }}
                        </a>
                    {% endif %}
                    {% if i18nUrlQuotation %}
                        <a href="{{ path('front_index', {'url': i18nUrlQuotation}) }}"
                           class="push-link btn-quotation icon-file">{{ "Demander votre devis"|trans|raw }}</a>
                    {% endif %}
                    <a href="{{ "url-envoi-de-fichier"|trans|raw }}" class="push-link btn-file-send icon-we"
                       target="_blank">{{ "Envoi de fichiers"|trans|raw }}
                    </a>
                    {% set requestPhone = phones.locales[app.request.locale].header[0] is defined ? phones.locales[app.request.locale].header[0] : null %}
                    {% set defaultPhone = phones.locales[configuration.locale].header[0] is defined ? phones.locales[configuration.locale].header[0] : null %}
                    {% set phone = requestPhone ? requestPhone : defaultPhone %}
                    {% if phone %}
                        <a href="tel:{{ phone.tagNumber }}"
                           class="push-link btn-contact-phone icon-phone">{{ phone.number }}
                        </a>
                    {% endif %}
                    <div class="push-accroche mt-4">
                        {{ "header-<span>Prototypage</span> <br> <span>Pré</span> & <span>Petites Séries</span> <br> Plastique & Métal"|trans|raw }}
                    </div>
                </div>
            </div>
        </div>
        {# **********************  end  *****************************#}
    </div>
{% endif %}