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' %}
  7. <div
  8.     class="offcanvas offcanvas-end mobile-menu-offcanvas"
  9.     tabindex="-1"
  10.     id="mobileMenuOffcanvas"
  11.     aria-labelledby="mobileMenuOffcanvasLabel"
  12.     data-bs-backdrop="true"
  13.     data-bs-scroll="false"
  14. >
  15.     <div class="offcanvas-header mobile-menu-offcanvas__header">
  16.         <h2 id="mobileMenuOffcanvasLabel" class="visually-hidden">Mobile menu</h2>
  17.         <div class="mobile-menu-offcanvas__brand">
  18.             <a href="{{ path('app_main') }}">
  19.                 <img src="{{ asset('front/assets/img/logo-responsive.png') }}" alt="logo">
  20.             </a>
  21.         </div>
  22.         {{ include('front/main/header/mobile/top_menu_session_contact_mobile.html.twig') }}
  23.         <button
  24.             type="button"
  25.             class="mobile-menu-close"
  26.             data-bs-dismiss="offcanvas"
  27.             aria-label="Close mobile menu"
  28.         >
  29.             <i class="fas fa-times"></i>
  30.         </button>
  31.     </div>
  33.     <div class="offcanvas-body mobile-menu-offcanvas__body">
  34.         <div class="mobile-menu-session">
  35.             <div class="mobile-menu-session__toprow">
  36.                 <ul class="mobile-menu-session__list">
  37.                     {% if is_multilingual %}
  38.                         {{ include('front/main/header/top_menu_session_languages.html.twig') }}
  39.                     {% endif %}
  40.                     {% if is_multi_currency %}
  41.                         {{ include('front/main/header/mobile/top_menu_session_currencies_mobile.html.twig') }}
  42.                     {% endif %}
  43.                     {{ include('front/main/header/mobile/top_menu_session_customer_mobile.html.twig') }}
  44.                     {{ include('front/main/header/mobile/top_menu_session_cart.html.twig') }}
  45.                 </ul>
  46.             </div>
  48.             {% if app.user %}
  49.                 {% set mobile_user_name = app.user.username|default(app.user.userIdentifier|default('Compte')) %}
  50.                 {% set mobile_user_initial = mobile_user_name|slice(0, 1)|upper %}
  52.                 <div class="mobile-menu-user">
  53.                     <div class="mobile-menu-user__card">
  54.                         <span class="mobile-menu-user__avatar" aria-hidden="true">{{ mobile_user_initial }}</span>
  55.                         <span class="mobile-menu-user__name">{{ mobile_user_name }}</span>
  56.                     </div>
  57.                 </div>
  59.             {% else %}
  60.                 <div class="mobile-menu-auth">
  62.                     {% if has_b2b_space %}
  63.                         <a href="{{ path('app_login', {type: 'btob'}) }}" class="mobile-menu-auth__btn mobile-menu-auth__btn--secondary">
  64.                             {{ 'Pages.TopMenu.Buttons.BtoBSpace'|trans({}, 'messages_front') }}
  65.                         </a>
  66.                     {% endif %}
  68.                     <a class="mobile-menu-auth__btn mobile-menu-auth__btn--primary topbar-login" data-action="modal-login#openModal" data-bs-dismiss="offcanvas">
  69.                         {{ 'Pages.TopMenu.Buttons.Login'|trans({}, 'messages_front') }}
  70.                     </a>
  71.                 </div>
  72.             {% endif %}
  73.         </div>
  75.         <nav class="mobile-menu-nav" aria-label="Mobile navigation">
  76.             <ul class="mobile-menu-list">
  77.                 {% if app.session.has('menu_front') %}
  78.                     {{ macros.mobile_menu_links(app.session.get('menu_front'), 0, 'mobile') }}
  79.                 {% endif %}
  81.                 {% if app.user %}
  82.                     <li class="mobile-menu-separator" aria-hidden="true"></li>
  83.                     {% if is_granted('ROLE_ADMIN') or is_granted('ROLE_PRODUCT_MANAGER') or is_granted('ROLE_COMMERCIAL') or is_granted('ROLE_AGENT') %}
  84.                         <li>
  85.                             <a class="mobile-menu-user__link" href="{{ path('app_admin_dashboard') }}">
  86.                                 {{ 'Pages.Common.Messages.BackOffice'|trans({}, 'messages') }}
  87.                             </a>
  88.                         </li>
  89.                     {% else %}
  90.                         <li>
  91.                              <a class="mobile-menu-user__link" href="{{ path('app_admin_dashboard') }}">
  92.                                 {{ 'Pages.Userspace.TopMenu.Profile'|trans({}, 'messages_front') }}
  93.                             </a>
  94.                         </li>
  95.                         <li>
  96.                             <a class="mobile-menu-user__link" href="{{ path('app_front_userarea_change_password') }}">
  97.                                 {{ 'Pages.Userspace.TopMenu.ChangePassword'|trans({}, 'messages_front') }}
  98.                             </a>
  99.                         </li>
  100.                         <li>
  101.                             <a class="mobile-menu-user__link" href="{{ path('app_front_user_area_booking') }}">
  102.                                 {{ 'Pages.Userspace.TopMenu.Bookings'|trans({}, 'messages_front') }}
  103.                             </a>
  104.                         </li>
  105.                         <li>
  106.                             <a class="mobile-menu-user__link" href="{{ path('app_front_extra_request_index') }}">
  107.                                 {{ 'Pages.Userspace.TopMenu.Requests'|trans({}, 'messages_front') }}
  108.                             </a>
  109.                         </li>
  110.                     {% endif %}
  111.                     <li>
  112.                         <a class="mobile-menu-user__link mobile-menu-user__link--logout" href="{{ path('app_logout') }}">
  113.                             {{ 'Pages.TopMenu.Buttons.Logout'|trans({}, 'messages_front') }}
  114.                         </a>
  115.                     </li>
  116.                 {% endif %}
  117.             </ul>
  118.         </nav>
  119.     </div>
  120. </div>