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

async function resetDemoData(request: APIRequestContext) {
  const login = await request.post("/api/v1/demo/login", { data: { role: "operations_manager" } });
  expect(login.ok()).toBeTruthy();
  const reset = await request.post("/api/v1/demo/reset");
  expect(reset.ok()).toBeTruthy();
}

test.describe.configure({ mode: "serial" });

test("return flow pre-fills the suspicious odometer reading and explains why", async ({ page, request }) => {
  await resetDemoData(request);
  await page.goto("/login");
  await page.getByRole("button", { name: "Verken als Operations Manager" }).click();
  await expect(page).toHaveURL(/\/dashboard$/);
  await page.goto("/bookings/BK-DEMO-RETURN");

  await expect(page.getByText("Demonstratiescenario: afwijkende kilometerstand")).toBeVisible();
  const odometerInput = page.getByLabel("Eindkilometerstand (km)");
  await expect(odometerInput).not.toHaveValue("");
  const prefilled = Number(await odometerInput.inputValue());
  expect(prefilled).toBeGreaterThan(0);

  await page.getByRole("button", { name: "Retour nakijken" }).click();
  await expect(page.getByText(/laatst bevestigde stand/)).toBeVisible();
  await page.getByRole("button", { name: "Retour bevestigen" }).click();
  await expect(page.getByRole("heading", { name: "Retour geregistreerd" })).toBeVisible();
  await expect(page.getByRole("link", { name: "Automatiseringsstatus bekijken" })).toBeVisible();
  await expect(page.getByRole("link", { name: "Audit trail bekijken" })).toBeVisible();
});

test("data quality issue detail explains what's wrong and why it matters", async ({ page }) => {
  await page.goto("/login");
  await page.getByRole("button", { name: "Verken als Operations Manager" }).click();
  await expect(page).toHaveURL(/\/dashboard$/);
  await page.goto("/data-quality/DQ-DEMO-DUPLICATE");

  await expect(page.getByText("Wat is er mis")).toBeVisible();
  await expect(page.getByText("Waarom dit belangrijk is")).toBeVisible();
  await expect(page.getByText(/waarschijnlijk dezelfde persoon/)).toBeVisible();
});

test("data quality list can filter to demo scenarios only", async ({ page }) => {
  await page.goto("/login");
  await page.getByRole("button", { name: "Verken als Operations Manager" }).click();
  await expect(page).toHaveURL(/\/dashboard$/);
  await page.goto("/data-quality");

  await expect(page.locator(".data-table tbody tr").first()).toBeVisible();
  const allRows = await page.locator(".data-table tbody tr").count();
  await page.getByRole("checkbox", { name: "Enkel demoscenario's" }).check();
  const filteredRows = await page.locator(".data-table tbody tr").count();
  expect(filteredRows).toBeGreaterThan(0);
  expect(filteredRows).toBeLessThanOrEqual(allRows);
  const refs = await page.locator(".data-table tbody tr th a").allTextContents();
  for (const ref of refs) {
    expect(ref.startsWith("DQ-DEMO-")).toBeTruthy();
  }
});

test("knowledge page suggested question returns a grounded, honestly-labelled answer", async ({ page }) => {
  await page.goto("/login");
  await page.getByRole("button", { name: "Verken als Operations Manager" }).click();
  await expect(page).toHaveURL(/\/dashboard$/);
  await page.goto("/knowledge");

  // The status badge and retrieval-flow diagram must name the actual active provider
  // honestly, not the not-yet-connected "RAGcore" -- the honest disclosure note below is
  // allowed to mention RAGcore by name when explaining it isn't live yet.
  await expect(page.locator(".knowledge-status strong")).toHaveText("de demokennisbank");
  await expect(page.locator(".retrieval-flow")).toContainText("de demokennisbank");
  await expect(page.locator(".knowledge-status")).not.toContainText("RAGcore");

  await page.getByRole("button", { name: "Wie beoordeelt een ongewone kilometerstand?" }).click();
  await expect(page.getByText("Onderbouwd met geciteerde procedures")).toBeVisible();
});