import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { LoaderService, ToastService } from '../../core';
import * as _ from 'lodash-es';
import { urlConstants } from '../../core/constants/urlConstants';
import { DhitiApiService } from '../../core/services/dhiti-api.service';
import { ModalController } from '@ionic/angular';
import { ReportModalFilter } from '../../shared/components/report-modal-filter/report.modal.filter';
import { RouterLinks } from '@app/app/app.constant';
import { AppHeaderService } from '@app/services';
import { ReportListComponent } from '../../shared';

@Component({
  selector: 'app-reports',
  templateUrl: './reports.component.html',
  styleUrls: ['./reports.component.scss'],
})
export class ReportsComponent implements OnInit {
  state: { [k: string]: any };
  data: any;
  error: { result: boolean; message: string };
  submissionId: any;
  action;
  filters: any;
  segmentValue: string;
  filteredData: any;
  modalFilterData: any;
  reportSections: any;
  _headerConfig;
  constructor(
    private router: Router,
    private toast: ToastService,
    private loader: LoaderService,
    private dhiti: DhitiApiService,
    private modal: ModalController,
    private headerService: AppHeaderService
  ) {
    this.state = this.router.getCurrentNavigation().extras.state;
  }

  ngOnInit() {
    this.segmentValue = 'questionwise';
    this.state['pdf'] = false;
    this.getReport();
    this._headerConfig = this.headerService.getDefaultPageConfig();
    this._headerConfig.actionButtons = [];
    this._headerConfig.showHeader = true;
    this._headerConfig.showBurgerMenu = false;
    this._headerConfig.pageTitle = ""
    this.headerService.updatePageConfig(this._headerConfig);
  }
  getReport() {
    // remove null and undefined
    this.state = _.omitBy(this.state, _.isNil);
    this.error = null;
    this.loader.startLoader();
    const config = {
      url: urlConstants.API_URLS.GENERIC_REPORTS,
      payload: this.state,
    };

    this.dhiti.post(config).subscribe(
      (success) => {
        this.loader.stopLoader();
        if (success.result === true && success.reportSections) {
          this.data = success;
          this.reportSections = this.filterBySegment();

          if (this.data.filters && !this.filters) {
            this.filters = this.data.filters;
          }

          if (this.data.filters) {
            let modalFilter = this.data.filters.filter((filter) => filter.filter.type == 'modal')[0];
            this.filters = this.filters.map((filter) => {
              if (filter.filter.type == 'modal') {
                filter = modalFilter;
              }
              return filter;
            });
          }
        } else {
          this.toast.openToast(success.message);
          this.error = success;
          this.reportSections = [];
        }
      },
      (error) => {
        this.toast.openToast(error.message);
        this.loader.stopLoader();
        this.reportSections = [];
        this.error = error;
      }
    );
  }

  instanceReport(e) {
    this.state.submissionId = this.submissionId;
    this.getReport();
  }

  config() {
    let payload = Object.assign({}, this.state, { pdf: true }); // will not change state obj
    const config = {
      url: urlConstants.API_URLS.GENERIC_REPORTS,
      payload: payload,
    };

    return config;
  }

  segmentChanged(segment) {
    segment === 'criteriawise' ? (this.state.criteriaWise = true) : (this.state.criteriaWise = false);
    this.state.filter = null;
    this.modalFilterData = null;
    this.getReport();
  }

  filterBySegment() {
    if (this.segmentValue == 'questionwise') {
      let reportSections = [{ questionArray: this.data.reportSections }];
      return reportSections;
    }

    return this.data.reportSections;
  }

  async openFilter(data, keyToSend) {
    this.modalFilterData ? null : (this.modalFilterData = data);
    let filteredData;
    if (this.state.filter && this.state.filter.length) {
      filteredData = this.state.filter[keyToSend];
    } else {
      filteredData = data.map((d) => d._id);
    }

    let dataType= this.state.criteriaWise ?'criteria': 'question'
    const modal = await this.modal.create({
      component: ReportModalFilter,
      componentProps: {
        data: this.modalFilterData,
        filteredData: JSON.parse(JSON.stringify(filteredData)),
        dataType:dataType 
      },
    });
    await modal.present();
    await modal.onDidDismiss().then((response: any) => {
      if (
        response.data &&
        response.data.action === 'updated' &&
        JSON.stringify(response.data.filter) !== JSON.stringify(filteredData)
      ) {
        this.state.filter = {};
        this.state.filter[keyToSend] = response.data.filter;
        this.getReport();
      }
    });
  }

  allEvidence(element:any):any {
    const queryParams = {
      submissionId: this.state.submissionId,
      observationId: this.state.observationId,
      entityId: this.state.entityId,
      questionExternalId: element.order,
      entityType: this.state.entityType,
    };
    if (this.state.survey) {
      queryParams["surveyEvidence"] = true;
    }
    if (this.state.survey && this.state.solutionId) {
      queryParams["solutionId"] = this.state.solutionId;
    }
    this.router.navigate([RouterLinks.ALL_EVIDENCE], {
      queryParams:queryParams,
    });
  }

  goToImpSugg() {
     const state  = {
       data: this.data.improvementProjectSuggestions,
       solutionName: this.data.solutionName,
       solutionId: this.data.solutionId,
       observationId: this.state.observationId,
       entityId: this.state.entityId,
     };
    this.router.navigate([RouterLinks.IMP_SUGGESTIONS], {
      state: state,
    });
  }

  async loadMoreReports(element,data,questionNumber){
    const modal = await this.modal.create({
      component: ReportListComponent,
      componentProps: {
        data:  JSON.parse(JSON.stringify(data)),
        element : JSON.parse(JSON.stringify(element)),
        questionNumber:questionNumber,
        config :{
          url : urlConstants.API_URLS.SURVEY_FEEDBACK.GET_ALL_ANSWERS,
          payload:{
            solutionId: this.state.solutionId,
            questionExternalId: element.order,
            completedDate:element.completedDate
          }
      },
    }
    });
    await modal.present();
  }
}