<div class="site-block site-block_gray catalog">
<div class="container">
<h1 class="site-heading">{{ title|default|raw }}</h1>
</div>
<div class="container catalog-subcategories">
{% for item in page.childrens|filter(v => v.isActive) %}
<div class="catalog__item catalog__item_category">
{% if item.image %}
<a href="{{ item.uri }}" class="item__icon">
<img src="{{ item.image }}" alt="{{ item.name }}">
</a>
{% endif %}
<a href="{{ item.uri }}" class="item__heading">{{ item.name }}</a>
{% set childrens = item.childrens|filter(v => v.isActive) %}
{% if childrens|length > 0 %}
<div class="item__list">
{% for child in childrens %}
<a href="{{ child.uri }}">{{ child.name }}</a>
{% endfor %}
</div>
{% endif %}
</div>
{% endfor %}
</div>
<div class="catalog__bg">
<img src="{{ asset('images/category..svg') }}" alt="">
</div>
</div>