<!-- nav -->
<nav class="navbar navbar-expand navbar-primary px-3" *ngIf="user">
    <div class="container-fluid">
        <div class="navbar-nav">
            <a class="nav-item nav-link logo" routerLink="/" routerLinkActive="active"
               [routerLinkActiveOptions]="{exact: true}">
                <img src="./assets/images/specific/imaq_logo.jpg" width="210" height="80"
                     alt="{{'basic.company_name' | translate}}"/>
            </a>
        </div>
        <div class="navbar-nav align-items-center">
<!--            <div role="button" class="pe-2 me-4 position-relative" data-bs-toggle="dropdown">Benachrichtigungen-->
<!--                <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">-->
<!--                    99+-->
<!--                </span>-->
<!--                <ul class="dropdown-menu dropdown-menu-end">-->
<!--                    <li><a class="dropdown-item" href="#">Fesago: Jan antwortete auf Deinen Beitrag</a></li>-->
<!--                    <li><a class="dropdown-item" href="#">Matsen: Peter antwortete auf Deinen Beitrag</a></li>-->
<!--                    <li><a class="dropdown-item" href="#">spawntree: Du hast eine neue Aufgabe erhalten</a></li>-->
<!--                    <li><a class="dropdown-item" href="#">Peter Matusik: Christian hat einen Kommentar verfasst</a></li>-->
<!--                </ul>-->
<!--            </div>-->
            <button class="btn btn-secondary me-3" (click)="logout()">{{ 'basic.logout' | translate }}</button>
            <button class="btn btn-primary me-3" id="c-btn" (click)="copyTokenToClipboard()">c</button>
            <button [class]="'me-3 btn ' + buttonClassLefties" (click)="leftHanded()">Lefties</button>
            <button [class]="'btn ' + buttonClassDarkMode" (click)="darkMode()">Dark</button>
        </div>
    </div>
</nav>

<!-- main app container -->
<div class="app-container">
    <router-outlet></router-outlet>
    <alert></alert>
</div>
<div *ngIf="loading" class="spt-loader-box">
    <span class="spt-loader"></span>
</div>