import { expect, test, type Page } from "@playwright/test";

async function ensureSignedIn(page: Page) {
  await page.goto("/");
  const devLogin = page.getByRole("button", { name: "Dev login" });
  if (await devLogin.isVisible().catch(() => false)) {
    await devLogin.click();
    await page.waitForURL((url) => !url.pathname.startsWith("/login"));
  }
  await expect(page.getByRole("heading", { name: "Dashboard" })).toBeVisible();
}

function formatBangDate(iso: string): string {
  const [year, month, day] = iso.split("-").map(Number);
  const d = new Date(year!, month! - 1, day!);
  return d.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
}

function bangWidget(page: Page) {
  return page.locator('[data-slot="card"]').filter({
    has: page.getByRole("heading", { name: "Bang Counter" }),
  });
}

test("bangs happy path", async ({ page }) => {
  const originalDate = "2026-03-10";
  const editedDate = "2026-04-20";

  await ensureSignedIn(page);

  const widget = bangWidget(page);
  await expect(widget).toBeVisible();

  await widget.getByRole("button", { name: "Add Bang" }).click();
  await expect(page.getByRole("dialog", { name: "Record a bang" })).toBeVisible();
  await page.getByLabel("Date").fill(originalDate);
  await page.getByRole("button", { name: "Record it" }).click();
  await expect(page.getByRole("dialog", { name: "Record a bang" })).toBeHidden();

  const originalLabel = formatBangDate(originalDate);
  await expect(widget.getByText(originalLabel, { exact: true })).toBeVisible();

  await widget.getByRole("button", { name: `Edit bang on ${originalDate}` }).click();
  await expect(page.getByRole("dialog", { name: "Edit bang" })).toBeVisible();
  await page.getByLabel("Date").fill(editedDate);
  await page.getByRole("button", { name: "Save" }).click();
  await expect(page.getByRole("dialog", { name: "Edit bang" })).toBeHidden();

  const editedLabel = formatBangDate(editedDate);
  await expect(widget.getByText(editedLabel, { exact: true })).toBeVisible();
  await expect(widget.getByText(originalLabel, { exact: true })).toBeHidden();

  await widget.getByRole("button", { name: `Delete bang on ${editedDate}` }).click();
  await expect(page.getByRole("dialog", { name: "Delete bang?" })).toBeVisible();
  await page
    .getByRole("dialog", { name: "Delete bang?" })
    .getByRole("button", { name: "Delete" })
    .click();
  await expect(page.getByRole("dialog", { name: "Delete bang?" })).toBeHidden();

  await expect(widget.getByText(editedLabel, { exact: true })).toBeHidden();
});