{# 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 #}
    <li {% if item.id is defined %}id="{{ item.id }}" {% endif %}
        class="has-treeview {{ item.class|default('nav-item') }}">
        {% if url %}
        <a class="nav-link{% if item._selected|default(false) %} active{% endif %}" href="{{ url }}" data-tooltip="{{ item.content|default('') }}">{% endif %}
                        {% if item.icon_class is defined %}
                            <i class="{{ item.icon_class }}"></i>
                        {% endif %}
            <p>{{ item.content|default('') }}</p>
            {% if url %}</a>{% endif %}
    </li>
{% endmacro %}
{# Requires the variable `menu` #}
{% macro addSubMenu(item) %}
    <li {% if item.id is defined %}id="{{ item.id }}" {% endif %}
        class="has-treeview {% if item._selected_tree|default(false) %} active menu-open{% endif %} {{ item.class|default('nav-item dropdown') }}">
        <a class="nav-link {% if item.children is defined %} level-1 {% endif %}" href="javascript:void(0);" data-tooltip="{{ item.content|default('') }}">
              {% if item.icon_class is defined %}<i class="{{ item.icon_class }}"></i>{% endif %}
            <p>{{ item.content|default('') }} <i class="asg-chevron-down"></i></p>
        </a>
        <ul class="nav nav-treeview {% if item.children is defined %} level-2 {% endif %}">
            {% for sub_item in item.children %}
                {% if sub_item.children is defined %}
                    {{ _self.addSubMenu(sub_item) }}
                {% else %}
                    {{ _self.addMenuItem(sub_item) }}
                {% endif %}
            {% endfor %}
        </ul>
    </li>
{% endmacro %}
{% if menu %}
    <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
        {% for item in menu %}
            {% if item.children is defined %}
                {{ _self.addSubMenu(item) }}
            {% else %}
                {{ _self.addMenuItem(item) }}
            {% endif %}
        {% endfor %}
    </ul>
{% endif %}