import {Component, EventEmitter, Input, Output} from '@angular/core';
import {ActivatedRoute, Router} from '@angular/router';

import {AdvancedField, Filter} from '../searchUtils/searchHelperClasses.class';
import {SearchFields} from '../../utils/properties/searchFields';
import {Dates} from '../../utils/string-utils.class';
import {EnvProperties} from '../../utils/properties/env-properties';
import {SearchCustomFilter} from "./searchUtils.class";
import {Subscriber} from "rxjs";
import {properties} from "../../../../environments/environment";

@Component({
    selector: 'advanced-search-form',
    templateUrl: 'advancedSearchForm.component.html'
})
export class AdvancedSearchFormComponent {
  @Input() entityType;
  @Input() fieldIds:  string[];
  @Input() fieldIdsMap;
  @Input() selectedFields:AdvancedField[];
  @Input() isDisabled: boolean = false;
  @Input() simpleSearchLink;
  @Input() advancedSearchLink;
  @Input() advancedSearchLinkParameters;
  @Input() simpleView:boolean = false;
  @Input() formPlaceholderText = "Type Keywords...";
  @Output() queryChange  = new EventEmitter();
  @Input()resultTypes;
  @Input()  quickFilter:{filter: Filter, selected:boolean, filterId:string, value:string};
  validDateFrom: boolean = true;
  validDateTo: boolean = true;
  @Input() customFilter: SearchCustomFilter;
  newFieldId:string;
  newFieldName:string;
  fieldList:{[id:string]:any[]} = {};
  public searchFields:SearchFields = new SearchFields();
  properties:EnvProperties;
  public operators: {name:string, id:string}[] = this.searchFields.ADVANCED_SEARCH_OPERATORS;
  selectedEntity;
  selectedEntitySimpleUrl;
  selectedEntityAdvancedUrl;
  @Input() entitiesSelection:boolean;
  @Input() showSwitchSearchLink:boolean = true;
  sub;
  constructor (private route: ActivatedRoute, private router: Router) {

  }
  ngOnDestroy() {
    if (this.sub instanceof Subscriber) {
      this.sub.unsubscribe();
    }
  }
    ngOnInit() {
    this.selectedEntity = this.entityType;

          this.properties = properties;

      for(var i = 0; i < this.fieldIds.length; i++){
        this.fieldList[this.fieldIds[i]]=[];
      }
      this.newFieldId = this.fieldIds[0];
      this.newFieldName = this.fieldIdsMap[this.newFieldId].name;
     }
  simpleEntityChanged($event){
    this.selectedEntity = $event.entity;
    this.selectedEntitySimpleUrl = $event.simpleUrl;
    this.selectedEntityAdvancedUrl = $event.advancedUrl;
  }
  simpleKeywordChanged($event){
    // this.selectedFields[0].value = $event.value;
    if(this.selectedEntity == this.entityType) {
      this.queryChanged();
    }else{
      this.router.navigate([this.selectedEntitySimpleUrl],  {queryParams:{q:this.selectedFields[0].value,op:"and"}});
    }
  }
    queryChanged() {
      this.validDateFrom = true;
      this.validDateTo = true;

      this.selectedFields.forEach(selectedField => {
        if(selectedField.type == 'date') {
          if (selectedField.dateValue.type.indexOf("range") != -1) {
            if(!Dates.isValidDate(Dates.getDateToString(selectedField.dateValue.from))) {
              //console.info("INVALID: isValidDate FROM");
              this.validDateFrom = false;
            }
            if(!Dates.isValidDate(Dates.getDateToString(selectedField.dateValue.to))) {
              //console.info("INVALID: isValidDate TO");
              this.validDateTo = false;
            }
          }
        }
      });

      if(this.validDateFrom && this.validDateTo) {

        this.queryChange.emit({

        });
      }
    }

    addField() {
        this.newFieldId = this.fieldIds[0];
        var type = this.fieldIdsMap[this.newFieldId].type;
        if(type == "boolean"){
          this.selectedFields.push(new AdvancedField(this.newFieldId,this.fieldIdsMap[this.newFieldId].param, this.fieldIdsMap[this.newFieldId].name, type, "true", "and"));
        }else{
          this.selectedFields.push(new AdvancedField(this.newFieldId, this.fieldIdsMap[this.newFieldId].param,this.fieldIdsMap[this.newFieldId].name, type, "", "and"));
        }

    }

    removeField(index: number) {
      if(this.selectedFields.length == 1){
        this.selectedFields[index] = new AdvancedField(this.newFieldId,this.fieldIdsMap[this.newFieldId].param, this.fieldIdsMap[this.newFieldId].name, this.fieldIdsMap[this.newFieldId].type, "", "and");
      }else{
        this.selectedFields.splice(index, 1);
      }
      //if only one filter left, set the operator to and
      if(this.selectedFields.length==1){
        this.selectedFields[0].operatorId = "and";
      }
    }

    fieldOperatorChanged(index: number, operatorId: string, operatorName: string) {
         this.selectedFields[index].operatorId = operatorId;
         this.selectedFields[index].operatorName = operatorName;
    }
    validateDate(index: number, value: string){
      this.selectedFields[index].valid = Dates.isValidYear(value);
    }

    fieldIdsChanged(index: number, fieldId:string ) {
      //console.log("Field index::"+index + "  " + this.selectedFields[index].id + " function id:" +fieldId);

          var id= this.fieldIds[0];
          this.selectedFields[index].name = this.fieldIdsMap[id].name;
         this.selectedFields[index].type = this.fieldIdsMap[id].type;
         this.selectedFields[index].value = "";
         this.selectedFields[index].param = this.fieldIdsMap[id].param;

         var id =fieldId;//this.selectedFields[index].id;
         this.selectedFields[index].name = this.fieldIdsMap[id].name;
         this.selectedFields[index].type = this.fieldIdsMap[id].type;
         this.selectedFields[index].value = "";
         this.selectedFields[index].param = this.fieldIdsMap[id].param;
         if(this.fieldIdsMap[id].type == "boolean"){
           this.selectedFields[index].value = "true";
         }
    }
    valueChanged($event,index:number){
      this.selectedFields[index].value = $event.value;
    }
    updatedValueLabel($event,index:number){
      this.selectedFields[index].valueLabel = $event.value;
    }
    listUpdated($event,fieldId:number){
      this.fieldList[fieldId] = $event.value;
    }

}