{% macro QbaBitMenu(rootItems, selected, menuRepo, user, menu, handlerRenderService,routers) %}
    {% import _self as macros %}
    {% for item in rootItems %}

        {% if not item.service_name or (item.render_mode == 'childs' ) %}
            {% set items = menuRepo.getMenuByParent(menu, item, user) %}

            {% set paramsJson = item %}

            {% set ruta = '#' %}
            {% if paramsJson.route != '#' and routers.get(paramsJson.route) is not null %}
                {% set routeParams = {slugSelected: paramsJson.routeParams.slug is defined and paramsJson.routeParams.slug ? paramsJson.routeParams.slug : item.slug} %}
                {% if routeParams is null %}
                    {% set routeParams = [] %}
                {% endif %}
                {% set jsonParams = paramsJson.routeParams  %}
                {% if jsonParams is null %}
                    {% set jsonParams = [] %}
                {% endif %}
                {% set ruta =  path(paramsJson.route, jsonParams| merge(routeParams) ) %}
            {% endif %}

            {% set cssSelected = items | length ? 'treeview' : '' %}
            {% for itm in items %}
                {% if itm.slug == selected %}
                    {% set cssSelected = 'treeview active' %}
                {% endif %}
            {% endfor %}

            <li class="{{ cssSelected }} {{ item.slug == selected ? 'active' : '' }}" data-text="{{ item.name }}">
                <a href="{{ ruta }}">
                    {% if item.icon %}
                        <i class="{{ item.icon }}"></i>
                    {% endif %}
                    <span>{{ item.name }}</span>
                    {% if items | length %}
                        <span class="pull-right-container">
                         <i class="fa fa-angle-left pull-right"></i>
                    </span>
                    {% endif %}
                </a>

                {% if items | length and not item.service_name %}
                    <ul class="treeview-menu">
                        {{ macros.QbaBitMenu(items, selected, menuRepo, user, menu, handlerRenderService,routers) }}
                    </ul>
                {% elseif item.render_mode == 'childs' and item.service_name %}
                    {{ handlerRenderService.renderItem(item.service_name, item) | raw }}
                {% endif %}
            </li>
        {% elseif item.render_mode == 'root' %}
            {{ handlerRenderService.renderItem(item.service_name, item) | raw }}
        {% endif %}
    {% endfor %}
{% endmacro %}

{% import _self as macros %}

<ul class="sidebar-menu" data-widget="tree" id="sidebarMenuOptions">
    {{ macros.QbaBitMenu(rootItems, optselected, repo, user, menu, handlerRenderService,routers) }}
</ul>