import { Component, OnInit, Input, AfterViewInit } from '@angular/core';
import { UtilService } from 'src/app/core/services/util-service/util.service';
import { IdGeneratorService } from 'src/app/core/services/id-generator.service';
import { DomSanitizer } from '@angular/platform-browser';
import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
import { ConstantsService } from 'src/app/shared/constants/constants.service';
import { fromEvent } from 'rxjs';
import { map } from 'rxjs/operators';

type videoType = 'AKAMAI' | 'MEDIA_MASTER' | 'YOUTUBE';

@Component({
	selector: '[video-player]',
	templateUrl: './video-player.component.html',
	styleUrls: ['./video-player.component.scss']
})
export class VideoPlayerComponent implements OnInit {

	@Input() videoJSON: any;
	@Input() videoDescription: string;

	videoType: videoType;
	videoID: string;
	videoObject: any = {};

	constructor(private util: UtilService,
		private sanitizer: DomSanitizer,
		private modalService: NgbModal,
		private constants: ConstantsService,
		private idService: IdGeneratorService) { }

	ngOnInit() {
		this.videoID = `video-id-${this.idService.getId()}`;
		this.videoType = this.getVideoType(this.videoJSON);

		// Akamai player does require any special fields to be set, will take the entire videoJSON as input
		if (this.videoType === 'YOUTUBE') {
			this.setUpYoutubeVideo(this.videoJSON);
		} else if (this.videoType === 'MEDIA_MASTER') {
			this.setUpMediaMasterVideo(this.videoJSON);
		}
	}



	private getVideoType(video: any): videoType {
		const isAkamai = this.util.extract(video, 'Type') === 'akamaiplayer';
		// If this only exists on the youtube video
		const isYoutube = !!this.util.extract(video, 'VidDisplay');
		if (isAkamai) {
			return 'AKAMAI';
		} else if (isYoutube) {
			return 'YOUTUBE';
		} else {
			return 'MEDIA_MASTER';
		}
	}

	public openModal(templateRef): void {
		this.modalService.open(templateRef, { size: 'lg', centered: true });
	}

	public setUpMediaMasterVideo(video: any): void {
		this.videoObject['URL'] = this.util.extract(video, 'Url');
		this.videoObject['MIME_TYPE'] = this.util.extract(video, 'MimeType');
		this.videoObject['IMG'] = this.constants.VIDEO_PLAYER_PREVIEW_IMG;
	}

	public setUpYoutubeVideo(video: any): void {
		const youtubeVideoId = this.util.extract(video, 'Link');
		this.videoObject['URL'] = this.sanitizer.bypassSecurityTrustResourceUrl(`https://www.youtube.com/embed/${youtubeVideoId}?autoplay=1&enablejsapi=1`);
		this.videoObject['IMG'] = `https://img.youtube.com/vi/${youtubeVideoId}/0.jpg`;
	}
}