const { test, expect } = require("@playwright/test");

async function postJson(request, url, data) {
  const response = await request.post(url, { data });
  expect(response.ok()).toBeTruthy();
  return await response.json();
}

async function registerAndLogin(request, username, displayName) {
  await postJson(request, "/api/auth/register", {
    username,
    password: "Password123",
    displayName
  });

  const loginResponse = await request.post("/api/auth/login", {
    data: {
      username,
      password: "Password123"
    }
  });
  expect(loginResponse.ok()).toBeTruthy();
}

test("home page loads auth entry points", async ({ page }) => {
  await page.goto("/play");

  await expect(page).toHaveURL(/\/login$/);
  await expect(page.locator("h1")).toContainText("RpgRoller");
  await expect(page.getByRole("heading", { name: "Register" })).toBeVisible();
  await expect(page.getByRole("heading", { name: "Login" })).toBeVisible();
  await expect(page.getByLabel("Username").first()).toBeVisible();
  await expect(page.getByLabel("Password").nth(1)).toBeVisible();
});

test("root document redirects anonymous users to login", async ({ request }) => {
  const response = await request.get("/", { maxRedirects: 0 });
  expect(response.status()).toBe(302);
  expect(response.headers()["location"]).toBe("/login");
});

test("login document renders static auth markup without bootstrapping blazor", async ({ request }) => {
  const response = await request.get("/login");
  expect(response.ok()).toBeTruthy();

  const html = await response.text();
  expect(html).not.toContain("Connecting...");
  expect(html).toContain("Register or log in to join a campaign session.");
  expect(html).not.toContain("_framework/blazor.web.js");
  expect(html).not.toContain("<!--Blazor:");
  expect(html).toContain("data-auth-page");
});

test("authenticated root document redirects to play", async ({ request }) => {
  const username = `doc-auth-${Date.now()}`;
  const password = "Password123";

  await postJson(request, "/api/auth/register", {
    username,
    password,
    displayName: "Document Auth"
  });

  const loginResponse = await request.post("/api/auth/login", {
    data: {
      username,
      password
    }
  });
  expect(loginResponse.ok()).toBeTruthy();

  const response = await request.get("/", { maxRedirects: 0 });
  expect(response.status()).toBe(302);
  expect(response.headers()["location"]).toBe("/play");
});

test("successful login transitions to play workspace", async ({ page, context }) => {
  const username = `login-${Date.now()}`;
  const password = "Password123";

  await postJson(context.request, "/api/auth/register", {
    username,
    password,
    displayName: "Login Flow"
  });

  await page.goto("/login");
  await page.locator("#login-username").fill(username);
  await page.locator("#login-password").fill(password);
  await page.getByRole("button", { name: "Login" }).click();

  await expect(page).toHaveURL(/\/play$/);
  await expect(page.getByText("Campaign Log")).toBeVisible();
  await expect(page.locator("#login-username")).toHaveCount(0);
});

test("workspace stays usable when input controls are DOM-wrapped during mount", async ({ page, context }) => {
  const username = `wrapped-${Date.now()}`;
  await registerAndLogin(context.request, username, "Wrapped Inputs");

  const campaign = await postJson(context.request, "/api/campaigns", {
    name: "Wrapped Inputs",
    rulesetId: "d6"
  });
  const character = await postJson(context.request, "/api/characters", {
    name: "Wrapper Hero",
    campaignId: campaign.id
  });
  await postJson(context.request, `/api/characters/${character.id}/skills`, {
    name: "Stealth",
    diceRollDefinition: "2D+1",
    wildDice: 1,
    allowFumble: true
  });

  await page.addInitScript(() => {
    const wrappedMarker = "rrWrappedByTest";

    function wrapControl(element) {
      if (!(element instanceof HTMLElement) || !element.isConnected || element.dataset[wrappedMarker] === "1") {
        return;
      }

      const parent = element.parentNode;
      if (!parent) {
        return;
      }

      const wrapper = document.createElement("span");
      wrapper.dataset[wrappedMarker] = "1";
      element.dataset[wrappedMarker] = "1";
      parent.insertBefore(wrapper, element);
      wrapper.appendChild(element);
    }

    function queueWrap(node) {
      if (!(node instanceof Element)) {
        return;
      }

      if (node.matches("input, select")) {
        queueMicrotask(() => wrapControl(node));
      }

      node.querySelectorAll("input, select").forEach((element) => {
        queueMicrotask(() => wrapControl(element));
      });
    }

    const observer = new MutationObserver((mutations) => {
      mutations.forEach((mutation) => {
        mutation.addedNodes.forEach(queueWrap);
      });
    });

    observer.observe(document.documentElement, { childList: true, subtree: true });
    document.querySelectorAll("input, select").forEach((element) => queueWrap(element));
  });

  const blazorErrors = [];
  page.on("console", (message) => {
    if (message.type() !== "error") {
      return;
    }

    const text = message.text();
    if (/error applying batch|unhandled exception on the current circuit/i.test(text)) {
      blazorErrors.push(text);
    }
  });

  await page.goto("/play");
  await expect(page.getByText("Campaign Log")).toBeVisible();
  await expect(page.locator("#skill-filter-input")).toBeVisible();
  await expect(page.locator("#custom-roll-expression")).toBeVisible();
  await expect(page.getByRole("button", { name: "Roll Stealth" })).toBeVisible();
  expect(blazorErrors).toEqual([]);
});

