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

Open in your IDE?
  1. {% import 'front/main/header/menu-macros-front.html.twig' as macros %}
  3. <div class="navbar-area  {{ (home is defined and home == 1) ? '' : 'background-index' }}"
  4.      data-controller="reload-content modal-form"
  5.      data-action="hidden.bs.modal->modal-form#modalHidden">
  6.     <div class="main-responsive-nav">
  7.         <div class="container">
  8.             <div class="main-responsive-menu">
  9.                 <div class="logo">
  10.                     <a href="{{ path('app_main') }}">
  11.                         <img src="{{ asset('front/assets/img/logo-responsive.png') }}" alt="logo">
  13.                     </a>
  14.                 </div>
  15.                 {% set contact_phone = society['phone'] ?? '' %}
  16.                 {% set contact_whatsapp = society['whatsapp'] ?? contact_phone %}
  17.                 <div
  18.                     class="mobile-menu-contact d-xl-none"
  19.                     aria-label="Contact rapide"
  20.                 >
  21.                     {% if contact_whatsapp is not empty %}
  22.                         {% set whatsapp_number = contact_whatsapp|replace({
  23.                             '+': '',
  24.                             ' ': '',
  25.                             '-': '',
  26.                             '(': '',
  27.                             ')': ''
  28.                         }) %}
  29.                         <a
  30.                             class="mobile-menu-contact__link mobile-menu-contact__link--whatsapp"
  31.                             href="https://wa.me/{{ whatsapp_number }}"
  32.                             target="_blank"
  33.                             rel="noopener noreferrer"
  34.                             aria-label="WhatsApp"
  35.                         >
  36.                             <i class="fab fa-whatsapp" aria-hidden="true"></i>
  37.                         </a>
  38.                     {% endif %}
  40.                     {% if contact_phone is not empty %}
  41.                         <a
  42.                             class="mobile-menu-contact__link mobile-menu-contact__link--phone"
  43.                             href="tel:{{ contact_phone }}"
  44.                             aria-label="Telephone"
  45.                         >
  46.                             <i class="fa fa-phone" aria-hidden="true"></i>
  47.                         </a>
  48.                     {% endif %}
  49.                 </div>              
  50.                 <button
  51.                     type="button"
  52.                     class="mobile-menu-trigger d-xl-none"
  53.                     data-bs-toggle="offcanvas"
  54.                     data-bs-target="#mobileMenuOffcanvas"
  55.                     aria-controls="mobileMenuOffcanvas"
  56.                     aria-label="Open mobile menu"
  57.                 >
  58.                     <span></span>
  59.                     <span></span>
  60.                     <span></span>
  61.                 </button>
  62.             </div>
  63.         </div>
  64.     </div>
  65.     <div class="main-navbar">
  66.         <nav class="container-fluid">
  67.             <nav class="navbar navbar-expand-md navbar-light">
  68.                 <a class="navbar-brand" href="{{ path('app_main') }}">
  69.                     <img src="{{ asset('front/assets/img/logo-responsive.png') }}" alt="logo" class="navbar-brand-logo">
  70.                 </a>
  71.                 <div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent">
  72.                     <ul class="navbar-nav">
  74.                         {# verifier si la session existe #}
  75.                         {% if app.session.has('menu_front') %}
  76.                             {{ macros.menu_links(app.session.get('menu_front'), 0) }}
  77.                         {% endif %}
  78.                     </ul>
  79.                     <div class="others-options d-flex align-items-center">
  80.                         {{ include('front/main/header/menu_session.html.twig') }}
  81.                     </div>
  82.                 </div>
  83.             </nav>
  84.         </nav>
  85.     </div>
  87.     {% if app.user and (is_granted('ROLE_ADMIN') or is_granted('ROLE_PRODUCT_MANAGER') or is_granted('ROLE_COMMERCIAL') or is_granted('ROLE_AGENT')) %}
  88.         {{ include('front/_modal_front.html.twig', {
  89.             modalId: 'mobileCustomerModal',
  90.             modalTitle: 'Title...',
  91.             modalContent: 'Loading ...',
  92.             allow_buttons: true
  93.         }) }}
  94.     {% endif %}
  96.     {{ include('front/main/header/mobile/menu-mobile.html.twig') }}
  98. </div>