import { Component, Input, OnInit } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ActivatedRoute } from '@angular/router';

import { MatButtonModule } from '@angular/material/button';
import { MatDividerModule }  from '@angular/material/divider';
import { MatTabsModule } from '@angular/material/tabs';

import { RaceDetailsComponent } from '../../components/race-details/race-details.component';
import { SeasonStandingsComponent } from '../../components/season-standings/season-standings.component';

import { SeasonsService } from '../../services/seasons.service';
import { RacesService } from '../../services/races.service';
import { Season } from '../../models/season.model';
import { Race } from '../../models/race.model';

@Component({
  selector: 'app-season-details',
  standalone: true,
  imports: [
    CommonModule,
    MatButtonModule,
    MatDividerModule,
    MatTabsModule,
    RaceDetailsComponent,
    SeasonStandingsComponent,
  ],
  templateUrl: './season-details.component.html',
  styleUrl: './season-details.component.scss'
})
export class SeasonDetailsComponent {
  season?: Season;
  races: Race[] = [];

  constructor(
    private route: ActivatedRoute,
    private seasonsService: SeasonsService,
    private racesService: RacesService,
    ) {}
  
  ngOnInit() {
    const id = String(this.route.snapshot.paramMap.get('id'));
    this.seasonsService.getSeason(id).subscribe( data => {
      this.season = data;

      if(this.season == undefined) {
        return;
      }
  
      for (let race_id of this.season.races) {
        this.racesService.getRace(race_id).subscribe( data => {
          if( data != undefined ){
            this.races.push(data);
          }
        });
      }
    });
  }

  openUploadReplayDialog(id: string) {

  }
}