import {Component, OnInit} from '@angular/core';
import {Store} from '@ngrx/store';
import {AppState} from '../../app.state';
import {Game} from '../shared/game';
import {Observable} from 'rxjs/Observable';
import * as gameActions from '../store/games.actions';
import {getAllGames} from '../store/games.reducers';
import {PlatformsService} from '../shared/platforms.service';
import {Platform} from '../shared/platform';
import {getAllPlatforms} from '../store/platforms.reducers';

@Component({
  selector: 'app-game-list',
  templateUrl: './game-list.component.html',
  styleUrls: ['./game-list.component.css']
})
export class GameListComponent implements OnInit {
  title = 'List of Games';
  games: Observable<Game[]>;
  platforms: Observable<Platform[]>;

  constructor(private platformService: PlatformsService,
              private store: Store<AppState>) {
  }

  ngOnInit() {
    console.log('... initializing Hero list component.');

    this.platforms = this.store.select(getAllPlatforms);
    this.games = this.store.select(getAllGames);
  }

  /**
   * Delete the selected hero
   * @param {number} id the hero id
   */
  delete(id: number) {
    if (confirm('Are you sure do you want to delete this Game?')) {
      this.store.dispatch(new gameActions.RemoveGame(id));
    }
  }
}