import { DfBaseComponent, DfBaseModule } from '@allianz/taly-core/dynamic-form';
import { ChangeDetectionStrategy, Component, computed, inject, input, signal } from '@angular/core';
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
import { LocalizeFn } from '@angular/localize/init';
import { CommonModule } from '@angular/common';
import { NxGridModule } from '@allianz/ng-aquila/grid';
import { NxMessageModule } from '@allianz/ng-aquila/message';
import { TalyStateService } from '@allianz/taly-core';
import { MarkdownToHtmlComponent } from '@allianz/taly-core/ui';
import { DfNotificationConfig } from './notification.model';

declare let $localize: LocalizeFn;

@Component({
  selector: 'df-notification',
  templateUrl: './notification.component.html',
  styleUrls: ['./notification.component.scss'],
  imports: [CommonModule, NxGridModule, NxMessageModule, DfBaseModule, MarkdownToHtmlComponent],
  standalone: true,
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class DfNotificationComponent extends DfBaseComponent<DfNotificationConfig> {
  override control = input(undefined);

  private closedNotification = signal(false);
  private visibilityFromConfig = signal(true);
  private stateService = inject(TalyStateService, { optional: true });

  readonly isHidden = computed(() => this.closedNotification() || !this.visibilityFromConfig());

  override ngOnInit(): void {
    super.ngOnInit();

    const visibleIf = this.config().visibleIf;
    if (visibleIf) {
      if (this.stateService) {
        this.stateService
          .evaluateCondition$(visibleIf)
          .pipe(takeUntilDestroyed(this.destroyRef))
          .subscribe((visible) => {
            this.visibilityFromConfig.set(visible);
            if (visible) {
              this.closedNotification.set(false);
            }
          });
      } else {
        console.warn(
          `The "visibleIf" property requires TalyStateService which is unavailable. Notification will remain visible.`
        );
      }
    }
  }

  protected onClose(): void {
    this.closedNotification.set(true);
  }

  protected getCloseButtonLabel(): string {
    const config = this.config();

    if (config.closeButtonLabel) {
      return config.closeButtonLabel;
    }

    const contextLabel: Record<DfNotificationConfig['context'], string> = {
      info: $localize`:Context of an info notification:info`,
      success: $localize`:Context of a success notification:success`,
      warning: $localize`:Context of a warning notification:warning`,
      error: $localize`:Context of an error notification:error`
    };
    return $localize`:Label for the close button in a notification:Close ${
      contextLabel[config.context]
    } notification`;
  }
}