<section class="login-wrapper">
  <div class="login-header" *ngIf="!serverInfo || this.authorizationService.isLoggedIn() || this.authorizationService.loginStatus===this.authorizationService.EN_LoginStatus_Unknown">
    <p>{{title}}</p>
  </div>

  <div class="login-body">
    <mat-card class="box" *ngIf="this.authorizationService.isLoggedIn()">
      <mat-card-header>
        <mat-card-title>{{'core.msg.greeting' | translate}} {{this.authorizationService.user?.name}}!</mat-card-title>
      </mat-card-header>
    </mat-card>


    <mat-card class="box" *ngIf="!serverInfo">
      <mat-card-header>
        <mat-card-title>{{'core.msg.waitingconnecton' | translate}}</mat-card-title>
      </mat-card-header>
      <mat-card class="sub-box">
        <mat-spinner mode="indeterminate"></mat-spinner>
      </mat-card>
    </mat-card>

    <mat-card class="box" *ngIf="serverInfo && !this.authorizationService.isLoggedIn() && this.authorizationService.loginStatus===this.authorizationService.EN_LoginStatus_Unknown">
      <mat-card-header>
        <mat-card-title>{{'core.msg.checkuser' | translate}}</mat-card-title>
      </mat-card-header>
      <mat-card class="sub-box">
        <mat-spinner mode="indeterminate"></mat-spinner>
      </mat-card>
    </mat-card>
  </div>
</section>
