{# Requires the variable `menu` #}
{% macro addMenuItem(item) %}
    {# Get the url of the menu item #}
    {% set url = null %}
    {% if item.route is defined %}
        {% set url = url(item.route, item.route_params|default([])) %}
    {% endif %}
    {% if item.href is defined %}
        {% set url = item.href %}
    {% endif %}
    {# Build the menu item #}
    <a {% if item.id is defined %}id="{{ item.id }}" {% endif %} class="list-group-item collapsed {% if item._selected|default(false) %} active{% endif %}"
            {% if url %}href="{{ url }}"{% endif %} title="{{ item.content|default('') }}">
        {% if item.icon_class is defined %}
            <i class="{{ item.icon_class }}"></i>
            <span class="nav_name">{{ item.content|default('') }}</span>
        {% else %}
            {{ item.content|default('') }}
        {% endif %}
    </a>
{% endmacro %}

{% macro addLogOffMenuItem(item) %}
    {# Get the url of the menu item #}
    {% set url = null %}
    {% if item.route is defined %}
        {% set url = url(item.route, item.route_params|default([])) %}
    {% endif %}
    {% if item.href is defined %}
        {% set url = item.href %}
    {% endif %}
    {# Build the menu item #}
    <a {% if item.id is defined %}id="{{ item.id }}" {% endif %} class="list-group-item  collapsed {% if item._selected|default(false) %} active{% endif %} log-off"
            {% if url %}href="{{ url }}"{% endif %} title="{{ item.content|default('') }}">
        {% if item.icon_class is defined %}
            <i class="{{ item.icon_class }}"></i>
            <span class="nav_name">{{ item.content|default('') }}</span>
        {% else %}
            {{ item.content|default('') }}
        {% endif %}

    </a>
{% endmacro %}


{# Requires the variable `menu` #}
{% macro addSubMenu(item) %}
    {% set parentName = item.id | default(item.content|replace({' ' : ''}) ~ 'Group')|getMenuParentKey %}
    <a href="#{{ parentName }}"
       class="list-group-item collapse {% if item._selected_tree|default(false) %} active{% endif %}"
       data-bs-toggle="collapse"
       role="button"
       aria-expanded="false"
       data-bs-auto-close="true"
       title="{{ item.content|default('') }}"
       aria-controls="{{ parentName }}"
       data-bs-target="#{{ parentName }}"
{#       data-bs-parent="#{{ parentName }}">#}
    >
        {% if item.icon_class is defined %}
            <i class="{{ item.icon_class }}"></i>
            <span class="nav_name">{{ item.content|default('') }}</span>
        {% else %}
            {{ item.content|default('') }}
        {% endif %}
    </a>
    {% if item.children is defined %}
        <div class="collapse menu-collapsed" id="{{ parentName }}">
            {% for sub_item in item.children %}
                {% if sub_item.children is defined %}
                    {{ _self.addSubMenu(sub_item) }}
                {% else %}
                    {{ _self.addMenuItem(sub_item) }}
                {% endif %}
            {% endfor %}
        </div>
    {% endif %}

{% endmacro %}