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

@Component({
  selector: 'wm-required-field-validator',
  templateUrl: './required-field-validator.component.html',
  styleUrls: ['./required-field-validator.component.scss'],
  inputs: ['model'],
  providers: [
    { provide: BaseValidatorService, useExisting: WebFormsBaseValidatorService }
  ]
})
@dataTransfer(['requiredVal'])
@ExceptionHandlerClass(ErrorCodes.Winforms)
export class RequiredFieldValidatorComponent extends BaseValidatorComponent {
  /**
   * Property with the initial value to validate against
   *
   * @memberof RequiredFieldValidatorComponent
   */
  protected initialValueInternal = '';

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

  /**
   * Gets/sets the initial value.
   *
   * @memberof RequiredFieldValidatorComponent
   */
  @Input()
  set initialValue(initialValue: string) {
    this.initialValueInternal = initialValue;
  }

  get initialValue() {
    return this.model.InitialValue ?? this.initialValueInternal;
  }

  /**
   * Compare the expressionToValidate against the initial value
   * to validate that they are different.
   *
   * @param expressionToValidate
   * @returns if the expressionToValidate is different from the initial value.
   * @memberof RequiredFieldValidatorComponent
   */
  validateControl(
    controlToValidate: string,
    expressionToValidate: string | number | Date
  ): boolean {
    this.validationSuccessInternal = expressionToValidate !== this.initialValue;

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

    return this.validationSuccessInternal;
  }
}