import { expect, type Locator, test } from "@playwright/test";
import { completeOnboarding, rpc, signup, unterhaltungenOnly } from "./helpers";

async function selectProjectSpace(projekte: Locator, name: string) {
  const row = projekte.locator('[data-sidebar-group^="project-space:"]').filter({ hasText: name });
  await row.getByRole("button", { name: `Select ${name}` }).click();
}

async function projectSidebarStart(projekte: Locator, name: string) {
  const row = projekte.locator('[data-sidebar-group^="project-space:"]').filter({ hasText: name });
  const groupAttr = await row.getAttribute("data-sidebar-group");
  const spaceId = groupAttr?.match(/^project-space:([^:]+)/)?.[1];
  if (!spaceId) throw new Error(`missing project space id for ${name}`);
  return projekte.getByTestId(`project-start-${spaceId}`);
}

test("empty project shows Starten instead of a fallback bot", async ({ page }) => {
  const stamp = Date.now();
  await signup(page, `empty-project-${stamp}@rakazo.test`, "password12", "Empty Project");
  await completeOnboarding(page);
  await page.goto("/app");
  await page.waitForURL(/\/app\/[^/]+$/);

  const projekte = page.locator(".sidebar-projekte");
  await projekte.getByTestId("create-project-trigger").click();
  const dialog = page.getByRole("dialog", { name: "New project" });
  await dialog.getByLabel("Name").fill("Launch");
  await dialog.getByRole("button", { name: "Create project", exact: true }).click();
  await page.waitForURL(/\/app(?:\/)?$/);

  await expect(projekte.getByRole("button", { name: /^Chief/ })).toHaveCount(0);
  await expect(projekte.getByRole("button", { name: "Starten", exact: true })).toBeVisible();
  await expect(page.getByTestId("project-start-main")).toBeVisible();

  await page.getByTestId("project-start-main").click();
  await expect(page.getByTestId("side-panel")).toHaveAttribute("data-panel", "create");
});

test("Starten in an onboarded project opens the group create flow", async ({ page }) => {
  const stamp = Date.now();
  await signup(page, `project-start-${stamp}@rakazo.test`, "password12", "Project Start");
  await completeOnboarding(page);

  const projekte = page.locator(".sidebar-projekte");
  await projekte.getByTestId("create-project-trigger").click();
  const dialog = page.getByRole("dialog", { name: "New project" });
  await dialog.getByLabel("Name").fill("Website");
  await dialog.getByRole("button", { name: "Create project", exact: true }).click();
  await page.waitForURL(/\/app(?:\/)?$/);
  await selectProjectSpace(projekte, "Website");
  await page.waitForURL(/\/app(?:\/)?$/);

  await expect(page.getByTestId("shell-root")).toHaveAttribute("data-ready", "true", {
    timeout: 60_000,
  });
  await selectProjectSpace(projekte, "Website");
  await page.waitForURL(/\/app(?:\/)?$/);
  await expect(unterhaltungenOnly(page).getByRole("button", { name: /^Chief/ })).toHaveCount(1);
  await expect(projekte.getByRole("button", { name: /^Chief/ })).toHaveCount(0);
  const sidebarStart = await projectSidebarStart(projekte, "Website");
  await expect(sidebarStart).toBeVisible({ timeout: 30_000 });

  await sidebarStart.click();
  await expect(page.getByTestId("side-panel")).toHaveAttribute("data-panel", "create-group", {
    timeout: 30_000,
  });
  await expect(page.getByText("New group", { exact: true })).toBeVisible();
  await expect(
    page.getByTestId("side-panel").getByRole("button", { name: /^Chief/ }),
  ).toBeVisible();
});

test("archiving the only bot keeps Starten visible in the project sidebar", async ({ page }) => {
  const stamp = Date.now();
  await signup(page, `project-archive-${stamp}@rakazo.test`, "password12", "Project Archive");
  await completeOnboarding(page);

  const projekte = page.locator(".sidebar-projekte");
  await projekte.getByTestId("create-project-trigger").click();
  const dialog = page.getByRole("dialog", { name: "New project" });
  await dialog.getByLabel("Name").fill("Side");
  await dialog.getByRole("button", { name: "Create project", exact: true }).click();
  await page.waitForURL(/\/app(?:\/)?$/);

  const sideBot = await rpc<{ id: string }>(page, "bots/create", {
    name: "Side bot",
    title: "",
    description: "",
    notifyOnFinish: true,
    computerMode: "team",
  });
  await rpc(page, "bots/archive", { botId: sideBot.id });

  await page.goto("/app");
  await page.waitForURL(/\/app(?:\/)?$/);
  await expect(projekte.getByRole("button", { name: "Starten", exact: true })).toBeVisible();
  await expect(page.getByTestId("project-start-main")).toBeVisible();
});