@if (auth.isAuthenticated()) {
<main>
  <mat-card appearance="outlined"
            class="card">
    <mat-card-header>
      <mat-card-title>{{username}}</mat-card-title>
    </mat-card-header>
    <mat-card-content>
      <impersonation />
    </mat-card-content>
    <mat-card-actions class="actions"
                      align="end">
      <div>
        @if (isTTSLoggedIn) {
        <button mat-raised-button
                (click)="client.disconnect()"><span class="disconnect">Disconnect</span></button>
        }
        <button mat-raised-button
                (click)="auth.logout()"><span class="logoff">Log Off</span></button>
      </div>
    </mat-card-actions>
  </mat-card>
</main>
}