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

@Component({
  selector: 'wm-validation-summary',
  templateUrl: './validation-summary.component.html',
  styleUrls: ['./validation-summary.component.scss'],
  inputs: ['model'],
  providers: [
    { provide: BaseValidatorService, useExisting: WebFormsBaseValidatorService }
  ]
})
@dataTransfer(['valSummary'])
@ExceptionHandlerClass(ErrorCodes.Winforms)
export class ValidationSummaryComponent
  extends ControlComponent
  implements OnInit
{
  /**
   * Property with the errorMessages to be shown.
   *
   * @memberof ValidationSummaryComponent
   */
  private errorMessagesInternal: string[] = [];

  /**
   * Property with the header text.
   *
   * @memberof ValidationSummaryComponent
   */
  private headerTextInternal = '';

  /**
   * Property with the error message's display mode.
   *
   * @memberof ValidationSummaryComponent
   */
  private displayModeInternal: ValidationSummaryDisplayMode =
    ValidationSummaryDisplayMode.BulletList;

  /**
   * Property with the option to create an alert with the error list.
   *
   * @memberof ValidationSummaryComponent
   */
  private showMessageBoxInternal = false;

  /**
   * Property with the option to show the error messages.
   *
   * @memberof ValidationSummaryComponent
   */
  private showValidationErrorsInternal = true;

  /**
   * Property with validationGroup.
   *
   * @memberof ValidationSummaryComponent
   */
  private validationGroupInternal = '';

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

  /**
   * angular ngOnInit lifehook.
   * Retrieves the error messages from the validator service.
   *
   * @memberof ValidationSummaryComponent
   */

  ngOnInit() {
    this.updateErrorMessages();
    this.validatorService.addValidationSummary(this);
  }

  /**
   * Gets/sets the headerText property.
   *
   * @memberof ValidationSummaryComponent
   */
  @Input()
  set headerText(text: string) {
    this.headerTextInternal = text;
  }

  get headerText() {
    return this.model.HeaderText ?? this.headerTextInternal;
  }

  /**
   * Gets/sets the showValidationErrors property.
   *
   * @memberof ValidationSummaryComponent
   */
  @Input()
  set showValidationErrors(value: boolean) {
    this.showValidationErrorsInternal = value;
  }

  get showValidationErrors() {
    return this.model.ShowValidationErrors ?? this.showValidationErrorsInternal;
  }

  /**
   * Gets/sets the displayMode property.
   *
   * @memberof ValidationSummaryComponent
   */
  @Input()
  set displayMode(value: ValidationSummaryDisplayMode) {
    this.displayModeInternal = value;
  }

  get displayMode(): ValidationSummaryDisplayMode {
    return this.model.DisplayMode ?? this.displayModeInternal;
  }

  /**
   * Gets the ValidationSummaryDisplayMode enum.
   *
   * @readonly
   * @type {typeof ValidationSummaryDisplayMode}
   * @memberof ValidationSummaryComponent
   */
  get validationSummaryDisplayMode(): typeof ValidationSummaryDisplayMode {
    return ValidationSummaryDisplayMode;
  }

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

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

  /**
   * Gets/sets the showMessageBox property.
   *
   * @memberof ValidationSummaryComponent
   */
  @Input()
  set showMessageBox(value: boolean) {
    this.showMessageBoxInternal = value;
  }

  get showMessageBox() {
    return this.model.ShowMessageBox ?? this.showMessageBoxInternal;
  }

  /**
   * Gets/sets the visible property.
   *
   * @memberof ValidationSummaryComponent
   */
  @Input()
  set visible(value: boolean) {
    super.visible = value;
    if (this.showMessageBox && this.visible) {
      switch (this.displayMode) {
        case ValidationSummaryDisplayMode.List:
          alert(`${this.headerText}\n${this.formatErrorMessages('\n')}`);
          break;
        case ValidationSummaryDisplayMode.SingleParagraph:
          alert(`${this.headerText}\n${this.formatErrorMessages(', ')}`);
          break;
        default:
          alert(`${this.headerText}\n- ${this.formatErrorMessages('\n- ')}`);
          break;
      }
    }
  }

  get visible() {
    return this.model.Visible ?? super.visible;
  }

  /**
   * Gets the error messages property
   *
   * @memberof ValidationSummaryComponent
   */
  get errorMessages() {
    return this.errorMessagesInternal;
  }

  /**
   * Gets the hidden property
   * Should be hidden if either the visible or the showValidationErrors are set to false.
   *
   * @memberof ValidationSummaryComponent
   */

  get hidden() {
    return !this.visible || !this.showValidationErrors;
  }

  /**
   * join the error messages with the given separator.
   *
   * @memberof ValidationSummaryComponent
   * @returns a string with the error messages
   */
  formatErrorMessages(separator: string): string {
    return this.errorMessagesInternal.join(separator);
  }

  /**
   * Updates the array of error messages.
   *
   * @memberof ValidationSummaryComponent
   */
  updateErrorMessages(): void {
    this.errorMessagesInternal = this.validatorService.getActiveErrorMessages(
      this.validationGroup
    );
  }
}