import {Component, Input} from '@angular/core';
import {Router} from '@angular/router';
import {ContextsService} from './service/contexts.service';
import {ClaimContext, ClaimEntity} from './claimHelper.class';
import {Session} from '../../login/utils/helper.class';
import {LoginErrorCodes} from '../../login/utils/guardHelper.class';
import {EnvProperties} from '../../utils/properties/env-properties';

declare var UIkit: any;

@Component({
  selector: 'claim-contexts-search-form',
  templateUrl: 'claimContextSearchForm.component.html'

})
export class ClaimContextSearchFormComponent {
  @Input() public results:ClaimEntity[];
  @Input() public sources;
  @Input() public properties: EnvProperties;
  @Input() communityId: string = null;
  @Input() public inlineClaim: boolean = false;
  @Input() basketLimit;

  public selectedCommunityId: string = "0";
  public selectedCategoryId: string = "0";
  public query = '';
  public communities: any;
  public selectedCommunityLabel: string = "Community:";

  public categories: any = [];
  public concepts = [];
  public conceptsClass = [];
  public conceptsClassDisplay = [];
  public conceptsCategoryLoading = [];
  public warningMessage = "";
  public infoMessage = "";
  public loading: boolean = false;
  public error: boolean = false;
  @Input() localStoragePrefix: string = "";

  keyword = "";

  ngOnInit() {
    this.getCommunities();
  }

  constructor(private _contextService: ContextsService, private router: Router) {

  }

  getCommunityClass(community) {
    let addclass = "";
    if (this.isSelected(community.id)) {
      addclass += " contextlabelSelected ";
    } else {
      addclass += " contextlabelNotSelected ";
    }
    if (this.keyword.length > 0) {
      if (community.label.toLowerCase().indexOf(this.keyword.toLowerCase()) == -1) {
        addclass += " fadeOut "
      }
    }
    return addclass + 'uk-label';
  }

  select(community) {
    this.selectedCommunityId = community.id;
    this.selectedCommunityLabel = community.label;
    this.getCategories();
    if (this.isSelected(community.id)) {

    } else {
      this.addNewContext(community.label, null, {'id': community.id, 'label': community.label});
    }
  }

  isSelected(id): boolean {
    for (let _i = 0; _i < this.results.length; _i++) {
      let item = this.results[_i];
      if (item.id == id) {
        return true;
        // this.warningMessage = "Concept already in selected list";
      }
    }
    return false;
  }

  addNewContext(community, category, concept, notify = true) {
    // if (this.results.length > 50) {
    //   UIkit.notification({
    //     message: 'Your basket exceeds the number of allowed concepts (50)',
    //     status: 'warning',
    //     timeout: 1500,
    //     pos: 'top-center'
    //   });
    //   return;
    // }
    const entity: ClaimEntity = new ClaimEntity() ;
    entity.type = "community";

    entity.context = {community: community, category: category, concept: concept};
    entity.id = entity.context.concept.id;
    this.warningMessage = "";
    if (!this.isSelected(entity.id)) {
      this.results.push(entity);
      localStorage.setItem(this.localStoragePrefix, JSON.stringify(this.results));
    }

  }

  getCommunities() {
    if (!Session.isLoggedIn()) {
      this.saveStateAndRedirectLogin();

    } else {
      this.loading = true;
      this._contextService.getPublicCommunities(this.properties.contextsAPI).subscribe(
        data => {
          this.communities = data;
          if (this.communities.length > 0) {
            this.communities.sort((n1, n2) => n1.label > n2.label);
          }
          this.loading = false;
          if (this.communityId != null) {
            //preselect community
            this.selectedCommunityId = this.communityId;
            for (let i = 0; i < this.communities.length; i++) {
              if (this.communities[i].id == this.selectedCommunityId) {
                this.selectedCommunityLabel = this.communities[i].label;
                break;
              }
            }
            this.addNewContext(this.selectedCommunityLabel, null, {
              'id': this.selectedCommunityId,
              'label': this.selectedCommunityLabel
            }, false)

          }
        },
        err => {
          //console.log(err);
          ClaimContextSearchFormComponent.handleError("Error getting communities", err);
          this.loading = false;
          this.error = true;
        }
      );
    }
  }

