import { expect, type Page } from "@playwright/test";
import pino from "pino";
import { MailpitHelper } from "./mailpit";

const logger = pino({
  transport: {
    target: "pino-pretty",
    options: {
      colorize: true,
    },
  },
});

/**
 * Completes the full registration -> activation -> login cycle.
 */
async function registerAndLogin(
  page: Page,
  email: string,
  fullName: string,
  password: string,
) {
  // Register the User
  logger.info(`[Auth] Registering user: ${email}`);
  await page.goto("/onboard");
  await page.getByLabel(/pen name/i).fill(fullName);
  await page.getByLabel("Email", { exact: true }).fill(email);
  await page.getByLabel("Password", { exact: true }).fill(password);
  await page.getByLabel(/confirm password/i).fill(password);
  await page.getByRole("button", { name: /^register$/i }).click();

  await expect(page).toHaveURL(/\/verify-email/);

  // Get activation URL from Mailpit and activate user
  logger.info(`[Auth] Polling Mailpit for activation email...`);
  const activationLink = await MailpitHelper.getActivationLink(email);

  await page.goto(activationLink);

  await expect(page.getByText(/account activated/i)).toBeVisible();
  await page.getByRole("button", { name: /start writing/i }).click();

  // Dismiss the Welcom Modal and Perform Login
  logger.info(`[Auth] Logging in...`);
  await expect(page).toHaveURL(/\/login/);

  const welcomeButton = page.getByRole("button", { name: /I'll remember/i });
  await welcomeButton.waitFor({ state: "visible", timeout: 10000 });
  await welcomeButton.click();
  await expect(welcomeButton).toBeHidden();

  await page.getByLabel("Email", { exact: true }).fill(email);
  await page.getByLabel("Password", { exact: true }).fill(password);
  await page.getByRole("button", { name: /sign in/i }).click();

  await expect(page).toHaveURL(/\/drawer/);
  await handleWelcomeLetter(page);
  logger.info(`[Auth] Successfully authenticated ${email}`);
}

/**
 * Handles and dismisses the first welocme letter
 */
async function handleWelcomeLetter(page: Page) {
  logger.info("[Auth] Handling Welcome Letter...");
  // Click envelope to flip
  const envelope = page.locator("#env-front");
  await envelope.waitFor({ state: "visible", timeout: 10000 });
  await envelope.click();

  // Click seal to open flap
  const seal = page.getByAltText("Seal");
  await seal.waitFor({ state: "visible" });
  await seal.click();

  // Click letter to reveal
   await page.locator("#letter").click({ position: { x: 30, y: 15 } });

  // Click "I'll see you" button
  const completeButton = page.getByRole("button", { name: /I'll see you/i });
  await completeButton.waitFor({ state: "visible", timeout: 10000 });
  await completeButton.click();

  await expect(completeButton).toBeHidden();
}

export const AuthHelper = { registerAndLogin, handleWelcomeLetter };