{% extends '@KnpMenu/menu.html.twig' %}
{% block icon %}
{%- set icon = item.extra('icon') %}
{%- set flex = item.extra('flex') %}
{%- if icon %}
{%- if flex %}<span class="d-flex">{%- endif %}
{%- if flex %}<span class="position-relative">{{ block('badge') }}{%- endif %}
<i class="{{ icon }} bi-fw"></i>
{%- if flex %}</span>{%- endif %}
{%- if flex %}</span>{%- endif %}
{%- endif %}
{% endblock %}
{% block badge %}
{%- set badge = item.extra('badge') %}
{%- set badge_classes = item.extra('badge_class') %}
{%- if badge %}
<span class="badge rounded-pill {{ badge_classes }}">{{ badge }}</span>
{%- endif %}
{% endblock %}
{% block list %}
{% if item.hasChildren and options.depth is not same as(0) and item.displayChildren %}
{% import _self as knp_menu %}
<div class="menu-item-group" {{ knp_menu.attributes(listAttributes) }}>
{{ block('children') }}
</div>
{% endif %}
{% endblock %}
{% block item %}
{% if item.displayed %}
{# building the class of the item #}
{%- set classes = item.attribute('class') is not empty ? [item.attribute('class')] : [] %}
{%- if matcher.isCurrent(item) %}
{%- set classes = classes|merge([options.currentClass]) %}
{%- elseif matcher.isAncestor(item, options.matchingDepth) %}
{%- set classes = classes|merge([options.ancestorClass]) %}
{%- endif %}
{%- if item.actsLikeFirst %}
{%- set classes = classes|merge([options.firstClass]) %}
{%- endif %}
{%- if item.actsLikeLast %}
{%- set classes = classes|merge([options.lastClass]) %}
{%- endif %}
{# Mark item as "leaf" (no children) or as "branch" (has children that are displayed) #}
{% if item.hasChildren and options.depth is not same as(0) %}
{% if options.branch_class is not empty and item.displayChildren %}
{%- set classes = classes|merge([options.branch_class]) %}
{% endif %}
{% elseif options.leaf_class is not empty %}
{%- set classes = classes|merge([options.leaf_class]) %}
{%- endif %}
{%- set attributes = item.attributes %}
{%- if classes is not empty %}
{%- set attributes = attributes|merge({'class': classes|join(' ')}) %}
{%- endif %}
{# displaying the item #}
{% import _self as knp_menu %}
<span {{ knp_menu.attributes(attributes) }}>
{%- if item.uri is not empty and (not matcher.isCurrent(item) or options.currentAsLink) %}
{{ block('linkElement') }}
{%- else %}
{{ block('spanElement') }}
{%- endif %}
{# render the list of children#}
{%- set childrenClasses = item.childrenAttribute('class') is not empty ? [item.childrenAttribute('class')] : [] %}
{%- set childrenClasses = childrenClasses|merge(['menu_level_' ~ item.level]) %}
{%- set listAttributes = item.childrenAttributes|merge({'class': childrenClasses|join(' ') }) %}
{{ block('list') }}
</span>
{% endif %}
{% endblock %}
{% block linkElement %}
{% import _self as knp_menu %}
{%- set classes = item.linkAttribute('class') is not empty ? [item.linkAttribute('class')] : [] %}
{%- if matcher.isCurrent(item) %}
{%- set classes = classes|merge([options.currentClass]) %}
{%- elseif matcher.isAncestor(item, options.matchingDepth) %}
{%- set classes = classes|merge([options.ancestorClass]) %}
{%- endif %}
{%- set attributes = item.linkAttributes %}
{%- if classes is not empty %}
{%- set attributes = attributes|merge({'class': classes|join(' ')}) %}
{%- endif %}
{%- set flex = item.extra('flex') %}
<a href="{{ item.uri }}"{{ knp_menu.attributes(attributes) }}>
{{ block('icon') }}
{%- if flex %}<span class="d-flex">{%- endif %}
{{ block('label') }}
{%- if flex %}</span>{%- endif %}
{%- if not flex %}{{ block('badge') }}{%- endif %}
</a>
{% endblock %}