<div class="card mb-4">
    <div class="card-header">
        {{ taxon.name }}
    </div>
    <ul class="list-group list-group-flush">
        {% for child in taxon.children %}
            <li class="list-group-item">
                <a href="{{ path('sylius_shop_product_index', {'slug': child.slug, '_locale': child.translation.locale}) }}">{{ child.name }}</a>
            </li>
        {% endfor %}
        {% if taxon.parent is not empty and not taxon.parent.isRoot() %}
            <li class="list-group-item">
                <a href="{{ path('sylius_shop_product_index', {'slug': taxon.parent.slug, '_locale': taxon.parent.translation.locale}) }}">
                    <i class="up arrow icon"></i> {{ 'sylius.ui.go_level_up'|trans }}
                </a>
            </li>
        {% endif %}
    </ul>
</div>
