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

@Component({
  templateUrl: './base-validator.component.html',
  styleUrls: ['./base-validator.component.scss'],
  inputs: ['model'],
  providers: [
    { provide: BaseValidatorService, useExisting: WebFormsBaseValidatorService }
  ]
})
@ExceptionHandlerClass(ErrorCodes.Winforms)
export class BaseValidatorComponent
  extends ControlComponent
  implements OnDestroy, OnInit
{
  /**
   * Property with that indicates if the validation is passed.
   *
   * @memberof BaseValidatorComponent
   */
  protected validationSuccessInternal = false;

  /**
   * Property with the visibility of the component.
   *
   * @memberof BaseValidatorComponent
   */
  protected hiddenInternal = true;

  /**
   * Property with the Id of the control to validate.
   *
   * @memberof BaseValidatorComponent
   */
  protected controlToValidateInternal = '';

  /**
   * Property with the error message.
   *
   * @memberof BaseValidatorComponent
   */
  protected errorMessageInternal = '';

  /**
   * Property with the validationGroup
   *
   *  @memberof BaseValidatorComponent
   */
  protected validationGroupInternal = '';

  /**
   * Internal property for handle type of Display in component
   *
   * @private
   * @memberof RequiredFieldValidatorComponent
   */
  private displayInternal = ValidatorDisplay.Static;

  constructor(
    private refChange: ChangeDetectorRef,
    private render2: Renderer2,
    private elem: ElementRef,
    webComponents: WebComponentsService,
    protected validatorService: BaseValidatorService,
    @Optional() private bringTopServ1: BringTopService
  ) {
    super(refChange, render2, elem, webComponents, bringTopServ1);
  }

  /**
   * OnInit lifecycle hook, adds itself to the service.
   *
   * @memberof BaseValidatorComponent
   */
  ngOnInit(): void {
    this.validatorService.addValidator(this);
  }

  /**
   * OnDestroy lifecycle hook, removes itself from the service.
   *
   * @memberof BaseValidatorComponent
   */
  ngOnDestroy() {
    this.validatorService.removeValidator(this);
  }

  /**
   * Gets/sets the Control to Validate and notify the service.
   *
   * @memberof BaseValidatorComponent
   */
  @Input()
  set controlToValidate(elementToValidate: string) {
    this.validatorService.removeValidator(this);
    this.controlToValidateInternal = elementToValidate;
    this.validatorService.addValidator(this);
  }

  get controlToValidate(): string {
    return this.model?.ControlToValidate ?? this.controlToValidateInternal;
  }

  /**
   * Gets/sets the error message.
   *
   * @memberof BaseValidatorComponent
   */
  @Input()
  set errorMessage(errorMessage: string) {
    this.errorMessageInternal = errorMessage;
  }

  get errorMessage() {
    return this.model?.ErrorMessage ?? this.errorMessageInternal;
  }

  /**
   * Gets/sets the hidden state.
   *
   * @memberof BaseValidatorComponent
   */
  set hidden(state: boolean) {
    this.hiddenInternal = state;
  }

  get hidden() {
    return this.hiddenInternal;
  }

  /**
   * Gets the validation state.
   *
   * @memberof BaseValidatorComponent
   */
  get validationSuccess() {
    return this.validationSuccessInternal;
  }

  /**
   * Gets/sets the validationGroup.
   *
   * @memberof BaseValidatorComponent
   */
  set validationGroup(value: string) {
    this.validationGroupInternal = value;
  }

  get validationGroup() {
    return this.model?.ValidationGroup ?? this.validationGroupInternal;
  }

  /**
   * Display property from model or input if exists
   *
   * @readonly
   * @type {string}
   * @memberof GridViewComponent
   */
  set Display(value: ValidatorDisplay) {
    this.displayInternal = value;
  }

  get Display(): ValidatorDisplay {
    return (this.model && this.model.Display) ?? this.displayInternal;
  }

  /**
   * Execute the validation, has to be overridden by sub-classes.
   *
   * @param expressionToValidate
   * @memberof BaseValidatorComponent
   * @returns the results of the validation.
   */
  validateControl(
    controlToValidate: string,
    validationExpression: string | number | Date
  ): boolean {
    return false;
  }

  /**
   * If the text property is defined, it has to be shown instead of the error message
   *
   * @memberof BaseValidatorComponent
   * @returns The property to display
   */
  displayMessage(): string {
    return this.text && this.text != '' ? this.text : this.errorMessage;
  }
}