
  <div class="card mat-elevation-z2">
    Welcome {{ name }}, your Role is {{ role }}
  </div>


  <div class="card mat-elevation-z2">
    <div class="mat-h2">Deine Teams</div>
    <div class="mat-body">Klicke auf eins der Teams um es zu verwalten</div>
    <div *ngFor="let p of players" class="flex-row team_row">
      <div class="team">
        <div>
          <span>{{ p.team.name }}</span> 
        </div>
        <div>Balance: {{ p.team.balance | currency:'EUR' }}</div>
        <div>
          {{ p.firstName }} {{ p.lastName }}
        </div>
        <div>
          Rolle: <span>{{ p.teamRole.name | translate }}</span>
        </div>
        <button (click)="copyLink(p)" mat-stroked-button >Öffentlichen Link kopieren</button>
      </div>
      <div class="icons">
        <button mat-icon-button (click)="onTeamClick(p.team)" aria-label="Team-Details öffnen">
          <mat-icon>speed</mat-icon>
        </button>
        <button mat-icon-button (click)="onTeamClick(p.team)" aria-label="Team bearbeiten">
          <mat-icon>edit</mat-icon>
        </button>
      </div>
    </div>
  </div>

