import { Component, OnInit, Input, EventEmitter, Output } from '@angular/core';
import { NavigationExtras, Router } from '@angular/router';
import { ModalController, PopoverController } from '@ionic/angular';
import { Event } from 'src/app/models/event.model';
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';
import { ToastService } from 'src/app/services/toast.service';
import { ViewDocumentPage } from 'src/app/modals/view-document/view-document.page';
import { ThemeService } from 'src/app/services/theme.service';
import { HttpErrorHandle } from 'src/app/services/http-error-handle.service';
import { TaskService } from 'src/app/services/task.service'
import { AgendaDataRepositoryService } from 'src/app/module/agenda/data/repository/agenda-data-repository.service';
import { EventToApproveDetails } from 'src/app/models/entiry/agenda/eventToApproveDetails';
import { EventsService } from 'src/app/services/events.service';
import { isHttpError } from 'src/app/services/http.service';
import { TracingType, XTracerAsync } from 'src/app/services/monitoring/opentelemetry/tracer';
import { PermissionService } from 'src/app/services/permission.service';

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

  event: Event;
  @Input() loadedEvent: EventToApproveDetails;
  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() showComponent: string;
  @Input() componentTransparent: any
  @Input() InstanceId: string;
  @Input() showAside: boolean;

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

  @Output() EditApproveEventDismiss = new EventEmitter<any>();

  constructor(
    private router: Router,
    private modalController: ModalController,
    private popoverController: PopoverController,
    private toastService: ToastService,
    public ThemeService: ThemeService,
    private httpErroHandle: HttpErrorHandle,
    public TaskService: TaskService,
    private agendaDataRepository: AgendaDataRepositoryService,
    public EventsService: EventsService,
    private httpErrorHandle: HttpErrorHandle,
    public p: PermissionService,
  ) {
    // Event to approve list


    window['edit-approve-event-desktop'] = () => {
      this.getTask()
    }
  }

  toDateString(e) {
    return new Date(e).toDateString()
  }

  ngOnInit() {
    this.getTask();
  }


  close() {
    this.closeEventToApprove.emit();
    this.modalController.dismiss();
  }

  @XTracerAsync({name:'ApproveEventPage/getTask', bugPrint: true})
  async getTask(tracing?: TracingType) {

    const res = await this.agendaDataRepository.getEventToApproveById(this.serialNumber, tracing)

    if (res.isOk()) {
      this.loadedEvent = res.value;
      this.loadedAttachments = this.loadedEvent.Attachments
      this.today = new Date(res.value.workflowInstanceDataFields.StartDate);
      //
      this.customDate = this.days[this.today.getDay()] + ", " + this.today.getDate() + " de " + (this.months[this.today.getMonth()]);
      tracing.setAttribute('outcome', 'success')
    } else {
      tracing.setAttribute('eventId', this.serialNumber)

      if(!isHttpError(res.error)) {
        this.toastService._badRequest('Pedimos desculpa mas não foi possível executar a acção. Por favor, contacte o apoio técnico. #133')
        console.log(res.error)
      } else if (isHttpError(res.error)) {

        if(res.error.status == 404) {
          this.toastService._badRequest('Este evento já não existe')
        } else {
          this.httpErrorHandle.httpStatusHandle(res.error)
        }

      }
    }

  }

  async approveTask(serialNumber: string) {
    let body = { "serialNumber": serialNumber, "action": "Aprovar" }

    const loader = this.toastService.loading()

    const result = await this.agendaDataRepository.approveEvent(serialNumber)// .subscribe((value) => {
    if(result.isOk()) {

      console.log(result.value)
      this.modalController.dismiss(serialNumber);
      this.httpErroHandle.httpsSucessMessagge('Aprovar')
      this.TaskService.loadEventosParaAprovacao();
    }  else {

      console.log('aprove event error: ', result.error)
      this.httpErroHandle.httpStatusHandle(result.error)
    }

    this.close()
    loader.remove()


  }

  async rejectTask(serialNumber: string) {

    let body = { "serialNumber": serialNumber, "action": "Rejeitar" }


    const loader = this.toastService.loading()
    const result = await this.agendaDataRepository.deleteEvent(serialNumber, true)//.subscribe((value) => {

    if(result.isOk()) {
      this.httpErroHandle.httpsSucessMessagge('delete event');
      this.TaskService.loadEventosParaAprovacao();

      this.close()
    } else {

      console.log('reject event error: ', result.error)
      this.httpErroHandle.httpStatusHandle(result.error)
    }

    loader.remove()
  }


  async viewDocument(DocId: string, Document) {

    const modal = await this.modalController.create({
      component: ViewDocumentPage,
      componentProps: {
        trustedUrl: '',
        file: {
          title: Document.Description,
          url: '',
          title_link: '',
        },
        Document,
        applicationId: Document.ApplicationId,
        docId: Document.DocId || Document.SourceId,
        // folderId: this.loadedEvent.FolderId,
        task: this.loadedEvent
      },
      cssClass: 'modal modal-desktop'
    });
    await modal.present();

  }

  async openOptions(ev: any) {
    const popover = await this.popoverController.create({
      component: EventActionsPopoverPage,
      componentProps: {
        activityInstanceName: this.loadedEvent.activityInstanceName
      },
      cssClass: 'event-actions-popover',
      event: ev,
      translucent: true
    });
    return await popover.present().then(() => {
      this.TaskService.loadEventosParaAprovacao()
      this.getTask()
    }, (error) => {
      console.log(error)
    })
  }

  async emendTask(serialNumber: string) {

    const modal = await this.modalController.create({
      component: EmendMessageModalPage,
      componentProps: {
      },
      cssClass: 'emend-message-modal',
      backdropDismiss: false
    });



    modal.onDidDismiss()
      .then(async (res) => {

        if (res.data.option == 'save') {



          let body = {
            "serialNumber": serialNumber,
            "action": "Emendar",
            "dataFields": {
              "ReviewUserComment": res.data,
            }
          }

          const loader = this.toastService.loading();
          /* await this.processes.PostTaskAction(body).toPromise(); */
          const result = await this.agendaDataRepository.eventToaprovalStatus(serialNumber, 'Revision', res.data.note)// .subscribe((value) => {
            if(result.isOk()) {
              this.httpErroHandle.httpsSucessMessagge('Rever')
              this.TaskService.loadEventosParaAprovacao();
              this.close();
            } else {

              console.log('send event to revision error: ', result.error)
              this.httpErroHandle.httpStatusHandle(result.error)
            }

            loader.remove()


        } else {

        }

      }, (error) => {
        console.log(error)
      });

    await modal.present();

  }

  goToEventsToApprove() {
    if (window.location.pathname.startsWith('/home/agenda')) {
      this.close()
    } else {
      let navigationExtras: NavigationExtras = {
        queryParams: {
          "eventos": true,
        }
      };
      this.router.navigate(['/home/gabinete-digital'], navigationExtras);
    }

  }


  /** @description edit event to aprove */
  async editar(serialNumber: string) {

    this.EditApproveEventDismiss.emit();

  }
}