<mat-toolbar>
  <span class="navbar-title" matTooltip="Consola web de administración de Opengnsys" matTooltipShowDelay="1000">
    Opengnsys webconsole
  </span>

  <button mat-icon-button (click)="onToggleSidebar()" matTooltip="Abrir o cerrar la barra lateral"
    matTooltipShowDelay="1000">
    <mat-icon class="navbar-icon">menu</mat-icon>
  </button>

  <div class="navbar-actions-row">
    <button class="trace-button" routerLink="/commands-logs" mat-button><mat-icon>notifications</mat-icon></button>

    <div class="navbar-buttons-row">
      <button class="ordinary-button" (click)="showGlobalStatus()">
        {{'GlobalStatus' | translate}}
      </button>

      <button class="ordinary-button" *ngIf="isSuperAdmin" [matMenuTriggerFor]="menu"
        matTooltip="Gestión de usuarios y roles de la aplicación" matTooltipShowDelay="1000">
        {{ 'Administration' | translate }}
      </button>

      <button class="ordinary-button" *ngIf="!isSuperAdmin" (click)="editUser()"
        matTooltip="Editar tu información de usuario" matTooltipShowDelay="1000">
        {{ 'changePassword' | translate }}
      </button>

      <button class="logout-button" routerLink="/auth/login" matTooltip="Cerrar sesión y salir de la aplicación"
        matTooltipShowDelay="1000">
        {{ 'logout' | translate }}
      </button>
    </div>

    <mat-menu #menu="matMenu">
      <button mat-menu-item routerLink="/users" matTooltip="Ver y gestionar todos los usuarios"
        matTooltipShowDelay="1000">
        {{ 'labelUsers' | translate }}
      </button>
      <button mat-menu-item routerLink="/user-groups" matTooltip="Gestionar roles de usuario"
        matTooltipShowDelay="1000">
        {{ 'labelRoles' | translate }}
      </button>
      <button mat-menu-item routerLink="/env-vars" matTooltip="Gestionar variables de entorno"
        matTooltipShowDelay="1000">
        {{ 'labelEnvVars' | translate }}
      </button>
    </mat-menu>
  </div>
</mat-toolbar>