<div id="mainnav">

    <!--Menu-->
    <!--================================-->
    <div id="mainnav-menu-wrap">
        <div class="nano">
            <div class="nano-content">

                <ul id="mainnav-menu" class="list-group">

                    {% for label, groups in items %}

                        <li class="list-header">{{ label }}</li>

                        {% for name, subitem in groups %}
                            <!--Menu list item-->

                            {% if subitem.items %}
                                <!--Menu list item-->
                                {#                            active-sub active #}
                                <li {% if subitem.current == true %} class="active-sub active"{% endif %}>
                                    <a href="#">
                                        <i class="{{ subitem.icon }}"></i>
                                        <span class="menu-title">{{ subitem.label }}</span>
                                        <i class="arrow"></i>
                                    </a>

                                    <!--Submenu-->
                                    <ul class="collapse">
                                        {% for child in subitem.items %}
                                            {# active-link #}
                                            <li {% if child.current == true %} class="active-link"{% endif %}><a
                                                        href="{{ child.url }}">{{ child.label }}</a></li>
                                        {% endfor %}
                                    </ul>
                                </li>
                            {% else %}
                                <li {% if subitem.current == true %} class="active-sub active"{% endif %}>
                                    {% if subitem.only_view != true  %}
                                        <a href="{{ subitem.url }}"><i class="{{ subitem.icon }}"></i>
                                            {% else%}
                                        <a class="disabled"><i class="demo-psi-lock-2"></i>
                                            {% endif %}

                                        <span class="menu-title">
												<strong>{{ subitem.label }}</strong>
											</span>
                                    </a>
                                </li>
                            {% endif %}



                        {% endfor %}

                    {% endfor %}
                    <!--Category name-->


                </ul>


                {{ admin_menu_bottom|raw }}


            </div>
        </div>
    </div>
    <!--================================-->
    <!--End menu-->

</div>