templates/partials/secondaryHeader.html.twig line 1

Open in your IDE?
  1. <header class="container-fluid fixed-top second-header">
  2.     <nav class="secondary-navbar">
  3.         <button class="secondary-burger">
  4.             <span class="visually-hidden">Toggle menu</span>
  5.         </button>
  6.         <a href="{{ path('app_homepage') }}" class="logo-close"><img src="{{ absolute_url( asset('build/images/icons/footer-logo.png') ) }}" alt=""></a>
  7.         <div class="logo-open"><img src="{{ absolute_url( asset('build/images/icons/LOGO.svg') ) }}" alt=""></div>
  8.         {% 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" href="/{{ app.request.getLocale() }}/signin">{{ 'pages.account.login'|trans }}</a>
  31.                 <a class="create-account-button" href="{{path('app_register')}}">
  32.                     <span>{{ 'pages.account.create'|trans }}</span>
  33.                 </a>
  34.             </div>
  35.         {% endif %}
  36.         {{ sonata_block_render({type: 'block.langMenu'}) }}
  37.         <ul class="menu">
  38.             <li class="menu-item">
  39.                 <a href="{{ path('app_homepage') }}" role="button" class="logo">
  40.                     <span class="visually-hidden">Logo</span>
  41.                     <img src="{{ absolute_url( asset('build/images/icons/footer-logo.png') ) }}" alt=""></a>
  42.             </li>
  43.             {% if app.request.locale == 'en' %}
  44.                 <li class="menu-item dropdown">
  45.                     <a title="Transfers" class="menu-item-link">
  46.                         Transfers
  47.                     </a>
  48.                     <ul class="dropdown-content  radius" style="width:260px;">
  49.                         <li class="dropdown-content-item">
  50.                             <a href="/en/transfer/pico" title="Transfer to Pico do Arieiro">
  51.                                 Transfer to Pico do Arieiro
  52.                             </a>
  53.                         </li>
  54.                         <li class="dropdown-content-item">
  55.                             <a href="/en/transfer/rabacal" title="Transfer to Rabaçal">
  56.                                 Transfer to Rabaçal
  57.                             </a>
  58.                         </li>
  59.                         <li class="dropdown-content-item">
  60.                             <a href="/en/transfer/fanal" title="Transfer to Fanal Forest">
  61.                                 Transfer to Fanal Forest
  62.                             </a>
  63.                         </li>
  64.                         <li class="dropdown-content-item">
  65.                             <a href="/en/transfer/sunrise-transfer-to-pico-do-arieiro" title="Sunrise transfer to Pico do Arieiro">
  66.                                 Sunrise transfer to Pico do Arieiro
  67.                             </a>
  68.                         </li>
  69.                     </ul>
  70.                 </li>
  71.             {% endif %}
  72.             <li class="menu-item">
  73.                 <a href="{{ path('app_bus_stop') }}" title="Bus stops" class="menu-item-link">
  74.                     {{ 'pages.menu.busStops'|trans }}
  75.                 </a>
  76.             </li>
  77.             {% if app.request.locale == 'en' %}
  78.                 <li class="menu-item">
  79.                     <a href="/en/travel-info" title="Travel info" class="menu-item-link">
  80.                         Travel info
  81.                     </a>
  82.                 </li>
  83.             {% endif %}
  84.             {% if app.request.locale == 'en' %}
  85.                 <li class="menu-item">
  86.                     <a href="/en/hike-trails" title="Hike trails" class="menu-item-link">
  87.                         Hike trails
  88.                     </a>
  89.                 </li>
  90.             {% endif %}
  91.             {% if app.request.locale == 'en' %}
  92.                 <li class="menu-item">
  93.                     <a href="/en/outdoor-safety" title="Before your trip" class="menu-item-link">
  94.                         Before your trip
  95.                     </a>
  96.                 </li>
  97.             {% endif %}
  98.             <li class="menu-item">
  99.                 <a href="{{ path('app_inspirations') }}" title="Inspirations" class="menu-item-link">
  100.                     {{ 'pages.menu.inspirations'|trans }}
  101.                 </a>
  102.             </li>
  103.             <li class="menu-item dropdown">
  104.                 <a title="About us" class="menu-item-link">
  105.                     Info
  106.                 </a>
  107.                 <ul class="dropdown-content radius">
  108.                     <li class="dropdown-content-item">
  109.                         <a href="{{ path('app_faq') }}" title="FAQ">
  110.                             {{ 'pages.menu.faq'|trans }}
  111.                         </a>
  112.                     </li>
  113.                     <li class="dropdown-content-item">
  114.                         <a href="{{ path('app_contact') }}" title="Contact">
  115.                             {{ 'pages.menu.contact'|trans }}
  116.                         </a>
  117.                     </li>
  118.                     <li class="dropdown-content-item">
  119.                         <a href="{{ path('app_about_us') }}" title="About us">
  120.                             {{ 'pages.menu.about'|trans }}
  121.                         </a>
  122.                     </li>
  123.                 </ul>
  124.             </li>
  125.             {% if app.user %}
  126.                 <div></div>
  127.             {% else %}
  128.                 <div class="buttons-wrapper">
  129.                     <a class="signin-button" href="{{path('web_login')}}">{{ 'pages.account.login'|trans }}</a>
  130.                     <a class="create-account-button" href="{{path('app_register')}}">
  131.                         <span>{{ 'pages.account.create'|trans }}</span>
  132.                     </a>
  133.                 </div>
  134.             {% endif %}
  135.         </ul>
  136.     </nav>
  137. </header>