  getCategories() {
    this.loading = true;
    // this.categories=[];
    if (this.selectedCommunityId != '0') {
      if (!Session.isLoggedIn()) {
        this.saveStateAndRedirectLogin();


      } else {
        if (this.categories[this.selectedCommunityId]) {
          this.loading = false;
          return;
        }
        this._contextService.getCategories(this.selectedCommunityId, this.properties.contextsAPI).subscribe(
          data => {

            this.categories[this.selectedCommunityId] = data;
            this.concepts = [];
            if (this.query !== "") {
              const event = {value: ""};
              event.value = this.query;
            }
            this.loading = false;
          },
          err => {
            //console.log(err);
            ClaimContextSearchFormComponent.handleError("Error getting categories for community with id: " + this.selectedCommunityId, err);
            this.loading = false;
          }
        );
      }
    }
  }
  /*
    getConcepts() {
      this.loading = true;
      if (this.selectedCategoryId != '0') {
        if (!Session.isLoggedIn()) {
          this.saveStateAndRedirectLogin();
        } else {
          this.concepts = [];

          this._contextService.getConcepts(this.selectedCategoryId, "", true, this.properties.contextsAPI).subscribe(
            data => {

              this.concepts = data;
              for (var i = 0; i < data.length; i++) {
                if (data[i].hasSubConcept == true) {
                  this.getSubConcepts(data[i].id);
                }
              }
              this.addCommunityInConcepts();
              if (this.query !== "") {
                var event = {value: ""};
                event.value = this.query;
                //  this.filter(event);
              }
              this.loading = false;
            },
            err => {
              //console.log(err);
              this.handleError("Error getting concepts for category with id: " + this.selectedCategoryId, err);
              this.loading = false;
            }
          );
        }
      } else {
        this.concepts = [];
        this.loading = false;
      }
    }*/
  /*
    getSubConcepts(conceptId) {
      this.loading = true;
      if (this.selectedCategoryId != '0') {
        if (!Session.isLoggedIn()) {
          this.saveStateAndRedirectLogin();
        } else {
          this._contextService.getSubConcepts(conceptId, "", true, this.properties.contextsAPI).subscribe(
            data => {
              for (var i = 0; i < data.length; i++) {
                this.concepts.push(data[i]);
              }

              if (this.query !== "") {
                var event = {value: ""};
                event.value = this.query;
                //  this.filter(event);
              }
              this.loading = false;
            },
            err => {
              //console.log(err);
              this.handleError("Error getting subconcepts for concept with id: " + conceptId, err);
              this.loading = false;
            }
          );
        }
      } else {
        this.concepts = [];
        this.loading = false;
      }
    }*/

  displaySubcategory(id) {
    if (this.conceptsClassDisplay[id] != null) {
      this.conceptsClassDisplay[id] = !this.conceptsClassDisplay[id];

    } else {
      this.conceptsClassDisplay[id] = true;
    }
  }

  browseConcepts(categoryId) {
    if (!Session.isLoggedIn()) {
      this.saveStateAndRedirectLogin();
    } else {
      if (this.conceptsClass[categoryId] != null) {
        this.conceptsClassDisplay[categoryId] = !this.conceptsClassDisplay[categoryId];
        return;
      } else {
        this.conceptsClassDisplay[categoryId] = true;
      }
      this.conceptsClass[categoryId] = [];
      this.conceptsCategoryLoading[categoryId] = true;
      this._contextService.getConcepts(categoryId, "", false, this.properties.contextsAPI).subscribe(
        data => {
          // var concepts = data;
          this.conceptsClass[categoryId] = [];
          for (let i = 0; i < data.length; i++) {
            if (data[i].hasSubConcept == true) {
              this.browseSubConcepts(categoryId, data[i].id);
            } else {
              this.conceptsClass[categoryId].push(data[i]);
            }
          }
          this.conceptsCategoryLoading[categoryId] = false;
        },
        err => {
          //console.log(err);
          ClaimContextSearchFormComponent.handleError("Error getting concepts for category with id: " + this.selectedCategoryId, err);
          this.conceptsCategoryLoading[categoryId] = false;
        }
      );
    }

  }

  browseSubConcepts(categoryId, conceptId) {

    this.conceptsCategoryLoading[categoryId] = true;
    this._contextService.getSubConcepts(conceptId, "", false, this.properties.contextsAPI).subscribe(
      data => {
        const concepts = data[0];
        this.conceptsClass[categoryId].push(concepts);
        this.conceptsCategoryLoading[categoryId] = false;
      },
      err => {
        //console.log(err);
        ClaimContextSearchFormComponent.handleError("Error getting subconcepts for concept with id: " + conceptId, err);
        this.conceptsCategoryLoading[categoryId] = false;
      }
    );


  }

  // communityChanged(){
  //   this.warningMessage = "";
  //   this.infoMessage = "";
  //   for(var i = 0; i< this.communities.length; i++){
  //     if(this.communities[i].id==this.selectedCommunityId){
  //       this.selectedCommunityLabel = this.communities[i].label;
  //       break;
  //     }
  //   }
  //   this.selectedCategoryId = "0";
  //   this.selectedCategoryLabel="Select Category:";
  //   if(this.selectedCommunityId != "0"){
  //     this.getCategories();
  //   }
  // }
  // categoryChanged(){
  //   this.warningMessage = "";
  //   this.infoMessage = "";
  //   for(var i = 0; i< this.categories.length; i++){
  //     if(this.categories[i].id==this.selectedCategoryId){
  //       this.selectedCategoryLabel = this.categories[i].label;
  //       break;
  //     }
  //   }
  //     this.getConcepts();
  // }
  /*  addCommunityInConcepts() {
      this.concepts.push({"id": this.selectedCommunityId, "label": this.selectedCommunityLabel});
      // if(this.autocomplete){
      //   this.autocomplete.updateList(this.concepts);
      // }
    }*/

  saveStateAndRedirectLogin() {
    //  if(this.projects != null){
    //   localStorage.setItem(this.localStoragePrefix + "projects", JSON.stringify(this.projects));
    // }
    // localStorage.setItem(this.localStoragePrefix + "contexts", JSON.stringify(this.selectedList));
    if (this.results != null) {
      localStorage.setItem(this.localStoragePrefix + "results", JSON.stringify(this.results));
    }
    if (this.sources != null) {
      localStorage.setItem(this.localStoragePrefix + "sources", JSON.stringify(this.sources));
    }

    this.router.navigate(['/user-info'], {
      queryParams: {
        "errorCode": LoginErrorCodes.NOT_VALID,
        "redirectUrl": this.router.url
      }
    });
  }

  private static handleError(message: string, error) {
    console.error("Claim context search form (component): " + message, error);
  }
}