{% set header_warning_message = mldev_base_block('header-warning-message')|default %}
{% if header_warning_message %}
{{ header_warning_message|raw }}
{% endif %}
<header class="header compensate-for-scrollbar">
<div class="container-fluid">
<div class="header__content">
<div class="header__col header__col_logo">
<a class="header__logo" href="/">
<img src="{{ asset('img/logo.svg') }}" alt=""></a>
</div>
<div class="header__col header__col_nav">
<nav class="header__nav">
<ul class="header-menu">
{% for index, value in mldev_base_menu('default-top') %}
<li>
<a href="{{ value.uri }}">{{ value.name|lower }}</a>
</li>
{% endfor %}
</ul>
</nav>
{# <div class="header__search search">
<div class="search-inner">
<div class="search-wrap">
<input class="search-input" type="text" placeholder="хочу купить">
<button class="search-btn"> найти </button>
</div>
</div>
<div class="search-controls">
<button class="search-disable-btn btn-control btn-control-small-close" type="button">
<span class="btn-control__icon">
<svg class="icon icon-small-close">
<use xlink:href="/img/sprite.svg#icon-small-close"></use>
</svg>
</span>
</button>
</div>
</div>
<button class="header__search-btn btn-control btn-control-search" type="button">
<span class="btn-control__icon">
<svg class="icon icon-search">
<use xlink:href="/img/sprite.svg#icon-search"></use>
</svg>
</span>
</button> #}
</div>
<div class="header__col header__col_controls">
{% set count = app.session.get('mldev-cart-storage')|default([])|reduce((count, v) => count + v, 0) %}
<div class="header__controls">
<a class="header__controls-item btn-control btn-control-fav" href="{{ path('mldev-front-account') }}">
<span class="btn-control__icon">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.0364 19.5245C20.6825 19.5245 21.4407 19.2965 21.8251 19.86C22.1054 20.2709 22.4302 20.6935 22.5569 21.1886C22.6336 21.4887 22.6382 21.7529 22.6382 22.0671C22.6382 22.3351 22.1506 22.3141 21.9471 22.4246C21.5669 22.631 20.5117 22.854 20.2984 22.3849C19.9671 21.6565 20.9035 20.5973 21.256 20.0807" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/>
<path d="M26.3785 20.3985C26.8371 20.3367 27.2243 20.1921 27.562 20.5221C27.8071 20.7616 28.15 21.0403 28.2666 21.3696C28.4271 21.8227 28.6417 22.8833 28.1492 23.1794C27.8495 23.3596 27.3147 23.2589 26.9838 23.2589C26.4935 23.2589 25.9475 23.138 25.6467 22.7203C25.4506 22.4479 24.7135 20.6368 25.4841 20.6368" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/>
<path d="M19.1421 26.6755C20.1961 27.3557 21.3643 28.0615 22.557 28.4854C23.895 28.9608 25.2571 28.9003 26.6539 28.9003C27.3929 28.9003 28.1325 28.3289 28.8176 28.1057" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/>
<path d="M24.5897 12.7151C25.8218 12.7151 27.1495 12.5136 28.2846 13.0682C29.1398 13.4861 29.9896 13.9399 30.6696 14.6044C32.1289 16.0305 33.4806 17.494 34.4097 19.3099C35.0638 20.5883 35.6461 22.0007 35.792 23.4416C35.8896 24.4066 35.81 25.4107 35.81 26.3815C35.81 27.8226 34.53 29.3235 33.678 30.4337C32.2073 32.35 30.2201 33.7854 28.2485 35.1393C27.348 35.7576 25.7641 35.9956 24.671 35.9956C23.4964 35.9956 22.3442 36.0441 21.1929 35.819C18.4349 35.28 16.2708 33.1942 14.6702 31.0694C13.5322 29.5585 12.7695 27.9098 12.3485 26.0813C12.12 25.0891 12.0684 24.0587 12.0684 23.0443C12.0684 22.2143 11.9031 21.2288 12.0865 20.4223C12.3399 19.3076 13.0365 18.2042 13.7759 17.3412C14.1886 16.8594 14.7975 16.5417 15.2213 16.0522C15.6488 15.5585 16.1464 15.1533 16.6216 14.7015C17.5665 13.803 19.0388 12.9037 20.2804 12.4767C21.3758 12.1001 22.5422 12 23.6953 12" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/>
</svg>
</span>
</a>
<a class="header__controls-item btn-control btn-control-cart {% if count > 0 %}active{% endif %}" href="{{ path('mldev-front-cart-index') }}">
<span class="btn-control__icon">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.3888 19.7004C15.3888 21.3353 15.4427 22.9589 15.2376 24.5789C15.0708 25.8966 14.9496 27.8908 15.2916 29.1663C15.4992 29.9405 14.9044 34 15.8749 34C18.7199 34 21.5243 33.5972 24.3971 33.5972C26.7877 33.5972 29.1784 33.5972 31.5691 33.5972C32.3228 33.5972 33.1619 33.8411 33.859 33.7986C34.2818 33.7728 33.6245 32.6506 33.5673 32.4335C33.1272 30.7618 33.011 28.9669 32.8004 27.253C32.5499 25.2139 32.2298 23.2175 32.3036 21.155C32.3126 20.9033 32.8197 19.2088 32.3792 19.1074C31.3583 18.8724 30.0174 19.0962 28.9768 19.0962C26.7834 19.0962 24.5806 19.0349 22.388 19.0962C20.8135 19.1403 19.1158 19.2836 17.5383 19.4879C16.6589 19.6017 15.8415 19.4099 15 19.7004" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/>
<path d="M20.5 22C20.5 20.921 20 20.0845 20 18.9412C20 18.0196 20 17.098 20 16.1765C20 14.2428 21.5057 13 23.1944 13C24.1502 13 26.1476 15.9948 26.25 16.9706C26.3114 17.5558 26.6701 20.7665 27 20.9412" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/>
</svg>
<div class="counter-cart">{{ count }}</div>
</span>
</a>
<div class="cart-popup">
</div>
<button class="header__controls-item btn-control btn-control-menu" type="button">
<span class="btn-control__icon">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M32.5589 16.1276H26.1762C24.2154 16.1276 21.4501 16.5066 19.4881 16.5066C18.9915 16.5066 18.4904 16.5243 17.9942 16.5066C17.5589 16.491 17.176 16.2256 16.7667 16.1346C16.0618 15.9778 15.3188 16.0012 14.5573 16.0012M14.3787 21.2444C19.1353 21.2444 23.8735 21.1181 28.617 21.1181C29.4589 21.1181 30.2907 20.8654 31.107 20.8654C31.5396 20.8654 31.814 20.7011 32.3064 20.8654M33.9477 26.9822C31.4539 26.9822 29.1125 26.593 26.6532 26.2522C26.1178 26.178 25.5949 26.2838 25.082 26.1259C24.3629 25.9044 23.2453 26.0978 22.5149 26.0978H20.06C18.8501 26.0978 17.5934 26.0503 16.3988 25.8732C15.6226 25.7581 14.7797 25.5924 14 25.5924M34 31.8155C31.0804 32.1357 29.7368 31.9419 26.8042 31.9419H23.1289C22.7973 31.9419 22.4074 32.0005 22.0908 31.8787C20.9796 31.451 19.6735 31.4273 18.5207 31.0855C17.372 30.7449 15.6801 31.3277 14.7052 31.8155" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/>
</svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="side-menu">
<div class="side-menu__content">
<div class="side-menu__header">
<div class="side-menu__controls">
<button class="side-menu__control side-menu__close-btn btn-control btn-control-close" type="button">
<span class="btn-control__icon">
<svg class="icon icon-close">
<use xlink:href="/img/sprite.svg#icon-close"></use>
</svg>
</span>
</button>
<div class="side-menu__control side-menu__search search">
<div class="search-inner">
<div class="search-wrap">
<input class="search-input" type="text" placeholder="хочу купить">
<button class="search-btn"> найти </button>
</div>
</div>
<div class="search-controls">
<button class="search-disable-btn btn-control btn-control-small-close" type="button">
<span class="btn-control__icon">
<svg class="icon icon-small-close">
<use xlink:href="/img/sprite.svg#icon-small-close"></use>
</svg>
</span>
</button>
</div>
</div>
{# <button class="side-menu__search-btn btn-control btn-control-search" type="button">
<span class="btn-control__icon">
<svg class="icon icon-search">
<use xlink:href="/img/sprite.svg#icon-search"></use>
</svg>
</span>
</button> #}
</div>
</div>
<div class="side-menu__body">
<nav class="side-nav">
{% for index, value in mldev_base_menu('catalog-root') %}
{% if value.isActive %}
<div class="side-nav__col side-nav__col_full-catalog">
<a class="side-nav__link" href="{{ value.uri }}"> {{ value.name|lower }} </a>
</div>
{% endif %}
{% endfor %}
<div class="side-nav__col side-nav__col_catalog">
<ul>
{% for index, value in mldev_base_menu('catalog-category') %}
{% if value.isActive %}
<li>
<a class="side-nav__link" href="{{ value.uri }}">{{ value.name|lower }}</a>
</li>
{% endif %}
{% endfor %}
</ul>
</div>
<div class="side-nav__col side-nav__col_pages">
<ul>
{#{% if mldev_base_bundle_exists('MLDevOrderBundle') %}
{% if is_granted('ROLE_USER_ACCOUNT') %}
<li>
<a class="side-nav__link" href="{{ path('mldev-front-account-login') }}">Кабинет</a>
</li>
{% else %}
<li>
<a class="side-nav__link" href="{{ path('mldev-front-account-login') }}">войти</a>
</li>
{% endif %}
{% endif %}#}
{% if mldev_base_bundle_exists('MLDevOrderBundle') %}
<li>
<a class="side-nav__link" href="{{ path('mldev-front-cart-index') }}">корзина</a>
</li>
{% endif %}
<li>
<a class="side-nav__link" href="{{ path('mldev-front-favourites-index') }}">избранное</a>
</li>
{% for index, value in mldev_base_menu('additional-sidebar') %}
{% if value.isActive %}
<li>
<a class="side-nav__link" href="{{ value.uri }}">{{ value.name|lower }}</a>
</li>
{% endif %}
{% endfor %}
</ul>
</div>
</nav>
</div>
<div class="side-menu__footer">
<div class="side-menu__contacts contacts-info ">
<a class="contacts-info__item contacts-info__logo" href="/">
<img src="{{ asset('img/logo.svg') }}" alt="" />
</a>
<div class="contacts-info__item contacts-info__group">
<div class="contacts-info__group-items">
{{ mldev_base_block('contact-phone-list')|raw }}
</div>
<span class="contacts-info__shedule">
{{ mldev_base_block('contact-worktime')|raw }}
</span>
</div>
{{ mldev_base_block('contact-email')|raw }}
<div class="contacts-info__item contacts-info__socials">
{{ mldev_base_block('social-networks')|raw }}
</div>
</div>
</div>
</div>
</div>
</header>
<nav class="header__nav header__nav-mobile">
<ul class="header-menu">
{% for index, value in mldev_base_menu('default-top') %}
<li>
<a href="{{ value.uri }}">{{ value.name|lower }}</a>
</li>
{% endfor %}
</ul>
</nav>
{#
<header class="header">
<div class="container">
<div class="header-top">
<div class="header-logo">
<a href="/" class="header-logo__link">
<img src="{{ asset('img/content/logotype.svg') }}" alt="">
</a>
</div>
<nav class="header-navbar">
{% for index, value in mldev_base_menu('default-top') %}
<a href="{{ value.uri }}" class="header-navbar__link">{{ value.name }}</a>
{% endfor %}
</nav>
<div class="header-contacts">
<div class="header-city">
<button class="header-city__toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
{{ mldev_seo_site_current().name|default('Не выбран') }}
</button>
<div class="dropdown-menu">
{% for index, site in mldev_seo_site_sites() %}
<div>
<a class="dropdown-item {{ site.isCurrent ? 'active' }}" href="{{ site.url ~ app.request.requestUri }}">
{{ site.name|striptags }}
</a>
</div>
{% endfor %}
</div>
</div>
{{ mldev_base_block('header-phone')|raw }}
</div>
</div>
<div class="header-middle">
<div class="header-catalog">
<a class="header-catalog__toggle" data-bs-toggle="offcanvas" href="#offcanvasCatalog" role="button" aria-controls="offcanvasCatalog">
<svg class="icon icon-catalog-toggle">
<use xlink:href="/img/sprite.svg#icon-catalog-toggle"></use>
</svg> Каталог
</a>
<div class="offcanvas offcanvas-catalog offcanvas-start" tabindex="-1" id="offcanvasCatalog" aria-labelledby="offcanvasCatalogLabel">
<div class="offcanvas-header">
<div class="header-logo">
<a href="/" class="header-logo__link">
<img src="{{ asset('img/content/logotype.svg') }}" alt="">
</a>
</div>
<div class="offcanvas-header__controls">
<form class="input-group form-search" action="/search">
<input class="header-search__input form-control form-control-lg" type="text" placeholder="Поиск по товарам или артикулу" data-url="data/search.json" name="q" dir="ltr" spellcheck=false autocorrect="off" autocomplete="off" autocapitalize="off">
</form>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
</div>
<div class="offcanvas-body">
<div class="offcanvas-catalog__title">Каталог товаров</div>
<div class="offcanvas-catalog__list">
<div class="offcanvas-catalog__nav nav" id="v-pills-tab" role="tablist" aria-orientation="vertical">
{% for index, value in mldev_base_menu('catalog') %}
<button class="{{ loop.first ? 'active' }}" id="v-pills-tab-{{ value.id }}" data-bs-toggle="pill" data-bs-target="#v-pills-{{ value.id }}" type="button" role="tab" aria-controls="v-pills-{{ value.id }}" aria-selected="true">
{% if value.image %}
<img src="{{ value.image }}" alt="{{ value.name }}"> {{ value.name }}
{% else %}
{{ value.name }}
{% endif %}
</button>
{% endfor %}
</div>
<div class="tab-content" id="v-pills-tabContent">
{% for index, value in mldev_base_menu('catalog') %}
<div class="tab-pane fade {{ loop.first ? 'show active' }}" id="v-pills-{{ value.id }}" role="tabpanel" aria-labelledby="v-pills-tab-{{ value.id }}">
{% if value.childrens|length > 0 %}
<div class="offcanvas-catalog__nav-list">
{% for child_index, child_item in value.childrens %}
{% if child_item.isActive %}
<a href="{{ child_item.uri }}" class="offcanvas-catalog__nav-link">{{ child_item.name }}</a>
{% endif %}
{% endfor %}
</div>
{% endif %}
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
<div class="header-search">
<form class="input-group form-search" action="/search">
<input class="header-search__input form-control form-control-lg" type="text"
placeholder="Поиск по товарам или артикулу" data-url="{{ path('app-bundle-search-product-by-name') }}"
name="q" dir="ltr" spellcheck=false autocorrect="off" autocomplete="off" autocapitalize="off"
value="{{ app.request.query.get('q', '') }}">
</form>
</div>
<div class="header-controls">
<a href="{{ path('mldev-front-favourites-index') }}" class="header-controls__item header-controls__item_favorite">
<svg class="icon icon-favorite">
<use xlink:href="/img/sprite.svg#icon-favorite"></use>
</svg> Избранное
</a>
{% if is_granted('ROLE_USER_ACCOUNT') %}
<a href="{{ path('mldev-front-account-login') }}" class="header-controls__item header-controls__item_cabinet">
<svg class="icon icon-user">
<use xlink:href="/img/sprite.svg#icon-user"></use>
</svg> Кабинет
</a>
{% else %}
<a href="{{ path('mldev-front-account-login') }}" class="header-controls__item header-controls__item_cabinet">
<svg class="icon icon-user">
<use xlink:href="/img/sprite.svg#icon-user"></use>
</svg> Вход
</a>
{% endif %}
{% if mldev_base_bundle_exists('MLDevOrderBundle') %}
<a href="{{ path('mldev-front-cart-index') }}" class="header-controls__item header-controls__item_cart">
{% set count = app.session.get('mldev-cart-storage')|default([])|reduce((count, v) => count + v, 0) %}
<svg class="icon icon-cart">
<use xlink:href="/img/sprite.svg#icon-cart"></use>
</svg> Корзина <div class="header-controls__item_counter">{{ count }}</div>
</a>
{% endif %}
</div>
</div>
</div>
</header>
<div class="mobile-header">
<div class="container">
<div class="mobile-header__grid">
<a href="#mmenu" class="mobile-header__toggle">
<svg class="icon icon-catalog-toggle">
<use xlink:href="/img/sprite.svg#icon-catalog-toggle"></use>
</svg>
</a>
<div class="header-logo">
<a href="/" class="header-logo__link">
<img src="{{ asset('img/content/logotype.svg') }}" alt="">
</a>
</div>
<div class="header-controls">
<a href="{{ path('mldev-front-favourites-index') }}" class="header-controls__item header-controls__item_favorite">
<svg class="icon icon-favorite">
<use xlink:href="/img/sprite.svg#icon-favorite"></use>
</svg> Избранное
</a>
{% if is_granted('ROLE_USER_ACCOUNT') %}
<a href="{{ path('mldev-front-account-login') }}" class="header-controls__item header-controls__item_cabinet">
<svg class="icon icon-user">
<use xlink:href="/img/sprite.svg#icon-user"></use>
</svg> Кабинет
</a>
{% else %}
<a href="{{ path('mldev-front-account-login') }}" data-bs-toggle="modal" data-bs-target="#loginModal" class="header-controls__item header-controls__item_cabinet">
<svg class="icon icon-user">
<use xlink:href="/img/sprite.svg#icon-user"></use>
</svg> Вход
</a>
{% endif %}
{% if mldev_base_bundle_exists('MLDevOrderBundle') %}
<a href="{{ path('mldev-front-cart-index') }}" class="header-controls__item header-controls__item_cart">
{% set count = app.session.get('mldev-cart-storage')|length %}
<svg class="icon icon-cart">
<use xlink:href="/img/sprite.svg#icon-cart"></use>
</svg> Корзина
<div class="header-controls__item_counter">{{ count }}</div>
</a>
{% endif %}
</div>
</div>
<div class="mobile-header__search">
<form class="input-group form-search" action="/search">
<input class="header-search__input form-control form-control-lg" type="text"
placeholder="Поиск по товарам или артикулу" data-url="{{ path('app-bundle-search-product-by-name') }}"
name="q" dir="ltr" spellcheck=false autocorrect="off" autocomplete="off" autocapitalize="off"
value="{{ app.request.query.get('q', '') }}">
</form>
</div>
</div>
</div>
<nav class="mmenu__list" id="mmenu">
<div class="mmenu__header">
<div class="header-contacts">
<div class="header-city">
<button class="header-city__toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
{{ mldev_seo_site_current().name|default('Не выбран') }}
</button>
<div class="dropdown-menu">
{% for index, site in mldev_seo_site_sites() %}
<div>
<a class="dropdown-item {{ site.isCurrent ? 'active' }}" href="{{ site.url ~ app.request.requestUri }}">
{{ site.name|striptags }}
</a>
</div>
{% endfor %}
</div>
</div>
{{ mldev_base_block('header-phone')|raw }}
</div>
</div>
<ul>
{% for index, value in mldev_base_menu('default-mobile') %}
<li>
<a href="{{ value.uri }}">{{ value.name }}</a>
</li>
{% endfor %}
</ul>
</nav>
#}