import { Component } from "@angular/core";
import { IonicPage, NavController, NavParams } from "ionic-angular";
import { ApiProvider } from "../../providers/api/api";
import { Storage } from "@ionic/storage";
import { SettingsPage } from "../settings/settings";
import { ProcessesPage } from "../processes/processes";
import {GeneralPage} from "../general/general";
import {PendenciesPage} from "../pendencies/pendencies";
import {AlertsPage} from "../alerts/alerts";
import {HistoryPage} from "../history/history";
import {SharePage} from "../share/share";
import {DocumentsPage} from "../documents/documents";
import {ProcessDetailsPage} from "../process-details/process-details";
import { ProfilePage } from "../profile/profile";
import { HomePage } from "../home/home";
/**
 * Generated class for the SharedWithMePage page.
 *
 * See https://ionicframework.com/docs/components/#navigation for more info on
 * Ionic pages and navigation.
 */

@IonicPage()
@Component({
  selector: 'page-shared-with-me',
  templateUrl: 'shared-with-me.html',
})
export class SharedWithMePage {
  isFilterOpen = false;
  processes;
  process;
  filteredProcesses;
  dataValues=[];


  constructor(public navCtrl: NavController, public navParams: NavParams, private api: ApiProvider, private storage: Storage) {
    var user = JSON.parse(localStorage.getItem("userIds"));
    console.log(user);
    this.api
      .getProcessByUserId(user.id)
      .then(response => {
        this.processes = response;
        console.log(response);
        this.filteredProcesses = this.processes.processesUser;
        console.log(this.filteredProcesses);
        for(var i = 0; i < this.filteredProcesses.length; i++) {
          this.dataValues.push(this.filteredProcesses[i]);
          console.log(this.filteredProcesses[i]);
        }
        // this.dataValues = []; //For values
        // this.dataValues.push(this.filteredProcesses);
        console.log(this.dataValues);

      })
      .catch(error => {
        console.error(error);
      });
  }



  ionViewDidLoad() {
    // var user = JSON.parse(localStorage.getItem("userIds"));
    // console.log(user);
    // this.api
    //   .getProcessByUserId(user.id)
    //   .then(response => {
    //     this.processes = response;
    //     this.filteredProcesses = this.processes.processesUser;
    //     console.log(this.filteredProcesses);
    //   })
    //   .catch(error => {
    //     console.error(error);
    //   });
  }

  filter(e){
    this.filteredProcesses = this.processes;
    console.log(this.filteredProcesses);
    const term = e.target.value;

    if(!term) return;

    this.filteredProcesses = this.filteredProcesses.filter(process => {
      if(process.nr && term ||
         process.license_status && term ||
         process.client_name && term ||
         process.reason && term ||
         process.client_document && term){
          console.log("true");

        if(
          (process.nr.indexOf(term) > -1) ||
          (process.license_status.toLowerCase().indexOf(term.toLowerCase()) > -1)||
          (process.client_name.toLowerCase().indexOf(term.toLowerCase()) > -1) ||
          (process.client_document.toLowerCase().indexOf(term.toLowerCase()) > -1) ||
          (process.reason.toLowerCase().indexOf(term.toLowerCase()) > -1)
        ) {     console.log("true 2");
        return true;}
      }
    console.log("false");
      return false;
    })
  }

  goToProcessDetails(process){
    console.log("detalhamento de processo");
    this.storage
    .set("process", process)
    .then(() => {
      console.log("toggle process-> " + process.nr);

      this.navCtrl.push(GeneralPage);
    })
    .catch(err => {
      console.log(err);
    });

  }

  redirect(page, process) {
    this.storage
        .set("process", process)
        .then(() => {
          if (page === "general") this.navCtrl.push(GeneralPage);
          if (page === "pendencies") this.navCtrl.push(PendenciesPage);
          if (page === "alerts") this.navCtrl.push(AlertsPage);
          if (page === "history") this.navCtrl.push(HistoryPage);
          if (page === "share") this.navCtrl.push(SharePage);
          if (page === "documents") this.navCtrl.push(DocumentsPage);
        })
        .catch(err => {
          console.log(err);
        });
  }

      /*Botton Menu*/
      goToHome() {
        this.navCtrl.setRoot(HomePage);
      }

      goToProcess() {
        this.navCtrl.push(ProcessesPage);
      }

      goToProfile() {
        this.navCtrl.push(ProfilePage);
      }
      goToSettings(){
    this.navCtrl.push(SettingsPage);
  }


}