import { Component, ChangeDetectorRef, Input, OnChanges, Output, EventEmitter, OnInit } from '@angular/core';
import { catchError, map } from 'rxjs/operators';
import { throwError } from 'rxjs';
import * as _ from 'lodash-es';
import { PlayerService, ActionService } from '@sunbird/core';
import { ConfigService, ResourceService } from '@sunbird/shared';
import { SourcingService } from '../../services';
import { ProgramTelemetryService } from '../../../program/services';
import { ActivatedRoute } from '@angular/router';

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

  @Input() sessionContext: any;
  @Input() contentDetails: any;
  @Output() moveEvent = new EventEmitter<any>();
  instance: string;
  public playerConfig: any;
  public contentData: any = {};
  public getUploadedContentMeta: any;
  public showPlayer: Boolean = false;
  public contentId;
  constructor(
    private playerService: PlayerService, public configService: ConfigService, private actionService: ActionService,
    private sourcingService: SourcingService, private cd: ChangeDetectorRef, public resourceService: ResourceService,
    public programTelemetryService: ProgramTelemetryService, private route: ActivatedRoute
  ) { }

  ngOnInit() {
    this.instance = _.upperCase(this.resourceService.instance);
  }

  ngOnChanges() {
    if (this.contentDetails.identifier && this.contentId !== this.contentDetails.identifier) {
      this.showPlayer = false;
      this.contentId = this.contentDetails.identifier;
      this.getConfigByContent(this.contentId);
    }
  }

  getConfigByContent(contentId: string) {
    this.playerService.getConfigByContent(contentId).pipe(catchError(err => {
      const errInfo = {
        errorMsg: 'Unable to read the Content, Please Try Again',
        telemetryPageId: this.sessionContext.telemetryPageId, telemetryCdata : this.sessionContext.telemetryInteractCdata,
        env : this.route.snapshot.data.telemetry.env};
      return throwError(this.sourcingService.apiErrorHandling(err, errInfo));
  })).subscribe(config => {
      this.contentData = config.metadata;
      this.playerConfig = config;
      this.playerConfig.context.pdata.pid = `${this.configService.appConfig.TELEMETRY.PID}`;
      this.playerConfig.context.cdata = this.sessionContext.telemetryInteractCdata;
      this.showPlayer = true;
      this.cd.detectChanges();
    });
  }

  addToLibrary() {
    this.moveEvent.emit({
      action: 'beforeMove'
    });
  }

}