<div class="megamenu style2">
<div class="row">
<div class="lvl-1 col-md-2">
<a href="#" class="site-nav lvl-1 menu-title text-center w-100" style="font-weight: 800 !important; font-size: 16px">{{ "navegation.brand" | trans }}</a>
<div class="menu-brand-logo align-items-center" id="brand-container">
</div>
</div>
<div class="lvl-1 col-md-3">
<a href="#" class="site-nav lvl-1 menu-title text-center w-100 m-0" style="font-weight: 800 !important; font-size: 16px" >{{ "general.filters.categories" | trans }}</a>
<div class="subLinks">
{% for category in categories %}
{% set url = category.category.getDetailUrl({'rootCategory': null, 'document' : document}) %}
<div class="lvl-2 children sub {% if loop.first %}first-category active{% endif %}" id="category-{{ category.category.getId() }}" onmouseover="showSubcategories({{ category.category.getId() }});" style="padding: 5px;">
<a href="{{ url }}" class="site-nav lvl-2 menu-title" style="font-weight: 600 !important;">{{ category.category.title }}</a>
</div>
{% endfor %}
</div>
<div class="menu-brand-logo align-items-center" id="brand-container">
</div>
</div>
<div class="lvl-1 col-md-2">
<a href="#" class="site-nav lvl-1 menu-title"></a>
{% for category in categories %}
<div class="subLinks subcategories-list subcategory-{{ category.category.getId() }}" style="display: none;" >
{% for subcategory in category.children %}
{% set subcategoryUrl = subcategory.category.getDetailUrl({'rootCategory': null, 'document' : document}) %}
<div class="lvl-2 children sub {% if loop.first %}active{% endif %}" id="category-{{ subcategory.category.getId() }}" onmouseover="showSubsubcategories({{ subcategory.category.getId() }});" style="padding: 5px;">
<a href="{{ subcategoryUrl }}" class="site-nav lvl-2 menu-title">{{ subcategory.category.title }}</a>
</div>
{% endfor %}
</div>
{% endfor %}
</div>
<div class="lvl-1 col-md-2">
<a href="#" class="site-nav lvl-1 menu-title"></a>
{% for category in categories %}
{% set categoryIndex = loop.first %}
{% for subcategory in category.children %}
{% set subcategoryFirst = loop.first %}
<div class="subLinks subsubcategories-list subsubcategory-{{ subcategory.category.getId() }}" style="display: none;">
{% for subsubcategory in subcategory.children %}
{% set subsubcategoryUrl = subsubcategory.category.getDetailUrl({'rootCategory': null, 'document' : document}) %}
<div class="lvl-2 children" id="category-{{ subsubcategory.category.Id }}">
<a href="{{ subsubcategoryUrl }}" class="site-nav lvl-2 menu-title">{{ subsubcategory.category.title }}</a>
</div>
{% endfor %}
</div>
{% endfor %}
{% endfor %}
</div>
<div class="lvl-1 col-md-3 p-0 text-center align-items-center featured-product-container" id="featured-product-container"></div>
</div>
</div>
<script>
let errorFeaturedProduct= '{{ 'navbar.product.error_translation' |trans}}'
let errorLoadingFeaturedProduct= '{{ 'navbar.product.error.loading_translation' |trans}}'
</script>