import { Component, OnInit, Input, EventEmitter, Output } from '@angular/core';
import { NavigationExtras, Router } from '@angular/router';
import { MenuController, ModalController, NavParams, PopoverController } from '@ionic/angular';
import { Event } from 'src/app/models/event.model';
import { AlertService } from 'src/app/services/alert.service';
import { AttachmentsService } from 'src/app/services/attachments.service';
import { ProcessesService } from 'src/app/services/processes.service';
import { EmendMessageModalPage } from 'src/app/pages/agenda/emend-message-modal/emend-message-modal.page';
import { EventActionsPopoverPage } from 'src/app/pages/agenda/event-actions-popover/event-actions-popover.page';


@Component({
  selector: 'app-approve-event',
  templateUrl: './approve-event.component.html',
  styleUrls: ['./approve-event.component.scss'],
})
export class ApproveEventComponent implements OnInit {

  event: Event;
  loadedEvent:any;
  loadedAttachments:any;
  customDate:any;
  today:any;
  show: boolean = false;
  
  months = ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"];
  days = ["Domingo", "Segunda-feira", "Terça-feira", "Quarta-feira", "Quinta-feira", "Sexta-feira", "Sábado"];

  @Input() serialNumber:string;
  @Input() showAside:boolean;

  @Output() approveEventDismiss = new EventEmitter<any>();
  @Output() closeEventToApprove = new EventEmitter<any>();
  @Output() AproveEventEditEvent = new EventEmitter<any>();

  constructor(
    private router:Router,
    private modalController: ModalController,
    private processes:ProcessesService,
    private attachmentsService: AttachmentsService,
    private popoverController: PopoverController,
    private menu: MenuController,
    private alertService: AlertService
  ) { }

  ngOnInit() {
    this.getTask();
    this.getAttachments();
    console.log(this.showAside);
    
  }

  notImplemented(){
    this.alertService.presentAlert('Funcionalidade em desenvolvimento');
  }

  close(){
    /* this.router.navigate(['/home/gabinete-digital/event-list']); */
    this.closeEventToApprove.emit();
    this.modalController.dismiss();
  }

  getTask(){
    this.processes.GetTask(this.serialNumber).subscribe(res => {
      console.log(res);
      this.loadedEvent = res;
      this.today = new Date(res.workflowInstanceDataFields.StartDate);
      console.log(new Date(this.today));
      this.customDate = this.days[this.today.getDay()]+ ", "  + this.today.getDate() +" de "  + ( this.months[this.today.getMonth()]);
      
    })
  }
  approveTask(serialNumber:string){
    let body = { "serialNumber": serialNumber, "action": "Aprovar" }
    console.log(body);
    this.processes.PostTaskAction(body);
    this.alertService.presentAlert('Operação realizada com sucesso!');
    this.modalController.dismiss(serialNumber);
    /* this.approveEventDismiss.emit({ 
      "serialNumber": serialNumber,
      "action": "Aprovar", 
      "saveData": {
        loadedEvent: this.loadedEvent,
        today: this.today,
        customDate: this.customDate
      }
    }); */
  }

  emendTask(serialNumber:string){
    /* console.log('Emendar'); */
    this.menu.close();
    this.openEmendMessageModal(serialNumber);
    this.modalController.dismiss(null);
  }

  rejectTask(serialNumber:string){
  
    let body = { "serialNumber": serialNumber, "action": "Rejeitar" }
    console.log(body);
    this.processes.PostTaskAction(body);
    this.alertService.presentAlert('Operação realizada com sucesso!');
    this.router.navigate(['/home/gabinete-digital/event-list']);
    this.modalController.dismiss(null);
  }
  
  getAttachments(){
    this.attachmentsService.getAttachmentsBySerial(this.serialNumber).subscribe(res=>{
      this.loadedAttachments = res;
      console.log(res);
    });
  }

  async openOptions(ev:any) {
    const popover = await this.popoverController.create({
      component: EventActionsPopoverPage,
      cssClass: 'event-actions-popover',
      event: ev,
      translucent: true
    });
    return await popover.present();
  }
  
  openMenu() {
    this.menu.open();
  }
  async openEmendMessageModal(serialNumber:string) {
    const modal = await this.modalController.create({
      component: EmendMessageModalPage,
      componentProps:{
      },
      cssClass: 'emend-message-modal',
      backdropDismiss: false
    });

    await modal.present();

    modal.onDidDismiss().then(res => {
      console.log(res.data);
      
      if(res.data !== ''){
        let body = { "serialNumber": serialNumber, 
        "action": "Emendar",
        "dataFields": {
        "ReviewerComments": res.data,
        }
        }
      console.log(body);
      this.processes.PostTaskAction(body);
      //this.router.navigate(['/home/gabinete-digital/event-list']);
      this.alertService.presentAlert('Operação realizada com sucesso!');
      this.goToEventsToApprove();
      }
      else{
        this.alertService.presentAlert('Operação cancelada!');
      }
    });
  }

  goToEventsToApprove(){
    let navigationExtras: NavigationExtras = {
      queryParams: {
          "events": true,
      }
    };
    this.router.navigate(['/home/gabinete-digital'], navigationExtras);
  }

}