{% block layout_navigation_flyout_item %}
<div class="text-uppercase border-bottom pb-3 d-flex">
<a class="mr-auto {% if navigationTree.id == page.header.navigation.active.id or navigationTree.id in activePath %} active{% endif %}"
href="{{ category_url(navigationTree.category) }}"
itemprop="url"
title="{{ navigationTree.category.translated.name }}">
{{ navigationTree.category.translated.name }}
</a>
</div>
{% for item in navigationTree.children %}
{% set category = item.category %}
{% set name = category.translated.name %}
<div class="pt-2 d-flex">
<a class="mr-auto {% if category.id == page.header.navigation.active.id or category.id in activePath %} active{% endif %}"
href="{{ category_url(category) }}"
itemprop="url"
title="{{ name }}">
{{ name }}
</a>
<span>
{% sw_icon 'arrow-right' style {
'color': 'primary',
'pack':'solid'
} %}
</span>
</div>
{% endfor %}
{% endblock %}