test("Rolemaster open-ended roll detail renders specialized dice chips", async ({ page, context }) => {
  const username = `rm-${Date.now()}`;
  const displayName = "Rolemaster Smoke";

  await registerAndLogin(context.request, username, displayName);

  const campaign = await postJson(context.request, "/api/campaigns", {
    name: "Rolemaster Smoke",
    rulesetId: "rolemaster"
  });
  const character = await postJson(context.request, "/api/characters", {
    name: "Open Ender",
    campaignId: campaign.id
  });
  const skill = await postJson(context.request, `/api/characters/${character.id}/skills`, {
    name: "Open Sight",
    diceRollDefinition: "d100!+85",
    wildDice: 0,
    allowFumble: false,
    fumbleRange: 95
  });

  await postJson(context.request, `/api/skills/${skill.id}/roll`, { visibility: "public" });

  await page.goto("/play");
  await expect(page.getByText("Campaign Log")).toBeVisible();
  await expect(page.locator(".log-panel .log-entry").first()).toBeVisible();
  await expect(page.locator(".log-panel .log-event-badge")).toContainText(["Fumble"]);

  const logEntry = page.locator(".log-panel .log-entry-toggle").first();
  await expect(logEntry).toBeVisible();
  await logEntry.click();

  const rolemasterFollowUpDice = page.locator(".die-chip.rolemaster-open-ended-high, .die-chip.rolemaster-open-ended-low-subtract");
  await expect(rolemasterFollowUpDice.first()).toBeVisible();
  await expect(page.locator(".log-detail .roll-dice-strip")).toBeVisible();
});

test("Rolemaster automatic retry badge shows before detail expands", async ({ page, context }) => {
  const username = `rm-retry-${Date.now()}`;
  await registerAndLogin(context.request, username, "Rolemaster Retry Smoke");

  const campaign = await postJson(context.request, "/api/campaigns", {
    name: "Rolemaster Retry Smoke",
    rulesetId: "rolemaster"
  });
  const character = await postJson(context.request, "/api/characters", {
    name: "Retry Hero",
    campaignId: campaign.id
  });
  const skill = await postJson(context.request, `/api/characters/${character.id}/skills`, {
    name: "Retry Sight",
    diceRollDefinition: "d100!+10",
    wildDice: 0,
    allowFumble: false,
    fumbleRange: 5,
    rolemasterAutoRetry: true
  });

  let retriedRoll = null;
  for (let attempt = 0; attempt < 10; attempt += 1) {
    const roll = await postJson(context.request, `/api/skills/${skill.id}/roll`, { visibility: "public" });
    if (roll.breakdown.includes("retry(+")) {
      retriedRoll = roll;
      break;
    }
  }

  expect(retriedRoll, "expected a retry-enabled Rolemaster roll within 10 attempts").not.toBeNull();

  await page.goto("/play");
  await expect(page.getByText("Campaign Log")).toBeVisible();

  const retryEntry = page.locator(".log-panel .log-entry").filter({ hasText: "retry +" }).last();
  await expect(retryEntry).toBeVisible();
  await expect(retryEntry.locator(".log-event-badge")).toContainText([/Retry \+(5|10)/]);
  await expect(retryEntry.locator(".log-summary-text")).toContainText(/retry \+(5|10)/);
  await expect(retryEntry.locator(".log-detail")).toHaveCount(0);

  await retryEntry.locator(".log-entry-toggle").click();
  const detailDice = retryEntry.locator(".log-detail .die-chip");
  await expect(detailDice).toHaveCount(2);
  await expect(detailDice.nth(0)).toHaveAttribute("title", /attempt 1/i);
  await expect(detailDice.nth(1)).toHaveAttribute("title", /retry attempt 2/i);
});

