<!-- SIDEBAR - START -->
<!-- MAIN MENU - START -->
<perfect-scrollbar class="page-sidebar-wrapper" id="main-menu-wrapper" wheel-propagation="true" suppress-scroll-x="true" min-scrollbar-length="20" menuheight>
    <nav ui-nav>
        <div ng-repeat="grupo in menu.grupos">
            <div class="section-title p-3">
                {{grupo.nombre_grupo}}
            </div>
            <ul class="wraplist wrapper-menu">
                <li ng-repeat="categoria in grupo.categorias" ng-class="(categoria.active) ? 'active' : ''">
                    <a class="auto" ng-click="open_close_categoria($parent.$index, $index)">
                        <span class="badge bg-white"><i class="{{categoria.icono}} text-{{categoria.clase}}"></i></span>
                        <span class="title">{{categoria.nombre_categoria}}</span>
                        <i class="fas fa-chevron-right arrow" ng-if="!categoria.active"></i>
                        <i class="fas fa-chevron-down arrow" ng-if="categoria.active"></i>
                    </a>
                    <ul class="wraplist wraplist-sub sub-menu dk">
                        <li ng-repeat="modulo in categoria.modulos" ui-sref-active="active">
                            <a ui-sref="{{modulo.sref}}">{{modulo.nombre_modulo}}</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="text-right pr-2">
            <small>
                <small>
                   v {{app.version}}
                </small>
            </small>
        </div>
    </nav>
</perfect-scrollbar>
<!-- MAIN MENU - END -->
<!--  SIDEBAR - END -->
