<div class="container">
    <h1 class="text-primary text-center mt-5">Bienvenido</h1>
    <div class="mb-3" ng-repeat="grupo in menu.grupos">
        <h6 class="py-2 text-right">
            {{grupo.nombre_grupo}}
        </h6>
        <div class="card-deck">
            <div class="card" ng-repeat="categoria in grupo.categorias">
                <div class="card-body">
                    <h5 class="py-2">
                        <i class="{{categoria.icono}} text-{{categoria.clase}}"></i>
                        {{categoria.nombre_categoria}}
                    </h5>
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item p-0 m-0" ng-repeat="modulo in categoria.modulos">
                            <a ui-sref="{{modulo.sref}}" class="btn btn-block btn-sm btn-outline-light text-primary">{{modulo.nombre_modulo}}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="text-center mt-5">
        <button class="btn btn-outline-danger btn-sm" type="button" ng-click="logout()">
            <i class="fas fa-lock"></i> Salir
        </button>
    </div>
</div>