import { DfBaseComponent } from '@allianz/taly-core/dynamic-form';
import { Component, DoCheck, input, OnInit, Optional } from '@angular/core';
import { FormGroupDirective, NgForm, UntypedFormControl } from '@angular/forms';
import { ErrorStateMatcher } from '@aposin/ng-aquila/utils';
import { CheckboxLabelSize, DfCheckboxConfig } from './checkbox.model';

@Component({
  selector: 'df-checkbox',
  styleUrls: ['./checkbox.component.scss'],
  templateUrl: './checkbox.component.html',
  standalone: false
})
export class DfCheckboxComponent
  extends DfBaseComponent<DfCheckboxConfig>
  implements OnInit, DoCheck
{
  override control = input<UntypedFormControl>(new UntypedFormControl());
  CheckboxLabelSize = CheckboxLabelSize;
  override deferSetupControl = true;

  protected errorState = false;

  constructor(
    @Optional() private readonly _parentForm: NgForm | null,
    @Optional() private readonly _parentFormGroup: FormGroupDirective | null,
    private readonly errorStateMatcher: ErrorStateMatcher
  ) {
    super();
  }

  override ngOnInit() {
    // Schedule async execution of `setupFormControl()` to avoid
    // `ExpressionChangedAfterItHasBeenCheckedError`
    // See: https://blog.angularindepth.com/everything-you-need-to-know-about-the-expressionchangedafterithasbeencheckederror-error-e3fd9ce7dbb4
    Promise.resolve(null).then(() => {
      this.setupFormControl();

      this.emitFormControlEventOnValueChanges();
    });
  }

  ngDoCheck(): void {
    const controlValue = this.control();
    if (controlValue) {
      // We follow the Aquila approach with the ErrorStateMatcher here:
      // We need to re-evaluate this on every change detection cycle, because there are some
      // error triggers that we can't subscribe to (e.g. parent form submissions). This means
      // that whatever logic is in here has to be super lean or we risk destroying the performance.
      const newErrorState = this.errorStateMatcher.isErrorState(
        controlValue,
        this._parentFormGroup || this._parentForm
      );

      if (this.errorState !== newErrorState) {
        this.errorState = newErrorState;
      }
    }
  }
}