<ul class="nav-main">
    {% for item in menus %}
        {% if not item.flag %}
            <li class="nav-item">
                {% if item.children %}
                    <a class="nav-title" href="#{{ item.id|default:'javascript:;' }}">
                        <i class="{{ item.icon_cls }}"></i><span>{{ item.text }}</span></a>
                    <ul class="nav-sub">
                        {% for child in item.children %}
                            <li><a class="a-menu" href="{{ child.id }}">{{ child.text }}</a></li>
                        {% endfor %}
                    </ul>
                {% else %}
                    <a class="a-menu" href="{{ item.id }}">
                        <i class="{{ item.icon_cls }}" style="font-size: 18px;"></i><span>{{ item.text }}</span></a>
                {% endif %}
            </li>
        {% endif %}
    {% endfor %}
</ul>