import { globalScene } from "#app/global-scene";
import { Button } from "#enums/buttons";
import type { UiMode } from "#enums/ui-mode";
import { UiHandler } from "#ui/ui-handler";

export abstract class AwaitableUiHandler extends UiHandler {
  protected awaitingActionInput: boolean;
  protected onActionInput: Function | null;
  public tutorialActive = false;
  public tutorialOverlay: Phaser.GameObjects.Rectangle;

  constructor(mode: UiMode | null = null) {
    super(mode);
  }

  processTutorialInput(button: Button): boolean {
    if ((button === Button.ACTION || button === Button.CANCEL) && this.onActionInput) {
      this.getUi().playSelect();
      const originalOnActionInput = this.onActionInput;
      this.onActionInput = null;
      originalOnActionInput();
      this.awaitingActionInput = false;
      return true;
    }

    return false;
  }

  /**
   * Create a semi transparent overlay that will get shown during tutorials
   * @param container the container to add the overlay to
   */
  initTutorialOverlay(container: Phaser.GameObjects.Container) {
    if (!this.tutorialOverlay) {
      this.tutorialOverlay = new Phaser.GameObjects.Rectangle(
        globalScene,
        -1,
        -1,
        globalScene.scaledCanvas.width,
        globalScene.scaledCanvas.height,
        0x070707,
      );
      this.tutorialOverlay.setName("tutorial-overlay");
      this.tutorialOverlay.setOrigin(0, 0);
      this.tutorialOverlay.setAlpha(0);
    }

    if (container) {
      container.add(this.tutorialOverlay);
    }
  }
}