<nav class="navbar navbar-expand-lg navbar-light bg-success">
  <div class="container">
    <a class="navbar-brand">Forte</a>
    <ng-container *ngIf="isLoggedIn">
      <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
        <div class="navbar-nav">
          <button type="button" class="btn btn-success" (click)="navigate(5)">Home</button>
          <div *ngIf="isAdmin">
            <button type="button" class="btn btn-success" (click)="navigate(0)">Stations</button>
            <button type="button" class="btn btn-success" (click)="navigate(1)">Hosts</button>
            <button type="button" class="btn btn-success" (click)="navigate(2)">Clients</button>
            <button type="button" class="btn btn-success" (click)="navigate(3)">Sensors</button>
            <button type="button" class="btn btn-success" (click)="navigate(4)">Users</button>
          </div>
        </div>
      </div>
      <div class="d-flex">
        <button type="button" class="btn btn-danger" (click)="logout()">
          Logout
        </button>
      </div>
    </ng-container>
  </div>
</nav>
<router-outlet></router-outlet>