import {Component, OnInit} from '@angular/core';
import {MatCard, MatCardContent, MatCardHeader} from "@angular/material/card";
import {CurrencyPipe} from "@angular/common";
import {MatSlideToggle, MatSlideToggleChange} from "@angular/material/slide-toggle";
import {TournamentService} from "../../service/tournament.service";
import {ActivatedRoute, Router} from "@angular/router";
import {Tournament} from "../../model/tournament";
import {FormsModule} from "@angular/forms";
import {MatSnackBar} from "@angular/material/snack-bar";

@Component({
  selector: 'app-tournament-players',
  imports: [
    MatCard,
    MatCardContent,
    MatCardHeader,
    // MatIcon,
    CurrencyPipe,
    MatSlideToggle,
    FormsModule
  ],
  templateUrl: './tournament-players.component.html',
  styleUrl: './tournament-players.component.scss'
})
export class TournamentPlayersComponent implements OnInit {

  tournament: Tournament;

  constructor(
    private tournamentService: TournamentService,
    private _snackBar: MatSnackBar,
    private route: ActivatedRoute,
    private router: Router,
  ) {}

  ngOnInit() {
    const id = this.route.snapshot.paramMap.get('id');
    this.tournamentService.getById(Number(id)).subscribe(data => {
      this.tournament = data;
    });
  }

  playerPaid($event: MatSlideToggleChange, playerId: number) {
    this.tournamentService.playerPaid(this.tournament.id, playerId, $event.checked).subscribe(() => {
      this._snackBar.open('Opgeslagen.');
    });
  }

  playerPresent($event: MatSlideToggleChange, playerId: number) {
    this.tournamentService.playerPresent(this.tournament.id, playerId, $event.checked).subscribe(() => {
      this._snackBar.open('Opgeslagen.');
    });
  }

}