{% sw_extends "@Storefront/storefront/layout/sidebar/category-navigation.html.twig" %}
{% block layout_navigation_categories_list %}
<ul class="category-navigation level-{{ level }} {% if level == 2 %} collapse accordion-{{ itemParent }}{% endif %}">
{% for item in navigationTree %}
{% block layout_navigation_categories_list_entry %}
<li class="category-navigation-entry">
{% if item.children %}
{% block layout_navigation_categories_link_children %}
{% if level == 1 %}
<button class="btn-link btn w-100 p-0 category-navigation-accordion"
data-target=".accordion-{{ item.category.id }}" data-toggle="collapse"
role="button" aria-expanded="false">
<div class="d-flex justify-content-between">
{{ parent() }}
{% sw_icon 'arrows-right-black' style {
'namespace': 'CytexTheme',
'pack': 'cytex',
'class': 'category-navigation-arrow'
} %}
</div>
</button>
{% else %}
{{ parent() }}
{% endif %}
{% endblock %}
{% block layout_navigation_categories_recoursion %}
{% if level < navigationMaxDepth %}
{% sw_include '@Storefront/storefront/layout/sidebar/category-navigation.html.twig' with {
navigationTree: item.children,
activeResult: activeResult,
level: level + 1,
itemParent: item.category.id
} only %}
{% endif %}
{% endblock %}
{% else %}
{% block layout_navigation_categories_link %}
{{ parent() }}
{% endblock %}
{% endif %}
</li>
{% endblock %}
{% endfor %}
</ul>
{% endblock %}