templates/home/blocks/header.html.twig line 1

Open in your IDE?
  1. <!-- If menu in BO is empty or not exist -->
  2. <header>
  3.     <div class="top-menu bg-red">
  4.         <ul class="d-flex align-items-center justify-content-end w-100 pl-5 pr-5 h-100">
  5.             <li><a class="white pl-5" href="{{ path('front_index_page', {'slug': 'nos-services'}) }}" data-after="Services"><span>Services</span></a></li>
  6.             <li><a class="white pl-5" href="https://www.gastronomie.lu/restaurant-am-bann-leudelange#menu_du_jour" target="_blank" data-after="Restaurants"><span>Restaurant</span></a></li>
  7.             <li><a class="white pl-5" href="{{ path('front_index_page', {'slug': 'jobs'}) }}" data-after="Jobs"><span>Jobs</span></a></li>
  8.             <li><a class="white" href="{{ path('front_index_page', {'slug': 'contact'}) }}" data-after="Contact"><span>Contact</span></a></li>
  9.             
  10.             
  11.             <li class="ml-4">
  12.                 {#
  13.                 {% if page is defined %}
  14.                     <select id="lang2" class="lang bg-red" name="lang">
  15.                         {% for countryCode, slug in page.slugs %}
  16.                             <option {% if page.slugs[locale] is defined and countryCode == locale  %} selected {% endif %} value="{{ app.request.schemeAndHttpHost~'/'~countryCode~'/'~ slug }}">{{ countryCode }}</option>
  17.                         {% endfor %}
  18.                     </select>
  19.                 {% endif %}
  20.                 #}
  22.             </li>
  23.             {#
  24.             <li><a class="white pl-5" href="#" data-after="Restaurant"><span>Restaurant</span></a></li>
  25.             #}
  26.         </ul>
  27.     </div>
  29.     {% if menus is not defined %}
  30.         Default header
  31.     {% else %}
  32.         <nav class="navbar navbar-expand-lg bg-white black">
  33.             <div class="container">
  34.                 <a class="navbar-brand" href="/{{ app.request.getLocale() }}"><img src="{{ asset('img/alvisse_logo.svg') }}" alt="Mobel Alvisse"></a>
  37.                 <div class="burger navbar-toggler" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
  38.                     <div class="lineup" style="transform: translateY(0px) rotate(0deg);"></div>
  39.                     <div class="linecntr" style="transform: scale(1);"></div>
  40.                     <div class="linedn" style="transform: translateY(0px) rotate(0deg);"></div>
  41.                 </div>
  43.                 <!--button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
  44.                     <span class="navbar-toggler-icon"></span>
  45.                 </button-->
  46.                 <div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
  47.                     <ul class="navbar-nav">
  48.                         {% for menu in menus %}
  49.                             {% set pageMenu = twig_service.getPageById(menu.id) %}
  50.                             {% if pageMenu and pageMenu.slugs[app.request.getLocale()] is defined %}
  51.                                 <li class="nav-item active {% if loop.index == 1 %} hidden {% endif %}" >
  52.                                     <a class="nav-link" href="{% if menu.children is not empty %}javascript:void(0);{% else %}{{ path('front_index_page', {'slug': pageMenu.slugs[app.request.getLocale()]}) }}{% endif %}">
  53.                                         {{ pageMenu.name }}
  54.                                     </a>
  56.                                     {% if menu.children is not empty %}
  57.                                     <ul class="subnav-nav hidden">
  58.                                         {% for submenu in menu.children %}
  59.                                             {% set pageMenu2 = twig_service.getPageById(submenu.id) %}
  60.                                             {% if pageMenu2 and pageMenu2.slugs[app.request.getLocale()] is defined %}
  61.                                                 {#{ dump(pageMenu2) }#}
  62.                                                 <li class="subnav-item active" >
  63.                                                     <a class="subnav-link" href="{{ path('front_index_page', {'slug': pageMenu2.slugs[app.request.getLocale()]}) }}">
  64.                                                         {{ pageMenu2.name }}
  65.                                                     </a>
  66.                                                 </li>
  67.                                             {% endif %}
  68.                                         {% endfor %}
  69.                                     </ul>
  70.                                     {% endif %}
  71.                                 </li>
  72.                             {% endif %}
  73.                         {% endfor %}
  75.                         <li class="nav-item search active position-relative">
  76.                             <form method="get" action="{{ path('app_search') }}" id="formSearch">
  77.                                 <img src="{{ asset('img/icons/search.svg') }}" alt="search">
  78.                                 <input type="text" name="search" placeholder="Rechercher">
  79.                             </form>
  80.                         </li>
  81.                     </ul>
  82.                 </div>
  83.                 {#
  84.                 <div>
  85.                     <select id="selectChoice" class="form-control">
  86.                         {% for code, slug in page.slugs %}
  87.                             <option value="/{{ code }}/{{ slug }}" {% if locale == code %}selected{% endif %}>{{ code }}</option>
  88.                         {% endfor %}
  89.                     </select>
  90.                 </div>
  91.                 #}
  92.             </div>
  93.         </nav>
  94.     {% endif %}
  95. </header>