<ng-container *ngIf="token_valido">
  <mat-toolbar class="mat-elevation-z3" style="background-color: #4169E1;">
    <button mat-icon-button (click)="toggleCollapsed()">
      <mat-icon>menu</mat-icon>
    </button>
    <h1>PORTO DO ITAQUÍ</h1>

    <button mat-icon-button [matMenuTriggerFor]="menu" aria-label="Example icon-button with a menu" class="user-info">
      <mat-icon>person</mat-icon>
    </button>
    
    <mat-menu #menu="matMenu">
      <button mat-menu-item (click)="logout()">
        <mat-icon>exit_to_app</mat-icon> 
        <span>Sair</span> 
      </button>
    </mat-menu>
  </mat-toolbar>

  <mat-sidenav-container>
    <mat-sidenav opened mode="side" [style.width]="sidenavWidth">
      <app-custom-sidenav [collapsed]="collapsed"></app-custom-sidenav>
    </mat-sidenav>
    <mat-sidenav-content class="content" [style.margin-left]="sidenavWidth">
      <router-outlet></router-outlet>
    </mat-sidenav-content>
  </mat-sidenav-container>
</ng-container>

<ng-container *ngIf="!token_valido">
  <router-outlet></router-outlet>
</ng-container>