import { Component, OnInit, Input } from '@angular/core';
import { TournamentDocument, TournamentBranding, AttendeeTournamentView } from 'tournee.businesslogic';
import { TournamentDay } from 'tournee.businesslogic';
import { GameSystem } from 'tournee.businesslogic';
import { DomSanitizer } from '@angular/platform-browser';
import { Font } from 'ngx-font-picker';

@Component({
  selector: 'app-tournament-viewer-header',
  templateUrl: './tournament-viewer-header.component.html',
  styleUrls: ['./tournament-viewer-header.component.css']
})
export class TournamentViewerHeaderComponent implements OnInit {
  @Input() Branding: TournamentBranding;
  @Input() TournamentName: string;
  @Input() TournamentDescription: string;
  @Input() TournamentLocationCountryName: string;
  @Input() EventPack: TournamentDocument;
  @Input() Days: Array<TournamentDay> = [];
  @Input() GameSystems: Array<GameSystem> = [];
  @Input() Tournament: AttendeeTournamentView;


  constructor(public sanitizer: DomSanitizer) { }

  ngOnInit() {
  }
  get_global_font_styles() {
    return new Font(this.Branding.global_font).getStyles()
  }
  get_banner_font_styles() {
    return new Font(this.Branding.banner_font).getStyles()
  }
}