// Covers the admin panel's token-unlock flow and server registry management (Phase 6) — the
// api-level admin.ts/index.ts routes are already unit/integration tested, so this focuses on the
// browser-side glue: the token gate, and register/edit/delete round-tripping through the real UI.
import { test, expect } from "@playwright/test";
import { readE2eState } from "../config";

const state = readE2eState();

test.describe("admin panel", () => {
  test.use({ storageState: { cookies: [], origins: [] } });

  test("wrong token shows an error and does not unlock", async ({ page }) => {
    await page.goto("/admin");
    await page.getByTestId("admin-token-input").fill("not-the-right-token");
    await page.getByTestId("admin-unlock").click();
    await expect(page.getByTestId("admin-error")).toBeVisible();
    await expect(page.getByTestId("admin-token-input")).toBeVisible();
  });

  test("correct token unlocks and lists the seeded e2e server", async ({ page }) => {
    await page.goto("/admin");
    await page.getByTestId("admin-token-input").fill(state.adminToken);
    await page.getByTestId("admin-unlock").click();
    await expect(page.getByTestId("admin-lock")).toBeVisible();
    await expect(page.locator('[data-testid="admin-server-row"][data-server-name="e2e-server"]')).toBeVisible();
  });

  test("registering a new server adds it to the list with a generated token", async ({ page }) => {
    await page.goto("/admin");
    await page.getByTestId("admin-token-input").fill(state.adminToken);
    await page.getByTestId("admin-unlock").click();

    await page.getByTestId("admin-new-name").fill("e2e-admin-created");
    await page.getByTestId("admin-new-authmode").selectOption("online");
    await page.getByTestId("admin-register-submit").click();

    const row = page.locator('[data-testid="admin-server-row"][data-server-name="e2e-admin-created"]');
    await expect(row).toBeVisible();
    await expect(row.getByTestId("admin-server-token")).not.toHaveText("");
  });

  test("editing settings and saving persists across a reload", async ({ page }) => {
    await page.goto("/admin");
    await page.getByTestId("admin-token-input").fill(state.adminToken);
    await page.getByTestId("admin-unlock").click();

    const row = page.locator('[data-testid="admin-server-row"][data-server-name="e2e-server"]');
    await row.getByTestId("admin-server-waypointformat").selectOption("xaero");
    await row.getByTestId("admin-server-anonchat").uncheck();
    await row.getByTestId("admin-server-save").click();
    await expect(row.getByTestId("admin-server-status")).toHaveText("saved");

    // The admin token is remembered in localStorage (see admin.js's init()), so a reload
    // auto-unlocks again rather than showing the token prompt.
    await page.reload();
    const reloadedRow = page.locator('[data-testid="admin-server-row"][data-server-name="e2e-server"]');
    await expect(reloadedRow.getByTestId("admin-server-waypointformat")).toHaveValue("xaero");
    await expect(reloadedRow.getByTestId("admin-server-anonchat")).not.toBeChecked();
  });

  test("deleting a server removes it from the list", async ({ page }) => {
    await page.goto("/admin");
    await page.getByTestId("admin-token-input").fill(state.adminToken);
    await page.getByTestId("admin-unlock").click();

    await page.getByTestId("admin-new-name").fill("e2e-admin-deleteme");
    await page.getByTestId("admin-new-authmode").selectOption("offline");
    await page.getByTestId("admin-register-submit").click();
    const row = page.locator('[data-testid="admin-server-row"][data-server-name="e2e-admin-deleteme"]');
    await expect(row).toBeVisible();

    await row.getByTestId("admin-server-delete").click();
    await expect(row).toHaveCount(0);
  });
});