templates/components/theme/_menu_hamburger.html.twig line 1

Open in your IDE?
  1. <div class="humberger__menu__overlay"></div>
  2. <div class="humberger__menu__wrapper">
  3.     <div class="humberger__menu__logo">
  4.         <a href="#"><img src="{{ asset('assets/img/theme/logo_hd_vert.png') }}" alt="Logo Mazykka vinyles"></a>
  5.     </div>
  7.     <nav class="humberger__menu__nav mobile-menu">
  8.         <ul>
  9.             {% if app.user %}
  10.                 {% if app.user.roles[0] == "ROLE_CUSTOMER" %}
  11.                     <li {% if current == "home" %}class="active"{% endif %}>
  12.                         <a href="{{ path('home') }}">{{ 'navigation.home'|trans }}</a>
  13.                     </li>
  14.                 {% elseif app.user.roles[0] == "ROLE_ADMIN" %}
  15.                     <li {% if current == "dashboard" %}class="active"{% endif %}>
  16.                         <a href="{{ path('admin_dashboard_index') }}">Dashboard</a>
  17.                     </li>
  18.                 {% endif %}
  19.             {% else %}
  20.                 <li {% if current == "home" %}class="active"{% endif %}>
  21.                     <a href="{{ path('home') }}">{{ 'navigation.home'|trans }}</a>
  22.                 </li>
  23.             {% endif %}
  24.             <li {% if current == "vinyls-neufs" %}class="active"{% endif %}><a href="{{ path('vinyls_index', {'stylename': 'neufs'}) }}">{{ 'navigation.vinyls'|trans }}</a></li>
  25.             <li {% if current == "vinyls-occasions" %}class="active"{% endif %}><a href="{{ path('vinyls_index', {'stylename': 'occasions'}) }}">{{ 'navigation.vinyls'|trans }} {{ 'navigation.occasions'|trans }}</a></li>
  26.             <li {% if search is defined and search == "promotions" %}class="active"{% endif %}><a href="{{ path('vinyls_search') }}?promo=1">{{ 'navigation.promotions'|trans }}</a></li>
  27.             <li {% if search is defined and search == "home-productions" %}class="active"{% endif %}><a href="{{ path('vinyls_search') }}?homeprod=1">{# {{ 'navigation.homeprod'|trans }} #} Home Prods</a></li>
  28.             <li {% if search is defined and search == "represses" %}class="active"{% endif %}><a href="{{ path('vinyls_search') }}?repress=1">{{ 'navigation.represses'|trans }}</a></li>
  29.             <li {% if current == "vinyls-restock" %}class="active"{% endif %}><a href="{{ path('vinyls_index', {'stylename': 'restock'}) }}">{{ 'navigation.restock'|trans }}</a></li>
  30.             <li {% if current == "accessories" %}class="active"{% endif %}><a href="{{ path('dj_accessories') }}">{{ 'navigation.accessories'|trans }}</a></li>
  31.             <li><a href="{{ path('cart_index') }}">{{ 'navigation.cart'|trans }}  <span class="cartItems">( 
  32.             {% if app.session.get('cart') %}
  33.                 {{ app.session.get('itemsInCart') }}
  34.             {% else %}
  35.                 0
  36.             {% endif %}
  37.             )</span></a></li>
  38.             <li {% if current == "contact" %}class="active"{% endif %}>
  39.                 <a href="https://www.mazykkavinyles.fr/a-propos#contact">{{ 'navigation.contact'|trans }}</a>
  40.             </li>
  41.             {# <li {% if current == "vinyls" %}class="active"{% endif %}>
  42.                 <a href="#">Vinyles</a>
  43.                 <ul class="header__menu__dropdown">
  44.                     <li>
  45.                         <a href="{{ path('vinyls_index', {'stylename': 'neufs'}) }}">Neufs</a>
  46.                     </li>
  47.                     <li>
  48.                         <a href="{{ path('vinyls_index', {'stylename': 'occasions'}) }}">Occasions</a>
  49.                     </li>
  51.                 </ul>
  52.             </li> #}
  53.             
  54.             {% if app.user %}
  55.                 {% if app.user.roles[0] == "ROLE_CUSTOMER" %}
  56.                     <li {% if current == "account" %}class="active"{% endif %}>
  57.                         <a href="{{ path('account_index') }}">{{ 'navigation.account'|trans }}</a>
  58.                     </li>
  59.                     <li>
  60.                         <a href="{{ path('app_logout') }}">{{ 'navigation.logout'|trans }}</a>
  61.                     </li>
  62.                 {% endif %}
  63.             {% endif %}
  64.         </ul>
  65.     </nav>
  67.     <div id="mobile-menu-wrap"></div>
  68.     <div class="humberger__menu__cart">
  69.         
  70.         <ul class="d-flex flex-column justify-content-center">
  71.             <li>{{ 'navigation.my_cart'|trans }} <a href="{{ path('cart_index') }}"><i class="fa fa-shopping-bag"></i> <span class="cartItems">
  72.             {% if app.session.get('cart') %}
  73.                 {{ app.session.get('itemsInCart') }}
  74.             {% else %}
  75.                 0
  76.             {% endif %}
  77.             </span></a></li>
  78.             
  79.             {# Sélecteur de langue pour mobile #}
  80.             <div class="row mb-3">
  81.                 <div class="col text-center">
  82.                     <div class="mobile-locale-switcher">
  83.                         <a href="{{ path('app_locale_switch', {'locale': 'fr'}) }}" class="btn btn-sm btn-outline-secondary {% if app.request.locale == 'fr' %}active{% endif %}">
  84.                             🇫🇷 Français
  85.                         </a>
  86.                         <a href="{{ path('app_locale_switch', {'locale': 'en'}) }}" class="btn btn-sm btn-outline-secondary {% if app.request.locale == 'en' %}active{% endif %}">
  87.                             🇬🇧 English
  88.                         </a>
  89.                     </div>
  90.                 </div>
  91.             </div>
  92.             
  93.             {% if not app.user %}
  94.                 <div class="row mb-4">
  95.                     <div class="col text-center">
  96.                         <a href="{{ path('app_login') }}" class="btn btn-sm site-btn">
  97.                             <span class="me-1">{{ 'navigation.login'|trans }}</span>
  98.                             <i class="fa fa-user"></i>
  99.                         </a>
  100.                     </div>
  101.                 </div>
  102.                 <div class="row">
  103.                     <div class="col text-center">
  104.                         <a href="{{ path('app_register') }}" class="">
  105.                             <span class="me-1">{{ 'navigation.register'|trans }}</span>
  106.                             <i class="fa fa-pencil"></i>
  107.                         </a>
  108.                     </div>
  109.                 </div>
  110.             {% endif %}
  111.         </ul>
  112.     </div>
  113.     <div class="header__top__right__social d-flex flex-column justify-content-center align-items-center">
  114.         {% include "components/partials/_fb_share_btn.html.twig" %}
  115.         <a href="https://www.facebook.com/mazykkavinyles" target="_blank" class="mt-2">
  116.             <i class="fa fa-facebook"></i>
  117.         </a>
  118.     </div>
  119. </div>