<div class="drop-down-profile popover-trigger" ng-click="vm.toggleMenu()">
    <i class="icon-user-profile"></i>

    <p class="user-name">
        {{vm.usuario.UsuarioNome}}
        <i class="icon-arrow"></i>
        <span class="user-desc">{{vm.usuario.Empresa}}</span>
    </p>

    <div class="user-options popover-container">
        <ul>
            <li  ng-show="vm.usuario.TipoUsuario.Descricao.substring(0, 10).toUpperCase() == 'SUPERVISOR'">
                <i class="icon-config"></i><a href="#" ng-click="vm.toggleSidebarOuter()">Configurações</a>
            </li>
            <li>
                <i class="icon-info"></i>
                <a class="link-manuais" href="https://inlog-manuais.azurewebsites.net/" onclick="ga('send','event','acesso aos manuais','click') " target="_blank">Ajuda</a>
            </li>
        </ul>

        <footer class="drop-down-profile-footer">
            <a href="#" ng-click="vm.logoff()">
                <i class="icon-logout"></i>Sair <small class="version">V.{{vm.versao}}</small>
            </a>
        </footer>
    </div>
</div>
