<mat-card-header>
  <mat-card-title>Registrieren</mat-card-title>
</mat-card-header>

<mat-card-content>
  <ng-container *ngIf="teamInfo">
    <div class="mat-body">Hallo <span class="info">{{ teamInfo.playerName }}</span>,</div>
    <span>
      
      du wurdes eingeladen dich für das Team <span class="info">{{ teamInfo.teamName }}</span> zu registrieren.

    </span>
  </ng-container>
  
  <div *ngIf="teamInfo" class="register_form">
    <app-register-form [teamInfo]="teamInfo" #formComponent></app-register-form>
  </div>

  <div class="error" *ngIf="error">
    Registrierung fehlgeschlagen. Bitte wende dich an deinen Ansprechpartner.
  </div>

</mat-card-content>

<mat-card-actions align="end">
  <button mat-button color="primary" [disabled]="registerFormInvalid" (click)="register()">Registrieren</button>
</mat-card-actions>