{% macro menu_item(item) %}
    {% import _self as menu %}
    {% if item.route is null or item.hasChildren %}
        <li id="{{ item.identifier }}" class="menu-item menu-item-submenu {{ item.isActive ? 'menu-item-active' : '' }}" data-menu-toggle="click" aria-haspopup="true">
            <a href="javascript:;" class="menu-link menu-toggle">
                {% if item.icon is defined and item.icon is not null %}
                    {% if item.isIconFile %}
                        <img class="svg-icon mr-3" src="{{ asset(item.icon) }}" alt="image" width="24" height="24"/>
                    {% else %}
                        <span class="svg-icon menu-icon {{ item.icon }}"></span>
                    {% endif %}
                {% endif %}
                <span class="menu-text">{{ item.label|trans }}</span>
                {% if item.badge is not null %}
                    <span class="menu-label">
                        <span class="label
                        {{ item.badgeColor == 'red' ? 'label-danger' : 'label-primary' }}
                        label-{{ item.badgeColor }} label-inline">{{ item.badge }}</span>
                    </span>
                {% endif %}
                {% if item.hasChildren %}<i class="menu-arrow"></i>{% endif %}
            </a>

            {% if item.hasChildren %}
                <div class="menu-submenu menu-submenu-classic menu-submenu-left">
                    <ul class="menu-subnav">
                        {% for child in item.children %}
                            {% if child.hasChildren %}
                                {{ menu.menu_item(child) }}
                            {% else %}
                                {{ menu.menu_item_content(child) }}
                            {% endif %}
                        {% endfor %}
                    </ul>
                </div>
            {% endif %}
        </li>
    {% else %}
        {{ menu.menu_item_content(item) }}
    {% endif %}
{% endmacro %}

{% macro menu_item_content(item) %}
    <li id="{{ item.identifier }}" class="menu-item {{ item.isActive ? 'menu-item-active' : '' }}" aria-haspopup="true">
        <a href="{{ '/' in item.route ? item.route : path(item.route, item.routeArgs) }}" class="menu-link">
            {% if item.icon is defined and item.icon is not null %}
                {% if item.isIconFile %}
                    <img class="svg-icon mr-3" src="{{ asset(item.icon) }}" alt="image" width="24" height="24"/>
                {% else %}
                    <span class="svg-icon menu-icon {{ item.icon }}"></span>
                {% endif %}
            {% endif %}
            <span class="menu-text">{{ item.label|trans }}</span>
            {% if item.badge is not null %}
                <span class="menu-label">
                        <span class="label
                        {{ item.badgeColor == 'red' ? 'label-danger' : 'label-primary' }}
                        label-{{ item.badgeColor }} label-inline">{{ item.badge }}</span>
                    </span>
            {% endif %}
        </a>
    </li>
{% endmacro %}