import { Component, Input, OnInit } from '@angular/core';
import { LoaderService, UtilsService } from '@app/app/manage-learn/core';
import { KendraApiService } from '@app/app/manage-learn/core/services/kendra-api.service';
import { UnnatiDataService } from '@app/app/manage-learn/core/services/unnati-data.service';
import { ModalController, Platform } from '@ionic/angular';
import * as _ from 'underscore';
import { urlConstants } from '@app/app/manage-learn/core/constants/urlConstants';
import { Location } from '@angular/common';

@Component({
  selector: 'app-filter-modal',
  templateUrl: './filter-modal.component.html',
  styleUrls: ['./filter-modal.component.scss'],
})
export class FilterModalComponent implements OnInit {
  page = 1;
  limit = 15;
  entityTypes: any;
  selectedType = 'school';
  dataList: any = [];
  @Input() type: string;
  @Input() entityId: string;
  searchText: any;
  count: any;
  constructor(
    private loader: LoaderService,
    // public reportSrvc: ReportsService,
    public kendraSrvc: KendraApiService,
    public unnatiSrvc: UnnatiDataService,
    private modalCtrl: ModalController,
    private utils: UtilsService,
    private location: Location,
    public platform: Platform
  ) {
    this.search = _.debounce(this.search, 500);
  }

  ngOnInit() {
    this.dataList = [];
    this.search('');
  }

  typeChange(e) {
    this.selectedType = e.detail.value;

    this.serachEntity(this.searchText);
  }

  search(searchText) {
    if (searchText == null || searchText == undefined) {
      searchText = '';
    }
    this.searchText = searchText;

    this.type == 'entity' ? this.serachEntity(searchText) : this.searchProgramByEntity(searchText);
  }
  async searchProgramByEntity(searchText: any) {
    this.loader.startLoader();
    let payload = await this.utils.getProfileData();
    const config = {
      url:
        urlConstants.API_URLS.GET_PROGRAM_BY_ENTITY +
        // this.entityId +
        `?search=${encodeURIComponent(searchText)}&page=${this.page}&limit=${this.limit}`,
      payload: payload,
    };
    this.unnatiSrvc.post(config).subscribe(
      (data) => {
        this.loader.stopLoader();
        this.dataList = this.dataList.concat(data.result.data);
      },
      (error) => {
        this.loader.stopLoader();
      }
    );
  }
  async serachEntity(searchText: any) {

  }
  getEntityTypes() {
    this.utils.getMandatoryEntitiesList().then((data) => {
      this.entityTypes = data;
    });
  }

  dismissModal(data?) {
    this.modalCtrl.dismiss(data);
  }

  loadData(event) {
    setTimeout(() => {
      event.target.complete();
      this.page++;
      this.search(this.searchText);
      if (this.dataList.length == this.count) {
        event.target.disabled = true;
      }
    }, 500);
  }
}