<li class="navigation-offcanvas-list-subcategory">
<a class="text-uppercase d-flex justify-content-between border-bottom align-subcategorys-center pb-2" href="{{ category_url(item.category) }}" aria-expanded="false">
<span class="nav-link">{{ item.category.translated.name }}</span>
{% if item.children %}
<span class="navigation-offcanvas-link-icon">
{% sw_icon 'minus' style {
'color': 'primary',
} %}
</span>
{% else %}
<span class="navigation-offcanvas-link-icon">
{% sw_icon 'arrow-right' style {
'color': 'primary',
'pack':'solid'
} %}
</span>
{% endif %}
</a>
<ul class="list-unstyled" id="{{ item.category.name }}">
{% for subcategory in item.children %}
{% set name = subcategory.category.translated.name %}
<li class="list-unstyled navigation-offcanvas-list-subcategory">
<a class="navigation-offcanvas-link nav-subcategory nav-link{% if category.id == page.header.navigation.active.id or category.id in activePath %} active{% endif %}"
href="{{ category_url(subcategory.category) }}"
subcategoryprop="url"
title="{{ name }}">
<span subcategoryprop="name">{{ name }}</span>
<span class="navigation-offcanvas-link-icon">
{% sw_icon 'arrow-right' style {
'color': 'primary',
'pack':'solid'
} %}
</span>
</a>
</li>
{% endfor %}
</ul>
</li>