@if (tournament) {
  <table class="table table-hover w-75 m-4">
    <thead>
    <tr>
      <th>Naam</th>
      <th>Wedstrijden geteld</th>
      <th>Onderdelen</th>
      <th>Kosten</th>
      <th>Betaald</th>
      <th>Aanwezig</th>
    </tr>
    </thead>
    <tbody>
      @for (tournamentPlayer of tournament.tournamentPlayers; track tournamentPlayer.playerId) {
        <tr>
          <td>{{ tournamentPlayer.name }}</td>
          <td>{{ tournamentPlayer.counts }}</td>
          <td>
            @for (event of tournamentPlayer.events; track event) {
              {{ event }}&nbsp;
            }
          </td>
          <td>
            {{ tournament.costsPerEvent[tournamentPlayer.events.length - 1] | currency:'EUR':'symbol':'1.2-2':'nl' }}
          </td>
          <td>
            <mat-slide-toggle [(ngModel)]="tournamentPlayer.paid" (change)="playerPaid($event, tournamentPlayer.playerId)">
              @if (tournamentPlayer.paid) {
                Betaald
              } @else {
                Nog niet betaald
              }
            </mat-slide-toggle>
          </td>
          <td>
            <mat-slide-toggle [(ngModel)]="tournamentPlayer.present" (change)="playerPresent($event, tournamentPlayer.playerId)">
              @if (tournamentPlayer.present) {
                Aanwezig
              } @else {
                Nog niet aanwezig
              }
            </mat-slide-toggle>
          </td>
        </tr>
      }
    </tbody>
  </table>
}