import { Component, OnInit, Inject } from '@angular/core';
import { Router, ActivatedRoute } from '@angular/router';
import {MatDialog, MatDialogConfig, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material';

import { EvaluationsService } from './evaluations.service';
import {AddEvaluationsComponent} from '../add-evaluation/add-evaluation.component';
import {SendEmailComponent} from '../send-email/send-email.component';
import {AcademicControlLoginComponent} from '../academic-control-login/academic-control-login.component';
import { ResultService } from '../result/result.service';


declare var onAuthApiLoad: any;
declare var onAuth: any;

const defaultDialogConfig = new MatDialogConfig();

@Component({
  selector: 'app-evaluations',
  templateUrl: './evaluations.component.html',
  styleUrls: ['./evaluations.component.scss']
})
export class EvaluationsComponent implements OnInit {
  evaluationsService : EvaluationsService;
  dialog : MatDialog;
  resultService : ResultService;

  router: Router;

  evaluationsList = [];
  subscription;

  constructor(router: Router, evaluationsService : EvaluationsService, resultService : ResultService,  dialog : MatDialog) {
    this.router = router;
    this.evaluationsService = evaluationsService;
    this.resultService = resultService;
    this.dialog = dialog;
  }

  ngOnInit() {
    const callback = (list) => {
      //console.log(list);
      this.evaluationsList = list;
    }
    this.evaluationsService.getEvaluationsList(callback);
    this.subscription = this.evaluationsService.listChanged.subscribe(
      () => {
        this.evaluationsService.getEvaluationsList(callback);
      }
    );
    
  }

  onPlusButtonClick(){   
    const dialogRef = this.dialog.open(AddEvaluationsComponent, {
      disableClose: false,
      panelClass: 'custom-dialog',
      hasBackdrop: true,
      width: '400px',
      height: '425px',
    });  
  }

  onDeleteButtonClick(evaluationId){
    const callback = () => {}
    this.evaluationsService.deleteEvaluation(evaluationId, callback);
  }

  onAnalyzeButtonClick(evaluationId){
    
    const authCallback = (token) => {
      const data = {
          token: token,
          id: evaluationId
      }
      const callback = () => {}
      
      this.evaluationsService.analyzeEvaluation(data, callback);
    }
      this.evaluationsService.saveSubjects().subscribe(
          result => console.log(result)
      );
      onAuth(authCallback);
  }
  
  onSendEmailButtonClick(){
    const dialogRef = this.dialog.open(SendEmailComponent, {
      height: '425px',
      width: '800px'
    });

  }

  onGetResultsButtonClick(evaluationId){
    this.resultService.updateEvalId(evaluationId);
    console.log(evaluationId);
    const callback = () => {
      this.router.navigate(['main', {outlets: {content: ['results']}}]);
    }
    const errHandler = () =>{
      console.log('Deu erro!');
    }
    const data = {
      id: evaluationId
    }
    this.resultService.getResult(data, callback, errHandler);
    //this.router.navigate(['main', {outlets: {content: ['results']}}]);

  }
  onGetReportButtonClick(evaluationId){
    const data = {
      id: evaluationId
    }
    const callback = () => {
      console.log("Deu certo!");
    }
    const errHandler = () => {
      console.log("Deu errado!");
    }
    this.evaluationsService.getReport(data, callback, errHandler);

  }

  onUpdateCAEEButton(){
    const dialogRef = this.dialog.open(AcademicControlLoginComponent, {
      panelClass: 'custom-dialog',
      height: '400px',
      width: '400px'
    });
  }


}