WIP: substitutions

src/app/components/substitute-selection/substitute-selection.component.html

@@ -0,0 +1,23 @@
+<mat-dialog-content>
+  <h3>Kies een invaller voor {{ data.player.name }}:</h3>
+
+  <div class="col-md-6">
+    <mat-form-field appearance="fill">
+      <mat-label>Invaller</mat-label>
+      <mat-select [(ngModel)]="substitute">
+        <mat-option>Geen</mat-option>
+        @for (player of data.availablePlayers; track player.playerId) {
+          <mat-option [value]="player">
+            {{ player.name }}
+          </mat-option>
+        }
+      </mat-select>
+    </mat-form-field>
+  </div>
+</mat-dialog-content>
+<mat-dialog-actions>
+  @if (substitute) {
+    <button mat-button [mat-dialog-close]="{substitute: substitute}">Invaller selecteren</button>
+  }
+  <button mat-button (click)="onAnnulerenClick()">Annuleren</button>
+</mat-dialog-actions>