test("Rolemaster skill roll modal autofocuses, validates, and closes on escape or backdrop", async ({ page, context }) => {
  const username = `rm-modal-${Date.now()}`;
  await registerAndLogin(context.request, username, "Rolemaster Modal Smoke");

  const campaign = await postJson(context.request, "/api/campaigns", {
    name: "Rolemaster Modal Smoke",
    rulesetId: "rolemaster"
  });
  const character = await postJson(context.request, "/api/characters", {
    name: "Observer",
    campaignId: campaign.id
  });
  await postJson(context.request, `/api/characters/${character.id}/skills`, {
    name: "Observation",
    diceRollDefinition: "d100!+50",
    wildDice: 0,
    allowFumble: false,
    fumbleRange: 5,
    rolemasterAutoRetry: true
  });

  await page.goto("/play");
  await expect(page.getByText("Campaign Log")).toBeVisible();

  const rollButton = page.getByRole("button", { name: "Roll Observation" });
  const modal = page.getByRole("dialog", { name: "Rolemaster situational modifier" });
  const modifierInput = page.locator("#rolemaster-situational-modifier");

  await rollButton.click();
  await expect(modal).toBeVisible();
  await expect(modifierInput).toBeFocused();

  await page.keyboard.press("Escape");
  await expect(modal).toHaveCount(0);

  await rollButton.click();
  await expect(modal).toBeVisible();
  await page.locator(".modal-overlay").click({ position: { x: 8, y: 8 } });
  await expect(modal).toHaveCount(0);

  await rollButton.click();
  await expect(modal).toBeVisible();
  await modifierInput.fill("1001");
  await modal.getByRole("button", { name: "Roll" }).click();
  await expect(page.getByText("Enter a whole number between -1000 and 1000.")).toBeVisible();
  await expect(modal).toBeVisible();

  await modifierInput.fill("");
  await page.keyboard.press("Enter");
  await expect(modal).toHaveCount(0);
  await expect(page.locator(".log-panel .log-entry.expanded").first()).toContainText("Observation");
});

test("newly rolled log entry auto-expands", async ({ page, context }) => {
  const username = `d6-log-${Date.now()}`;
  await registerAndLogin(context.request, username, "D6 Auto Expand");

  const campaign = await postJson(context.request, "/api/campaigns", {
    name: "D6 Auto Expand",
    rulesetId: "d6"
  });
  const character = await postJson(context.request, "/api/characters", {
    name: "Auto Hero",
    campaignId: campaign.id
  });
  await postJson(context.request, `/api/characters/${character.id}/skills`, {
    name: "Stealth",
    diceRollDefinition: "2D+1",
    wildDice: 1,
    allowFumble: true
  });

  await page.goto("/play");
  await expect(page.getByText("Campaign Log")).toBeVisible();

  await page.getByRole("button", { name: "Roll Stealth" }).click();

  const expandedEntry = page.locator(".log-panel .log-entry.expanded").first();
  await expect(expandedEntry).toBeVisible();
  await expect(expandedEntry.locator(".log-detail .roll-dice-strip")).toBeVisible();
});

test("custom roll composer keeps parse errors inline and records successful rolls", async ({ page, context }) => {
  const username = `custom-roll-${Date.now()}`;
  await registerAndLogin(context.request, username, "Custom Roller");

  const campaign = await postJson(context.request, "/api/campaigns", {
    name: "Custom Roll Campaign",
    rulesetId: "dnd5e"
  });
  await postJson(context.request, "/api/characters", {
    name: "Improviser",
    campaignId: campaign.id
  });

  await page.goto("/play");
  await expect(page.getByText("Campaign Log")).toBeVisible();

  const composer = page.locator(".custom-roll-composer");
  const input = page.locator("#custom-roll-expression");
  await input.fill("bad");
  await composer.getByRole("button", { name: "Roll" }).click();

  await expect(input).toHaveClass(/error/);
  await expect(input).toHaveAttribute("title", /Expected dnd5e format like 2d12\+2\./);
  await expect(page.locator(".toast.error")).toHaveCount(0);

  await input.fill("1d20+5");
  await composer.getByRole("button", { name: "Roll" }).click();

  await expect(input).not.toHaveClass(/error/);
  await expect(page.locator(".log-panel .log-entry").first()).toContainText("Custom roll");
});

