import { Component, Input, Output, EventEmitter } from '@angular/core';
import { TrainingProvider } from '../../providers/training/training';
import { HelpersProvider } from '../../providers/helpers/helpers';
import { EventLoggerProvider } from '../../providers/event-logger/event-logger';
import { LoadingController, NavController } from 'ionic-angular';
import { AuthProvider } from '../../providers/auth/auth';

/**
 * Generated class for the TrainingsComponent component.
 *
 * See https://angular.io/api/core/Component for more info on Angular
 * Components.
 */
@Component({
  selector: 'trainings',
  templateUrl: 'trainings.html'
})
export class TrainingsComponent {

	@Input() program = {id: null};
	@Output() onClick = new EventEmitter();
  @Input() refresh = 0;

	public trainings: any = [];
  public loading: boolean = false;
  public error: boolean = false;
  public images: any = [];
  public globalTraining : any
  public user : any


  constructor(
  	public trainingProvider: TrainingProvider,
    public helpers: HelpersProvider,
    public logger: EventLoggerProvider,
    public loadingCtrl: LoadingController,
    public auth: AuthProvider,
    private navCtrl: NavController
  ) {

  }

  ionViewDidEnter() {
    alert(9)
  }

  /*ionViewWillEnter() {
    alert(this.refresh)
    alert(111);
  }

  ionViewDidEnter() {
    alert(this.refresh)
  }

  ionViewDidLoad() {
    alert(this.refresh)
  }

*/


  ngOnInit() {
    this.logger.pagecurrent('Treinos');
    this.getTrainings();
    this.user = this.auth.getSavedUser();
    /*if(this.refresh == 1) {
      this.getTrainings();
    }*/
    //alert(2)

  }
  ngOnChanges() {
    alert(this.refresh)
  }
  getTrainings() {
  	const { id } = this.program;
    this.loading = true;
    this.error = false;
  	this.trainingProvider.trainings(id)
  		.then(trainings => {
        this.loading = false;
        this.trainings = trainings;
        console.log(this.trainings);
  		})
  		.catch(err => {
        this.loading = false;
        this.error = true;
  		})
  }

  select(training) {
    console.log(training)
    if(training.pay == 1 && this.user.status == 1) {
      this.onClick.emit(training);
    } else if(training.pay == 0) {
      this.onClick.emit(training);
    } else {
      this.helpers.showToast("Esse treino é exclusivo para usuários premium");
    }

  }

  clickLook(training){
    let load = this.loadingCtrl.create({
      content: '',
      cssClass: 'transparent',
    });

    load.present();
    this.globalTraining = training;
    if(training.look==null){
      this.trainingProvider.look({ training_id:training.id })
        .then(look => {
          //this.getTrainings();
          this.globalTraining.look = 1
          this.helpers.showToast("Treino Favoritado.");
          load.dismiss();
          this.logger.event('treino_favoritado',{id:this.globalTraining.id, name:this.globalTraining.name});
          //this.logger.event('treino_favoritado', this.globalTraining.name);
        }, err => {
          load.dismiss();
          this.helpers.showToast("Algo não funcionou bem. Tente novamente.");
        })
    } else {
      this.trainingProvider.removeLook(training.id)
        .then(look => {
          this.globalTraining.look = 0
          this.helpers.showToast("Treino não é mais favoritado.");
          load.dismiss();
          this.logger.event('treino_desfavoritado',{id:this.globalTraining.id, name:this.globalTraining.name});
        }, err => {
          this.helpers.showToast("Algo não funcionou bem. Tente novamente.");
          load.dismiss();
        })
    }
  }

  loadImage(index){
    this.images[index] = true;
  }
  /*ionViewWillEnter() {
    //this.getTrainings();
    //this.navCtrl.setRoot(this.navCtrl.getActive().component);
  }*/
}