import { WebMapService } from '@mobilize/angularclient';
import {
  Optional,
  ChangeDetectorRef,
  Component,
  Input,
  ElementRef,
  Renderer2,
  OnInit
} from '@angular/core';
import { ErrorCodes, ExceptionHandlerClass } from '@mobilize/webmap-core';
import { WebFormsBaseValidatorService } from '../../services/base-validator-service/web-forms-base-validator.service';
import {
  BaseValidatorService,
  WebComponentsService
} from '@mobilize/winforms-components';
import { dataTransfer, BringTopService } from '@mobilize/base-components';
import { BaseValidatorComponent } from '../base-validator/BaseValidator';
import { ValidatorDisplay } from '../../contracts/ValidatorDisplay';

/**
 * Types allowed for validation.
 */
type ValidationDataType = string | number | Date;

/**
 * Angular Component for the CompareValidator Control.
 *
 * @export
 * @class CompareValidatorComponent
 * @extends {BaseValidatorComponent}
 */
@Component({
  selector: 'wm-compare-validator',
  templateUrl: './compare-validator.component.html',
  styleUrls: ['./compare-validator.component.scss'],
  inputs: ['model'],
  providers: [
    { provide: BaseValidatorService, useExisting: WebFormsBaseValidatorService }
  ]
})
@dataTransfer(['compVal'])
@ExceptionHandlerClass(ErrorCodes.Winforms)
export class CompareValidatorComponent
  extends BaseValidatorComponent
  implements OnInit
{
  /**
   * Property with the controlToCompare id.
   *
   * @private
   * @type {string}
   * @memberof CompareValidatorComponent
   */
  private controlToCompareInternal = '';

  /**
   * Property with the controlToValidateValue.
   *
   * @private
   * @type {(string | number | Date)}
   * @memberof CompareValidatorComponent
   */
  private controlToValidateValue: ValidationDataType = '';

  /**
   * Property with the controlToCompareValue.
   *
   * @private
   * @type {(string | number | Date)}
   * @memberof CompareValidatorComponent
   */
  private controlToCompareValue: ValidationDataType = '';

  /**
   *Property with the operator
   *
   * @private
   * @memberof CompareValidatorComponent
   */
  private operatorInternal = 'Equal';

  /**
   * Creates an instance of CompareValidatorComponent.
   *
   * @param {WebMapService} wmService
   * @param {ChangeDetectorRef} refChange
   * @param {Renderer2} render2
   * @param {ElementRef} elem
   * @param {WebComponentsService} webComponents
   * @param {BringTopService} bringTopServ1
   * @memberof CompareValidatorComponent
   */
  constructor(
    private wmService: WebMapService,
    refChange: ChangeDetectorRef,
    render2: Renderer2,
    elem: ElementRef,
    webComponents: WebComponentsService,
    validatorService: BaseValidatorService,
    @Optional() bringTopServ1: BringTopService
  ) {
    super(
      refChange,
      render2,
      elem,
      webComponents,
      validatorService,
      bringTopServ1
    );
    this.validationSuccessInternal = true;
  }

  /**
   * OnInit lifecycle hook, adds itself to the service.
   *
   * @memberof CompareValidatorComponent
   */
  ngOnInit() {
    this.validatorService.addCompareValidator(this.controlToCompare, this);
  }

  /**
   *Set/Gets the controlToCompare property.
   *
   * @memberof CompareValidatorComponent
   */
  @Input()
  set controlToCompare(value: string) {
    this.controlToCompareInternal = value;
  }

  get controlToCompare() {
    return this.model.ControlToCompare ?? this.controlToCompareInternal;
  }

  /**
   *Set/Gets the operator property.
   *
   * @memberof CompareValidatorComponent
   */
  @Input()
  set operator(value: string) {
    this.operatorInternal = value;
  }

  get operator() {
    return this.model.Operator ?? this.operatorInternal;
  }

  /**
   * Compare the two controls attached.
   *
   * @param {string} controlToValidate
   * @param {string} expressionToValidate
   * @return the result of the validation.
   * @memberof CompareValidatorComponent
   */
  validateControl(
    controlToValidate: string,
    expressionToValidate: ValidationDataType
  ): boolean {
    if (controlToValidate === this.controlToValidate) {
      this.controlToValidateValue = expressionToValidate;
    } else {
      this.controlToCompareValue = expressionToValidate;
    }

    this.validationSuccessInternal = this.applyComparation();

    if (this.Display !== ValidatorDisplay.None) {
      this.hidden = this.validationSuccessInternal;
    } else {
      this.hidden = true;
    }

    return this.validationSuccessInternal;
  }

  /**
   * Compare the attached controls.
   *
   * @return {*}  {boolean}
   * @memberof CompareValidatorComponent
   */
  applyComparation(): boolean {
    let validation: boolean;
    switch (this.operator) {
      case 'NotEqual':
        validation = this.controlToValidateValue !== this.controlToCompareValue;
        break;
      case 'GreaterThan':
        validation = this.controlToValidateValue > this.controlToCompareValue;
        break;
      case 'GreaterThanEqual':
        validation = this.controlToValidateValue >= this.controlToCompareValue;
        break;
      case 'LessThan':
        validation = this.controlToValidateValue < this.controlToCompareValue;
        break;
      case 'LessThanEqual':
        validation = this.controlToValidateValue <= this.controlToCompareValue;
        break;
      default:
        validation = this.controlToValidateValue === this.controlToCompareValue;
        break;
    }
    return validation;
  }
}