test("Rolemaster UI exposes conditional create and edit fields", async ({ page, context }) => {
  const username = `rm-ui-${Date.now()}`;
  await registerAndLogin(context.request, username, "Rolemaster UI");

  const campaign = await postJson(context.request, "/api/campaigns", {
    name: "Rolemaster UI Campaign",
    rulesetId: "rolemaster"
  });
  const character = await postJson(context.request, "/api/characters", {
    name: "UI Character",
    campaignId: campaign.id
  });
  await postJson(context.request, `/api/characters/${character.id}/skill-groups`, {
    name: "Awareness",
    diceRollDefinition: "d100!+15",
    wildDice: 0,
    allowFumble: false,
    fumbleRange: 5
  });
  await postJson(context.request, `/api/characters/${character.id}/skills`, {
    name: "Perception",
    diceRollDefinition: "d100!+25",
    wildDice: 0,
    allowFumble: false,
    fumbleRange: 5,
    rolemasterAutoRetry: true
  });

  await page.goto("/play");
  await expect(page.locator("#workspace-screen-menu-button")).toBeVisible();

  await page.locator("#workspace-screen-menu-button").click();
  await page.getByRole("menuitem", { name: "Campaign Management" }).click();
  await page.getByRole("button", { name: "Add campaign" }).click();
  await expect(page.locator("#campaign-ruleset option[value='rolemaster']")).toHaveText("Rolemaster");
  await page.getByRole("button", { name: "Cancel" }).click();

  await page.locator("#workspace-screen-menu-button").click();
  await page.getByRole("menuitem", { name: "Play" }).click();

  await page.getByRole("button", { name: "Add group" }).click();
  await expect(page.locator("#skill-group-wild-dice")).toHaveCount(0);
  await expect(page.locator("#skill-group-expression")).toHaveValue("d100");
  await page.locator("#skill-group-expression").fill("d100!+15");
  await expect(page.locator("#skill-group-fumble-range")).toBeVisible();
  await page.locator("#skill-group-fumble-range").fill("");
  await page.getByRole("button", { name: "Create Group" }).click();
  await expect(page.getByText("Open-ended Rolemaster groups require a fumble range.")).toBeVisible();
  await page.getByRole("button", { name: "Cancel" }).click();

  await page.getByRole("button", { name: "Add skill" }).first().click();
  await expect(page.locator("#skill-create-expression")).toHaveValue("d100!+15");
  await page.locator("#skill-create-expression").fill("15d10");
  await expect(page.locator("#skill-create-fumble-range")).toHaveCount(0);
  await expect(page.getByLabel("Automatic retry")).toHaveCount(0);
  await page.locator("#skill-create-expression").fill("d100!+25");
  await expect(page.locator("#skill-create-fumble-range")).toBeVisible();
  await expect(page.getByLabel("Automatic retry")).toBeVisible();
  await page.getByLabel("Automatic retry").check();
  await page.locator("#skill-create-expression").fill("d10");
  await expect(page.getByLabel("Automatic retry")).toHaveCount(0);
  await page.locator("#skill-create-expression").fill("d100!+25");
  await expect(page.getByLabel("Automatic retry")).toBeVisible();
  await expect(page.getByLabel("Automatic retry")).not.toBeChecked();
  await page.getByRole("button", { name: "Cancel" }).click();

  await page.locator("button[title='Edit skill']").first().click();
  await expect(page.locator("#skill-edit-expression")).toHaveValue("d100!+25");
  await expect(page.locator("#skill-edit-fumble-range")).toHaveValue("5");
  await expect(page.getByLabel("Automatic retry")).toBeChecked();
  await page.locator("#skill-edit-expression").fill("d10");
  await expect(page.locator("#skill-edit-fumble-range")).toHaveCount(0);
  await expect(page.getByLabel("Automatic retry")).toHaveCount(0);
  await page.locator("#skill-edit-expression").fill("d100!+25");
  await expect(page.getByLabel("Automatic retry")).toBeVisible();
  await expect(page.getByLabel("Automatic retry")).not.toBeChecked();
  await page.getByRole("button", { name: "Cancel" }).click();
});