<aside id="offCanvas">
    <div class="offcanvas-nav-container">
        <ul class="ul-offcanvas-nav">
            <li class="li-offcanvas-menu-item li-offcanvas-menu-header">
                <strong>Pro</strong>Buddy
            </li>
            <li class="li-offcanvas-menu-item">
                <a href="#/configuration/profile"
                   class="a-offcanvas-menu-link">
                    <i class="fa fa-cogs"></i>&nbsp;&nbsp;<%= _lc( 'NAVBAR-ITEM-CONFIGURATION' ) %>
                </a>
            </li>
            <li class="li-offcanvas-menu-item">
                <a href="#/groups"
                   class="a-offcanvas-menu-link">
                    <i class="fa fa-users"></i>&nbsp;&nbsp;<%= _lc( 'NAVBAR-ITEM-GROUPS' ) %>
                </a>
            </li>
            <li class="li-offcanvas-menu-item">
                <a href="#/support"
                   class="a-offcanvas-menu-link">
                    <i class="fa fa-life-ring"></i>&nbsp;&nbsp;<%= _lc( 'NAVBAR-ITEM-SUPPORT' ) %>
                </a>
            </li>
            <li class="li-offcanvas-menu-item">
                <a href="#/about"
                   class="a-offcanvas-menu-link">
                    <i class="fa fa-info-circle"></i>&nbsp;&nbsp;<%=raw _lc( 'NAVBAR-ITEM-ABOUT' ) %>
                </a>
            </li>
            <li class="li-offcanvas-menu-item-inverted">
                <a href="#/auth/logout"
                   class="a-offcanvas-menu-link">
                    <i class="fa fa-power-off"></i>&nbsp;&nbsp;<%= _lc( 'NAVBAR-ITEM-LOGOUT' ) %>
                </a>
            </li>
        </ul>
    </div>
    <!--
    <button class="js-offcanvas-close c-button c-button--blue c-button--hard c-button--close-right" data-button-options="{&quot;modifiers&quot;:&quot;blue,hard,close-right&quot;}" role="button" aria-controls="off-canvas-right"><span class="c-button__text">Close</span></button>
    -->
</aside>
