import { Component, OnInit, Input } from '@angular/core';
import { Router } from '@angular/router';
import { SoldTournamentTicket } from 'tournee.businesslogic';
import { Font } from 'ngx-font-picker';
import * as WebFont from 'webfontloader';
import { ScrollToService } from '@nicky-lenaers/ngx-scroll-to';
import { UtilityService } from 'src/app/shared/services/utility.service';

@Component({
  selector: 'app-sold-ticket-viewer',
  templateUrl: './sold-ticket-viewer.component.html',
  styleUrls: ['./sold-ticket-viewer.component.css']
})
export class SoldTicketViewerComponent implements OnInit {
  @Input() Tickets: Array<SoldTournamentTicket> = [];
  @Input() UseBranding: boolean = false;

  constructor(private _router: Router, private _scrollToService: ScrollToService) { }

  ngOnInit() {
    if (this.UseBranding) {
      WebFont.load({
        google: {
          families: [this.Tickets[0].branding.global_font.family, this.Tickets[0].branding.banner_font.family]
        }
      });
    }    
    this._scrollToService.scrollTo(UtilityService.scroll_to_head);
  }
  
  get_global_font_styles() {
    if (this.UseBranding) {
      return new Font(this.Tickets[0].branding.global_font).getStyles();
    }
  }
  get_banner_font_styles() {
    if (this.UseBranding) {
      return new Font(this.Tickets[0].branding.banner_font).getStyles();
    }
  }
}