<header class="position-fixed nav-web content-nav r-0 zi-999 t-0 l-0 bgc-white"> <div class="position-absolute zi-999 bgc-15683A skew wi-110 r--28 h-100 t-0"></div> <div class="d-flex align-items-center pat-15 pal-45 par-110"> <a class="navbar-brand par-34 mar-0" href="{{ path('front_landing') }}"> <img src="{{ asset('assets/img/logo.svg') }}" alt="Facomia" height="72" class=""/> </a> <div class="col pax-0"> <div class="d-flex justify-content-end align-items-center mab-15 "> <div class="bgc-15683A c-white c-15683A-h c bgc-F7F6F2-h pax-5 skew-custom c-white"> <i class="fa-solid fa-phone d-inline-block pal-10"></i> <a href="tel:+33474972537" class="c-inherit d-inline-block pa-10">04 74 97 25 37</a> </div> <div class="bgc-15683A c-white c-15683A-h bgc-F7F6F2-h pax-5 skew-custom c-white max-30"> <i class="fa-solid fa-at d-inline-block pal-10"></i> <a class="c-inherit d-inline-block pa-10 "href="javascript:window.location.href = 'mailto:' + ['facomia.sarl','facomia.com'].join('@')"> {{ "facomia.sarl<!---->@<!---->facomia.com" }} </a> </div> <div class="skew bc-15683A bw-2 bs-solid pa-3 bgc-white"> <div class="skew-text d-flex align-items-center "> {% if managedLocales|length > 1 %} {% for key, managedLocale in managedLocales %} {% set params = app.request.get('_route_params') %} {% set params = params | filter((v, k) => k != '_locale') %} <div class="{{ app.request.locale == managedLocale ? 'bgc-15683A c-white c-15683A-h bgc-F7F6F2-h' : "bgc-white c-333333 c-white-h bgc-15683A-h" }} skew-custom max-10"> <a class="text-center d-flex c-inherit pax-10 text-uppercase {{ app.request.locale == managedLocale ? 'fw-600' : "fw-600" }} text-md-left nav-link" href="{{ path('front_change_language', {'locale':managedLocale, "routeName":app.request.get('_route')})~"?"~params|url_encode }}"> <img src="{{ asset('assets/img/'~managedLocale~'.svg') }}" class="mar-4 br-20 bw-2 bc-white bs-solid" alt="drapeau {{ managedLocale }} "/> {{ managedLocale }} </a> </div> {% endfor %} {% endif %} </div> </div> </div> <nav class="d-flex align-items-center"> <ul class="navbar-nav bgc-F7F6F2 w-100 align-items-center skew-custom justify-content-around pax-5"> {% for key, category in getCategories()|slice(0, 3) %} <li class="{% if getSubCategories(category)|length and category.isChaine %}dropdown{% endif %} nav-item max-20"> <a type="button" class="text-center text-md-left c-244A90-h c-1E2446 nav-link " {% if getSubCategories(category)|length and category.isChaine %}href="#" {% else %} href="{{ path('front_products', {'catSlug':category.slug}) }}"{% endif %}> {{ category.title }} {% if getSubCategories(category)|length and category.isChaine %} <i class="fas fa-chevron-down mal-4"></i> {% endif %} </a> {% if getSubCategories(category)|length and category.isChaine %} <div class="dropdown-menu overflow-hidden skew px-0 pay-16" aria-labelledby="navbarDropdown"> {% for key, subCategory in getSubCategories(category) %} <a class="dropdown-item skew-text skew-custom c-1E2446 c-244A90-h" href="{{ path('front_products', {'catSlug':category.slug, "subCatSlug":subCategory.slug}) }}"> {{ subCategory.title }} </a> {% endfor %} </div> {% endif %} </li> {% endfor %} {% for key, linkNav in getLinksNav() %} {% if linkNav is not iterable %} <li class="nav-item max-20"> <a class="text-center {{ (currentPage is defined and currentPage == key) ? 'active' }} text-md-left c-244A90-h c-1E2446 nav-link" href="{{ linkNav }}"> {{ key }} </a> </li> {% else %} <li class="nav-item dropdown"> <a class="nav-link c-1E2446 {{ (currentPage is defined and currentPage == key) ? 'active' }} c-244A90-h" href="#" id="navbarDropdown" type="button"> {{ key }} <i class="fas fa-chevron-down mal-4"></i> </a> <div class="dropdown-menu px-0 pay-16" aria-labelledby="navbarDropdown"> {% for subKey, subLink in linkNav %} <a class="dropdown-item c-1E2446 c-244A90-h" href="{{ subLink }}"> {{ subKey }} </a> {% endfor %} </div> </li> {% endif %} {% endfor %} </ul> </nav> </div> </div></header>