templates/partials/header.html.twig line 1

Open in your IDE?
  1. <header class="container-fluid header">
  2.     <nav class="navbar">
  3.         <button class="burger">
  4.             <span class="visually-hidden">Toggle menu</span>
  5.         </button>
  6.         <div class="logo"><img src="{{ absolute_url( asset('build/images/icons/LOGO.svg') ) }}" alt="Logo"></div>
  7.         {% if app.user %}
  9.             <button class="login-button">
  10.                 <div style="background-image:url('{{ absolute_url( asset('build/images/icons/person.svg') ) }}');"></div>
  11.                 <span>{{ app.user.email}}</span>
  12.                 <i class="bi bi-chevron-down"></i>
  13.                 <ul class="account-dropdown">
  14.                     <li class="account-dropdown-item">
  15.                         <a href="{{ path('profile_orders', { '_locale': app.request.getLocale() }) }}"><img src="{{ absolute_url( asset('build/images/icons/myreservation.svg') ) }}" alt=""><span>{{ 'pages.account.reservations'|trans }}</span>
  16.                         </a>
  17.                     </li>
  18.                     <li class="account-dropdown-item">
  19.                         <a href="{{ path('profile_edit', { '_locale': app.request.getLocale() }) }}"><img src="{{ absolute_url( asset('build/images/icons/settings.svg') ) }}" alt=""><span>{{ 'pages.account.settings'|trans }}</span>
  20.                         </a>
  21.                     </li>
  22.                     <li class="account-dropdown-item">
  23.                         <a href="{{ path('web_logout') }}"><img src="{{ absolute_url( asset('build/images/icons/logout.svg') ) }}" alt=""><span>{{ 'pages.account.logout'|trans }}</span>
  24.                         </a>
  25.                     </li>
  26.                 </ul>
  27.             </button>
  28.         {% else %}
  29.             <div class="buttons-wrapper sign-buttons">
  30.                 <a class="signin-button signin-white-button" href="/{{ app.request.getLocale() }}/signin" style="color:#fff;">{{ 'pages.account.login'|trans }}</a>
  31.                 <a class="create-account-button" href="/{{ app.request.getLocale() }}/registration">
  32.                     <span>{{ 'pages.account.create'|trans }}</span>
  33.                 </a>
  34.             </div>
  36.         {% endif %}
  37.         {{ sonata_block_render({type: 'block.langMenu'}) }}
  38.         <ul class="menu">
  39.             <li class="menu-item">
  40.                 <a href="{{ path('app_homepage') }}" role="button" class="">
  41.                     <span class="visually-hidden">Logo</span>
  42.                     <img src="{{ absolute_url( asset('build/images/icons/LOGO.svg') ) }}" alt="Logo"></a>
  43.             </li>
  44.             {% if app.request.locale == 'en' %}
  45.                 <li class="menu-item dropdown">
  46.                     <a title="Transfers" class="menu-item-link">
  47.                         Transfers
  48.                     </a>
  49.                     <ul class="dropdown-content" style="width:260px;">
  50.                         <li class="dropdown-content-item">
  51.                             <a href="/en/transfer/pico" title="Transfer to Pico do Arieiro">
  52.                                 Transfer to Pico do Arieiro
  53.                             </a>
  54.                         </li>
  55.                         <li class="dropdown-content-item">
  56.                             <a href="/en/transfer/rabacal" title="Transfer to Rabaçal">
  57.                                 Transfer to Rabaçal
  58.                             </a>
  59.                         </li>
  60.                         <li class="dropdown-content-item">
  61.                             <a href="/en/transfer/fanal" title="Transfer to Fanal Forest">
  62.                                 Transfer to Fanal Forest
  63.                             </a>
  64.                         </li>
  65.                         <li class="dropdown-content-item">
  66.                             <a href="/en/transfer/sunrise-transfer-to-pico-do-arieiro" title="Sunrise transfer to Pico do Arieiro">
  67.                                 Sunrise transfer to Pico do Arieiro
  68.                             </a>
  69.                         </li>
  70.                     </ul>
  71.                 </li>
  72.             {% endif %}
  73.             <li class="menu-item">
  74.                 <a href="{{ path('app_bus_stop') }}" title="Bus stops" class="menu-item-link">
  75.                     {{ 'pages.menu.busStops'|trans }}
  76.                 </a>
  77.             </li>
  78.             {% if app.request.locale == 'en' %}
  79.                 <li class="menu-item">
  80.                     <a href="/en/travel-info" title="Travel info" class="menu-item-link">
  81.                         Travel info
  82.                     </a>
  83.                 </li>
  84.             {% endif %}
  85.             {% if app.request.locale == 'en' %}
  86.                 <li class="menu-item">
  87.                     <a href="/en/hike-trails" title="Hike trails" class="menu-item-link">
  88.                         Hike trails
  89.                     </a>
  90.                 </li>
  91.             {% endif %}
  92.             {% if app.request.locale == 'en' %}
  93.                 <li class="menu-item">
  94.                     <a href="/en/outdoor-safety" title="Before your trip" class="menu-item-link">
  95.                         Before your trip
  96.                     </a>
  97.                 </li>
  98.             {% endif %}
  99.             <li class="menu-item">
  100.                 <a href="{{ path('app_inspirations') }}" title="Inspirations" class="menu-item-link">
  101.                     {{ 'pages.menu.inspirations'|trans }}
  102.                 </a>
  103.             </li>
  104.             <li class="menu-item dropdown">
  105.                 <a title="About us" class="menu-item-link">
  106.                     Info
  107.                 </a>
  108.                 <ul class="dropdown-content">
  109.                     <li class="dropdown-content-item">
  110.                         <a href="{{ path('app_faq') }}" title="FAQ">
  111.                             {{ 'pages.menu.faq'|trans }}
  112.                         </a>
  113.                     </li>
  114.                     <li class="dropdown-content-item">
  115.                         <a href="{{ path('app_contact') }}" title="Contact">
  116.                             {{ 'pages.menu.contact'|trans }}
  117.                         </a>
  118.                     </li>
  119.                     <li class="dropdown-content-item">
  120.                         <a href="{{ path('app_about_us') }}" title="About us">
  121.                             {{ 'pages.menu.about'|trans }}
  122.                         </a>
  123.                     </li>
  125.                 </ul>
  126.             </li>
  128.             {% if app.user %}
  129.                 <div></div>
  130.             {% else %}
  131.                 <div class="buttons-wrapper">
  132.                     <a class="signin-button signin-white-button" href="{{ app.request.getLocale() }}/signin" style="color:#fff;">{{ 'pages.account.login'|trans }}</a>
  133.                     <a class="create-account-button" href="{{ app.request.getLocale() }}/registration">
  134.                         <span>{{ 'pages.account.create'|trans }}</span>
  135.                     </a>
  136.                 </div>
  137.             {% endif %}
  138.         </ul>
  139.     </nav>
  140. </header>