<div class="wizdom display-table">
    <div class="wizdom-fixed-row">
        <div class="wizdom-header">
            <div class="wizdom-header-logo">
                <div class="wizdom-header-title pull-left"></div>
            </div>
            <div class="wizdom-user pull-right" ng-if="User != null">        
                <span style="color:white">{{User.name}} ({{User.displayableId}})</span>
                <button class="btn btn-link" ng-click="logout()">Logout</button>
            </div>
            <div class="wizdom-user pull-right" ng-if="User == null">        
                <button class="btn btn-link" ng-click="login()">Login</button>
            </div>
        </div>
    </div>
    <div class="wizdom-fixed-row">
        <nav class="navbar navbar-default">
            <ul class="nav navbar-nav wizdom-navbar-nav">
                <li ng-if="isSaaS" ng-class="{active:isActive('Home.html')}" ng-click='setContent("Home.html")'>
                    <a href=""><i class="streamline icon-house-1 wizdom-navbar-icon"></i><span class="wizdom-navbar-text">{{'Home' | translate}}</span></a>
                </li>

                <li ng-if="!isSaaS" ng-class="{active:isActive('Support.html')}" ng-click='setContent("Support.html")'>
                    <a href=""><i class="streamline icon-headphones-customer-support wizdom-navbar-icon"></i><span class="wizdom-navbar-text">{{'Support' | translate}}</span></a>
                </li>

                <li ng-if="showModulesTab" ng-class="{active:isActive('Modules.html')}" ng-click='setContent("Modules.html")'>
                    <a href=""><i class="streamline icon-module-puzzle wizdom-navbar-icon"></i><span class="wizdom-navbar-text">{{'Modules' | translate}}</span></a>
                </li>

                <li ng-if="!isSaaS" ng-class="{active:isActive('CustomModules.html')}" ng-click='setContent("CustomModules.html")'>
                    <a href=""><i class="streamline icon-module-hand-puzzle wizdom-navbar-icon"></i><span class="wizdom-navbar-text">{{'Custom modules' | translate}}</span></a>
                </li>

                <li ng-if="showAdminTab" ng-class="{active:isActive('Administration.html')}" ng-click='setContent("Administration.html")'>
                    <a href=""><i class="streamline icon-cog-double-2 wizdom-navbar-icon"></i><span class="wizdom-navbar-text">{{'Admin' | translate}}</span></a>
                </li>
            </ul>         
            <ul class="nav navbar-nav wizdom-navbar-nav wizdom-navbar-right">
                <li>
                    <a ng-href="{{sharepointNavigationUrl}}">
                        <i class="streamline icon-logout-2 wizdom-navbar-icon"></i>
                        {{'Back to Sharepoint' | translate}}
                    </a>
                </li>
                <li ng-if="!isSaaS">
                    <a href="" ng-click='setContent("Support.html")'>
                        <i class="glyphicon glyphicon-search wizdom-navbar-icon wizdom-navbar-icon-empty"></i>
                    </a>
                </li>
            </ul>
        </nav>
        <!--<wizdom365-license-status ng-if="!$root.isSaaS"></wizdom365-license-status>-->
    </div>
    <div class="wizdom-flex-row">
        <div class="container-fluid full-height wizdom-fixed-cell" wizdom-include='pageUrl'></div>
    </div>
</div>