{% extends 'knp_menu.html.twig' %}

{% block list %}
    {% import "knp_menu.html.twig" as macros %}
    {% if item.hasChildren and options.depth is not same as(0) and item.displayChildren %}
        <ul{{ macros.attributes(listAttributes) }} aria-label="tabs">
            {{ block('children') }}
        </ul>
    {% endif %}
{% endblock %}

{% block item %}
    {% import "knp_menu.html.twig" as macros %}
    {% if item.displayed %}
        {# building the class of the item #}
        {%- set classes = item.attribute('class') is not empty ? [item.attribute('class')] : [] %}
        {%- set attributes = item.attributes %}
        {%- if classes is not empty %}
            {%- set attributes = attributes|merge({'class': classes|join(' ')}) %}
        {%- endif %}

        {%- set classes = item.linkAttributes('class') is not empty ? item.linkAttributes('class') : [] %}
        {%- if matcher.isCurrent(item) %}
            {%- set classes = classes|merge(['active']) %}
        {%- endif %}
        {%- set linkAttributes = item.linkAttributes %}
        {%- if classes is not empty %}
            {%- set linkAttributes = linkAttributes|merge({'class': classes|join(' ')}) %}
        {%- endif %}

        {# displaying the item #}
        <li{{ macros.attributes(attributes) }}>
            <a href="{{ item.uri }}"{{ macros.attributes(linkAttributes) }}>
                {{ block('label') }}
                {% if item.getExtra('badge') > 0  %}
                    <span class="badge badge-pill badge-primary">{{ item.getExtra('badge') }}</span>
                {% endif %}
            </a>
        </li>
    {% endif %}
{% endblock %}

{% block label %}{{ item.label|trans }}{% endblock %}