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

import {AdvancedField} from '../searchUtils/searchHelperClasses.class';
import {SearchFields} from '../../utils/properties/searchFields';
import {Dates} from '../../utils/string-utils.class';
import {EnvProperties} from '../../utils/properties/env-properties';

@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() pageTitle;
  @Output() queryChange  = new EventEmitter();

  validDateFrom: boolean = true;
  validDateTo: boolean = true;

  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;
    constructor (private route: ActivatedRoute) {
     }

    ngOnInit() {
      this.route.data
        .subscribe((data: { envSpecific: EnvProperties }) => {
          this.properties = data.envSpecific;

        });
      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;
     }

    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) {
        //console.info("emit");

        this.queryChange.emit({
          // selectedFields: this.selectedFields,
          // selectedQuantifiers: this.selectedQuantifiers,
          // keywords: this.keywords
        });
      }
    }

    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) {
        this.selectedFields.splice(index, 1);

    }

    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;
    }
    listUpdated($event,fieldId:number){
      this.fieldList[fieldId] = $event.value;
    }

}