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

Open in your IDE?
  1. {% set datas = {
  2.     user_account: {
  3.         0:{
  4.             label: 'header.profil'|trans,
  5.             url: path('client_account',  {'type': 'profil'})
  7.         },
  8.         1:{
  9.             label: 'header.vehicules'|trans,
  10.             url: path('client_account', {'type': 'vehicle'})
  11.         },
  12.         2:{
  13.             label: 'header.history'|trans,
  14.             url: path('client_account', {'type': 'history'})
  15.         },
  16.         3:{
  17.             label: 'header.appointment'|trans,
  18.             url: path('client_account', {'type': 'appointment'})
  19.         },
  20.         4:{
  21.             label: 'header.disconnect'|trans,
  22.             url: path('app_logout')
  23.         },
  24.     }
  25. } %}
  27. <!-- If menu in BO is empty or does not exist -->
  28. <header>
  29.     {% if menus is not defined %}
  30.         Default header
  31.     {% else %}
  32.         <div class="pre-header bg-blue-very-light w-100">
  33.             <div class="container-pre-header container d-flex">
  34.                 <div class="phone">
  35.                     {#
  36.                     <a href="tel:003521234567" class="blue">(+352) 12 34 56-7</a>
  37.                     #}
  38.                 </div>
  39.                 <div class="langs-socials d-flex">
  40.                     <div class="social ml-3 d-flex">
  41.                         <a href="https://www.facebook.com/profile.php?id=100086901712295" target="_blank" class="mr-2 d-flex align-items-center">
  42.                             <img src="{{ asset('img/icons/icon_facebook.svg') }}" class="fb" alt="Facebook">
  43.                         </a>
  44.                         <a href="https://www.youtube.com/channel/UCMcNGTFNplHlMaRy86m3bMw" target="_blank" class="mr-2 d-flex align-items-center">
  45.                             <img src="{{ asset('img/icons/icon_youtube.svg') }}" class="youtube" alt="Youtube">
  46.                         </a>
  47.                         {#
  48.                         <a href="" class="mr-2 ml-2 d-flex align-items-center linkedin"><img src="{{ asset('img/icons/linkedin.svg') }}" alt="linkedin"></a>
  49.                         <a href="" class="ml-2 d-flex align-items-center instagram"><img src="{{ asset('img/icons/instagram.svg') }}" alt="instagram"></a>
  50.                         #}
  51.                     </div>
  53.                     <div class="langs">
  54.                         {% if slug != 'testing' %}
  55.                             {% for code, slug in page.slugs %}
  56.                                 <a href="/{{ code }}/{{ slug }}"
  57.                                     class="ml-2 mr-2 blue text-uppercase {% if locale == code %}langs-bold{% endif %}">{{ code }}</a>
  58.                                 {% if not loop.last %}
  59.                                     |
  60.                                 {% endif %}
  61.                             {% endfor %}
  62.                         {% endif %}
  63.                     </div>
  65.                     {% if is_granted('ROLE_USER') == false %}
  66.                         <a href=" {{ path('client_auth') }}" class="headerlogin">{{ 'header.login'|trans }}</a>
  67.                     {% else %}
  68.                         <div class="headerlogin logged">
  69.                             <a href="{{ datas.user_account.0.url }}" class="user">{{ app.user.username }}</a>
  70.                             <ul class="dropdown">
  71.                                 {% for item in datas.user_account %}
  72.                                     <li class="item">
  73.                                         <a href="{{ item.url }}" class="link">{{ item.label }}</a>
  74.                                     </li>
  75.                                 {% endfor %}
  76.                             </ul>
  77.                         </div>
  78.                     {% endif %}
  80.                 </div>
  81.             </div>
  82.         </div>
  84.     {% set locale = app.request.locale %}
  85.         <nav class="navbar navbar-expand-lg navbar-dark bg-white position-relative" id="menu">
  86.             <div class="w-100 header-menu">
  87.                 <div class="container-pre-header container d-flex pr-5 position-relative">
  88.                     <div class="logo">
  89.                         <a href="/{% if locale == 'de' %}de/home{% endif %}"><img src="{{ asset('img/carfit_logo.svg') }}" alt="Carfit logo"></a>
  90.                     </div>
  91.                     <div class="menu no-responsive">
  92.                         <ul class="navbar-nav">
  93.                             {% for menu in menus %}
  94.                                 {% set pageMenu = twig_service.getPageById(menu.id) %}
  96.                                 {% if pageMenu and pageMenu.slugs[locale] is defined and pageMenu.active %}
  98.                                     {% set label = pageMenu.slug|trans  %}
  99.                                     {% set hide = ''  %}
  100.                                     {% set appointment = app.session.get('appointment')  %}
  101.                                     {% if pageMenu.slug == 'create-appointment' %} {# hide the btn in the appointment context   #}
  102.                                         {%  if app.request.get('_route') == 'appointment_index'
  103.                                             or ( app.request.get('_route') == 'client_auth' and app.request.get('rdv') == true)
  104.                                             or ( app.request.get('_route') == 'appointment_profil')
  105.                                             or ( app.request.get('_route') == 'registration_profil')
  106.                                         %}
  107.                                             {% set hide = 'hide' %}
  108.                                         {% elseif app.session.has('appointment') and appointment.garage|default  %}
  109.                                             {% set label = 'continue-appointment'|trans %} {# show the btn with label 'continue' if the process has been already began   #}
  110.                                         {% endif %}
  111.                                     {% endif %}
  113.                                     <li class="nav-item {% if pageMenu.slugs[locale] == slug %}active{% endif %} mr-4 {{ hide }}">
  114.                                         <a class="nav-link blue-dark"
  115.                                            href="{{ path('front_index_page', {'slug': pageMenu.slugs[locale]}) }}">
  116.                                             {{ label }}
  117.                                         </a>
  118.                                     </li>
  119.                                 {% endif %}
  120.                             {% endfor %}
  121.                         </ul>
  122.                     </div>
  123.                     {#<div id="burgerMenu" class="responsive">
  124.                         <div class="bar"></div>
  125.                         <div class="bar"></div>
  126.                         <div class="bar"></div>
  127.                     </div>#}
  128.                     <div class="burgerBtn" id="burgerBtn">
  129.                         <div class="lineup"></div>
  130.                         <div class="linecntr"></div>
  131.                         <div class="linedn"></div>
  132.                     </div>
  133.                     {#<div id="crossMenu" class="responsive">
  134.                         <img src="{{ asset('img/icons/cross.svg') }}">
  135.                     </div>
  136.                     
  137.                     <div class="chat bg-blue-very-light d-flex justify-content-center align-items-center position-absolute">
  138.                         <img src="{{ asset('img/icons/chat.svg') }}" alt="chat">
  139.                     </div>
  140.                     #}
  142.                 </div>
  143.             </div>
  144.         </nav>
  146.     {% endif %}
  147. </header>