templates/front/main/header/mobile/menu-mobile.html.twig line 1

Open in your IDE?
  1. {% import 'front/main/header/menu-macros-front.html.twig' as macros %}
  3. {% set is_multilingual = app.request.server.get('APP_IS_MULTILINGUAL')|default('false')|lower == 'true' %}
  4. {% set is_multi_currency = app.request.server.get('APP_IS_MULTI_CURRENCY')|default('false')|lower == 'true' %}
  5. {% set has_b2b_space = app.request.server.get('APP_HAS_B2B_SPACE')|default('false')|lower == 'true' %}
  6. {% set current_route = app.request.attributes.get('_route') %}
  7. {% set show_currency = current_route in ['app_main', 'hotel_search', 'flight_search', 'transfer_search'] %}
  9. <div
  10.     class="offcanvas offcanvas-end mobile-menu-offcanvas"
  11.     tabindex="-1"
  12.     id="mobileMenuOffcanvas"
  13.     aria-labelledby="mobileMenuOffcanvasLabel"
  14.     data-bs-backdrop="true"
  15.     data-bs-scroll="false"
  16. >
  17.     <div class="offcanvas-header mobile-menu-offcanvas__header">
  18.         <h2 id="mobileMenuOffcanvasLabel" class="visually-hidden">Mobile menu</h2>
  19.         <div class="mobile-menu-offcanvas__brand">
  20.             <a href="{{ path('app_main') }}">
  21.                 <img src="{{ asset('front/assets/img/logo-responsive.png') }}" alt="logo">
  22.             </a>
  23.         </div>
  24.         {{ include('front/main/header/mobile/top_menu_session_contact_mobile.html.twig') }}
  25.         <button
  26.             type="button"
  27.             class="mobile-menu-close"
  28.             data-bs-dismiss="offcanvas"
  29.             aria-label="Close mobile menu"
  30.         >
  31.             <i class="fas fa-times"></i>
  32.         </button>
  33.     </div>
  35.     <div class="offcanvas-body mobile-menu-offcanvas__body">
  36.         <div class="mobile-menu-session">
  37.             <div class="mobile-menu-session__toprow">
  38.                 <ul class="mobile-menu-session__list">
  39.                     {% if is_multilingual %}
  40.                         {{ include('front/main/header/top_menu_session_languages.html.twig') }}
  41.                     {% endif %}
  42.                     {% if is_multi_currency and show_currency %}
  43.                         {{ include('front/main/header/mobile/top_menu_session_currencies_mobile.html.twig') }}
  44.                     {% endif %}
  45.                     {{ include('front/main/header/mobile/top_menu_session_customer_mobile.html.twig') }}
  46.                     {{ include('front/main/header/mobile/top_menu_session_cart.html.twig') }}
  47.                 </ul>
  48.             </div>
  50.             {% if app.user %}
  51.                 {% set mobile_user_name = app.user.username|default(app.user.userIdentifier|default('Compte')) %}
  52.                 {% set mobile_user_initial = mobile_user_name|slice(0, 1)|upper %}
  54.                 <div class="mobile-menu-user">
  55.                     <div class="mobile-menu-user__card">
  56.                         <span class="mobile-menu-user__avatar" aria-hidden="true">{{ mobile_user_initial }}</span>
  57.                         <span class="mobile-menu-user__name">{{ mobile_user_name }}</span>
  58.                     </div>
  59.                 </div>
  61.             {% else %}
  62.                 <div class="mobile-menu-auth">
  64.                     {% if has_b2b_space %}
  65.                         <a href="{{ path('app_login', {type: 'btob'}) }}" class="mobile-menu-auth__btn mobile-menu-auth__btn--secondary">
  66.                             {{ 'Pages.TopMenu.Buttons.BtoBSpace'|trans({}, 'messages_front') }}
  67.                         </a>
  68.                     {% endif %}
  70.                     <a class="mobile-menu-auth__btn mobile-menu-auth__btn--primary topbar-login" data-action="modal-login#openModal" data-bs-dismiss="offcanvas">
  71.                         {{ 'Pages.TopMenu.Buttons.Login'|trans({}, 'messages_front') }}
  72.                     </a>
  73.                 </div>
  74.             {% endif %}
  75.         </div>
  77.         <nav class="mobile-menu-nav" aria-label="Mobile navigation">
  78.             <ul class="mobile-menu-list">
  79.                 {% if app.session.has('menu_front') %}
  80.                     {{ macros.mobile_menu_links(app.session.get('menu_front'), 0, 'mobile') }}
  81.                 {% endif %}
  83.                 {% if app.user %}
  84.                     <li class="mobile-menu-separator" aria-hidden="true"></li>
  85.                     {% set is_backoffice_user = is_granted('ROLE_ADMIN') or is_granted('ROLE_PRODUCT_MANAGER') or is_granted('ROLE_COMMERCIAL') or is_granted('ROLE_AGENT') %}
  86.                     {% set is_btob_user = app.user.roles|filter(role => role starts with 'ROLE_B2B')|length > 0 %}
  87.                     {% set is_btob_admin = app.user.roles|filter(role => role starts with 'ROLE_B2B_ADMIN')|length > 0 %}
  89.                     {% if is_backoffice_user %}
  90.                         <li>
  91.                             <a class="mobile-menu-user__link" href="{{ path('app_admin_dashboard') }}">
  92.                                 {{ 'Pages.Common.Messages.BackOffice'|trans({}, 'messages') }}
  93.                             </a>
  94.                         </li>
  95.                     {% else %}
  96.                         <li class="mobile-menu-user__heading">
  97.                             {{ 'Pages.Userspace.TopMenu.Profile'|trans({}, 'messages_front') }}
  98.                         </li>
  100.                         {% if is_btob_user %}
  101.                             <li>
  102.                                 <a class="mobile-menu-user__link" href="{{ path('app_front_dashboard') }}">
  103.                                     <i class="fas fa-tachometer-alt" aria-hidden="true"></i>
  104.                                     {{ 'Pages.Userspace.LeftMenu.Dashboard'|trans({}, 'messages_front') }}
  105.                                 </a>
  106.                             </li>
  107.                         {% endif %}
  108.                         <li>
  109.                              <a class="mobile-menu-user__link" href="{{ path('app_front_user_area_profile') }}">
  110.                                 <i class="fas fa-user-circle" aria-hidden="true"></i>
  111.                                 {{ 'Pages.Userspace.LeftMenu.Profile'|trans({}, 'messages_front') }}
  112.                             </a>
  113.                         </li>
  114.                         <li>
  115.                             <a class="mobile-menu-user__link" href="{{ path('app_front_user_area_booking_products') }}">
  116.                                 <i class="fas fa-list" aria-hidden="true"></i>
  117.                                 {{ 'Pages.Userspace.LeftMenu.Bookingslist'|trans({}, 'messages_front') }}
  118.                             </a>
  119.                         </li>
  121.                         {% if is_btob_admin %}
  122.                             <li>
  123.                                 <a class="mobile-menu-user__link" href="{{ path('app_front_user_wallet') }}">
  124.                                     <i class="fas fa-wallet" aria-hidden="true"></i>
  125.                                     {{ 'Pages.Userspace.LeftMenu.Wallet'|trans({}, 'messages_front') }}
  126.                                 </a>
  127.                             </li>
  128.                             <li>
  129.                                 <a class="mobile-menu-user__link" href="{{ path('app_front_user') }}">
  130.                                     <i class="fas fa-users" aria-hidden="true"></i>
  131.                                     {{ 'Pages.Userspace.LeftMenu.Users'|trans({}, 'messages_front') }}
  132.                                 </a>
  133.                             </li>
  134.                         {% endif %}
  136.                         <li>
  137.                             <a class="mobile-menu-user__link" href="{{ path('app_front_userarea_change_password') }}">
  138.                                 <i class="bi bi-lock" aria-hidden="true"></i>
  139.                                 {{ 'Pages.Userspace.TopMenu.ChangePassword'|trans({}, 'messages_front') }}
  140.                             </a>
  141.                         </li>
  142.                         <li>
  143.                             <a class="mobile-menu-user__link" href="{{ path('app_front_extra_request_index') }}">
  144.                                 <i class="fas fa-file-invoice" aria-hidden="true"></i>
  145.                                 {{ 'Pages.Userspace.TopMenu.Requests'|trans({}, 'messages_front') }}
  146.                             </a>
  147.                         </li>
  148.                     {% endif %}
  149.                     {# Kept outside the role branches so every connected user sees it last. #}
  150.                     <li class="mobile-menu-user__logout">
  151.                         <a class="mobile-menu-user__link mobile-menu-user__link--logout" href="{{ path('app_logout') }}">
  152.                             <i class="fas fa-sign-out-alt" aria-hidden="true"></i>
  153.                             {{ 'Pages.TopMenu.Buttons.Logout'|trans({}, 'messages_front') }}
  154.                         </a>
  155.                     </li>
  156.                 {% endif %}
  157.             </ul>
  158.         </nav>
  159.     </div>
  160. </div>