<div class="menu-popup cart-popup dropdown-menu dropdown-anchor-top-center dropdown-has-anchor"
data-add-y="0" data-add-x="0" id="dropdown-menu">
<div class="menu-popup__body">
<div class="menu-popup__left">
{% for cat in structureItems %}
{% if cat.virtualCategory %}
<a href="{{ path('show_virtual_category',{'slug':cat.slug}) }}">
<div data-item="{{ loop.index }}" class="{% if loop.index == 1 %}menu-popup__active{% endif %}">
{% if (cat.icon) %}
<img src="https://perina-peroni.ru{{ category_img_web_dir ~ cat.icon }}" alt="{{ cat.title }}">
{% endif %}
{{ cat.title }}
</div>
</a>
{% else %}
{% if cat.productsNumber > 0 %}
<a href="{{ path('show_category',{'slug':cat.slug}) }}">
<div data-item="{{ loop.index }}" class="{% if loop.index == 1 %}menu-popup__active{% endif %}">
{% if (cat.icon) %}
<img src="https://perina-peroni.ru{{ category_img_web_dir ~ cat.icon }}" alt="{{ cat.title }}">
{% endif %}
{{ cat.title }}
</div>
</a>
{% endif %}
{% endif %}
{% endfor %}
{% set content = contentService.content(constant('App\\Component\\Content\\ContentPage::TOP_CATALOG')) %}
{{ content.content.main|raw }}
</div>
<div class="menu-popup__right">
{% for cat in structureItems %}
{% if cat.productsNumber > 0 and cat.virtualCategory == false %}
<div class="menu-popup__sub-container data-item{{ loop.index }} {% if loop.index == 1 %}active{% endif %} grid">
{% for subCat in cat.subCategories %}
{% if subCat.productsNumber > 0 %}
<div class="menu-popup__sub grid-item">
<a href="{{ path('show_category',{'slug':subCat.slug}) }}">
<div class="menu-popup__sub-title">{{ subCat.title }}<span> ({{ subCat.productsNumber }})</span></div>
</a>
{% for subCat2 in subCat.subCategories %}
{% if subCat2.productsNumber > 0 %}
<a href="{{ path('show_category',{'slug':subCat2.slug}) }}">
{{ subCat2.title }}<span> ({{ subCat2.productsNumber }})</span>
</a>
{% endif %}
{% endfor %}
</div>
{% endif %}
{% endfor %}
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>