<header class="header">
<div class="header__top">
<div class="container">
<div class="row py-2">
<div class="col-lg-1 col-md-3">
<div class="header__top__left">
</div>
</div>
<div class="col-lg-7 col-md-7">
<div class="header__top__right row">
<div class="header__top__right__social col d-flex justify-content-end align-items-center">
{# {% include "components/partials/_fb_share_btn.html.twig" %} #}
</div>
</div>
</div>
<div class="header__top__right__auth col-lg-4 col-md-4 d-flex justify-content-end align-items-center">
{% if app.user %}
{% if app.user.roles[0] == "ROLE_ADMIN" %}
<a href="{{ path('admin_dashboard_index') }}"><i class="fa fa-user"></i><span class="ms-1">Dashboard</span></a>
{% else %}
<a href="{{ path('account_orders') }}" class="mx-2"><i class="fa icon_cart"></i></i><span class="ms-1">{{ 'user.orders'|trans }}</span></a>
<a href="{{ path('account_index') }}" class="mx-2"><i class="fa fa-user"></i><span class="ms-1">{{ 'navigation.account'|trans }}</span></a>
{% endif %}
<a href="{{ path('app_logout') }}" class="mx-2"><i class="fa icon_close_alt2"></i><span class="ms-1">{{ 'navigation.logout'|trans }}</span></a>
{% else %}
<a href="{{ path('app_login') }}" class="mx-2"><i class="fa fa-user"></i><span class="">{{ 'navigation.login'|trans }}</span></a>
<a href="{{ path('app_register') }}" class="mx-2"><i class="fa fa-pencil"></i><span class="">{{ 'navigation.register'|trans }}</span></a>
{% endif %}
{# Sélecteur de langue - Desktop uniquement #}
<div class="mx-2 d-none d-lg-block">
{% include "components/locale_switcher.html.twig" %}
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row align-item-center">
<div class="col-lg-3">
<div class="header__logo">
<a href="{{ path('home') }}"><img src="{{ asset('assets/img/theme/logo_hd_vert.png') }}" alt="Logo Mazykka vinyles"></a>
</div>
</div>
<div class="col-lg-9">
<nav class="header__menu">
<ul class="d-flex justify-content-center">
<li {% if current == "home" %}class="active"{% endif %}><a href="{{ path('home') }}">{{ 'navigation.home'|trans }}</a></li>
<li {% if current == "vinyls-neufs" %}class="active"{% endif %}><a href="{{ path('vinyls_index', {'stylename': 'neufs'}) }}">{{ 'navigation.vinyls'|trans }}</a></li>
<li {% if current == "vinyls-occasions" %}class="active"{% endif %}><a href="{{ path('vinyls_index', {'stylename': 'occasions'}) }}">{{ 'navigation.vinyls'|trans }} {{ 'navigation.occasions'|trans }}</a></li>
<li {% if search is defined and search == "promotions" %}class="active"{% endif %}><a href="{{ path('vinyls_search') }}?promo=1">{{ 'navigation.promotions'|trans }}</a></li>
<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>
<li {% if search is defined and search == "represse" %}class="active"{% endif %}><a href="{{ path('vinyls_search') }}?repress=1">{{ 'navigation.represses'|trans }}</a></li>
<li {% if current == "vinyls-restock" %}class="active"{% endif %}><a href="{{ path('vinyls_index', {'stylename': 'restock'}) }}">{{ 'navigation.restock'|trans }}</a></li>
<li {% if current == "accessories" %}class="active"{% endif %}><a href="{{ path('dj_accessories') }}">{{ 'navigation.accessories'|trans }}</a></li>
{# <li {% if current == "contact" %}class="active"{% endif %}><a href="{{ path('about') }}">{{ 'navigation.contact'|trans }}</a></li> #}
{% if app.session.get('itemsInCart') and app.session.get('itemsInCart') > 0 %}
<li><a href="{{ path('cart_index') }}" class="d-inline">{{ 'navigation.my_cart'|trans }} <i class="fa fa-shopping-bag"></i> <span class="cartItems">{{ app.session.get('itemsInCart') }}</span></a></li>
{% endif %}
</ul>
</nav>
</div>
<div class="col-lg-2 d-flex justify-content-end align-item-center">
<div class="header__cart">
<ul class=""></ul>
</div>
<div class="header__top__right__auth"></div>
</div>
</div>
<div class="humberger__open">
<i class="fa fa-bars"></i>
</div>
</div>
</header>