import { test, expect, type Page } from "@playwright/test";
import { randomBytes } from "node:crypto";

const username = randomBytes(8).toString("hex");
const collabUsername = randomBytes(8).toString("hex");
const collabUsername2 = randomBytes(8).toString("hex");
const collabUsername3 = randomBytes(8).toString("hex");
const collaborators = [collabUsername, collabUsername2, collabUsername3];
const password = "T3stuser??!!";

const permissionLevels = [10, 20, 30];

test("Setup", async ({ page }) => {
  await page.goto("/register");

  await page.getByLabel("Username:").click();
  await page.getByLabel("Username:").fill(username);
  await page.getByLabel("Password:").click();
  await page.getByLabel("Password:").fill(password);
  await page.getByRole("button", { name: "Submit" }).click();

  await page.getByLabel("Username:").click();
  await page.getByLabel("Username:").fill(collabUsername);
  await page.getByLabel("Password:").click();
  await page.getByLabel("Password:").fill(password);
  await page.getByRole("button", { name: "Submit" }).click();

  await page.getByLabel("Username:").click();
  await page.getByLabel("Username:").fill(collabUsername2);
  await page.getByLabel("Password:").click();
  await page.getByLabel("Password:").fill(password);
  await page.getByRole("button", { name: "Submit" }).click();

  await page.getByLabel("Username:").click();
  await page.getByLabel("Username:").fill(collabUsername3);
  await page.getByLabel("Password:").click();
  await page.getByLabel("Password:").fill(password);
  await page.getByRole("button", { name: "Submit" }).click();

  await page.goto("/login");
  await page.getByLabel("Username:").fill(username);
  await page.getByLabel("Password:").fill(password);
  await page.getByRole("button", { name: "Submit" }).click();

  await page.getByRole("button", { name: "Create website" }).click();
  await page.getByLabel("Title:").click();
  await page.getByLabel("Title:").fill("Blog");
  await page.getByRole("button", { name: "Submit" }).click();

  await page.getByRole("button", { name: "Create website" }).click();
  await page.getByLabel("Type: BlogDocs").selectOption("Docs");
  await page.getByLabel("Title:").click();
  await page.getByLabel("Title:").fill("Documentation");
  await page.getByRole("button", { name: "Submit" }).click();

  await page.getByRole("link", { name: "Blog" }).click();
  await page.getByRole("link", { name: "Articles" }).click();
  await page.getByRole("button", { name: "Create article" }).click();
  await page.getByLabel("Title:").click();
  await page.getByLabel("Title:").fill("Article");
  await page.getByRole("button", { name: "Submit" }).click();

  await page.getByRole("link", { name: "Collaborators" }).click();
  await page.getByRole("button", { name: "Add collaborator" }).click();
  await page.getByLabel("Username:").click();
  await page.getByLabel("Username:").fill(collabUsername);
  await page.getByRole("button", { name: "Submit" }).click();

  await page.goto("/");
  await page.getByRole("link", { name: "Documentation" }).click();
  await page.getByRole("link", { name: "Categories" }).click();
  await page.getByRole("button", { name: "Create category" }).click();
  await page.getByLabel("Name:").click();
  await page.getByLabel("Name:").fill("Category");
  await page.getByLabel("Weight:").click();
  await page.getByLabel("Weight:").fill("1000");
  await page.getByRole("button", { name: "Submit" }).click();

  await page.getByRole("link", { name: "Collaborators" }).click();
  await page.getByRole("button", { name: "Add collaborator" }).click();
  await page.getByLabel("Username:").click();
  await page.getByLabel("Username:").fill(collabUsername);
  await page.getByRole("button", { name: "Submit" }).click();
});

for (const permissionLevel of permissionLevels) {
  test(`Set collaborator permission level to ${permissionLevel}`, async ({ page }) => {
    await page.goto("/login");
    await page.getByLabel("Username:").fill(username);
    await page.getByLabel("Password:").fill(password);
    await page.getByRole("button", { name: "Submit" }).click();
    await page.getByRole("link", { name: "Blog" }).click();
    await page.getByRole("link", { name: "Collaborators" }).click();
    await page.getByRole("button", { name: "Update" }).click();
    await page.getByRole("combobox").selectOption(permissionLevel.toString());
    await page.getByRole("button", { name: "Update collaborator" }).click();
  });

  test.describe.serial(`Permission level: ${permissionLevel}`, () => {
    test.beforeEach(async ({ page }) => {
      await page.goto("/login");
      await page.getByLabel("Username:").fill(collabUsername);
      await page.getByLabel("Password:").fill(password);
      await page.getByRole("button", { name: "Submit" }).click();
    });

    test("Update website", async ({ page }) => {
      await page.getByRole("button", { name: "Update" }).nth(1).click();
      await page.getByRole("button", { name: "Submit" }).click();

      if (permissionLevel === 10) {
        await expect(page.getByText("You do not have the required")).toBeVisible();
      }
    });
    test("Delete website", async ({ page }) => {
      await page.getByRole("button", { name: "Delete" }).nth(0).click();
      await page.getByRole("button", { name: "Delete website" }).click();
      await expect(page.getByText("You do not have the required")).toBeVisible();
    });
    test("Update Global", async ({ page }) => {
      await page.getByRole("link", { name: "Blog" }).click();
      await page.locator("#global").getByRole("button", { name: "Submit" }).click();

      if (permissionLevel === 10) {
        await expect(page.getByText("You do not have the required")).toBeVisible();
      }
    });
    test("Update Header", async ({ page }) => {
      await page.getByRole("link", { name: "Blog" }).click();
      await page.locator("#header").getByRole("button", { name: "Submit" }).click();

      if (permissionLevel === 10) {
        await expect(page.getByText("You do not have the required")).toBeVisible();
      }
    });
    test("Update Home", async ({ page }) => {
      await page.getByRole("link", { name: "Blog" }).click();
      await page.locator("#home").getByRole("button", { name: "Submit" }).click();

      if (permissionLevel === 10) {
        await expect(page.getByText("You do not have the required")).toBeVisible();
      }
    });
    test("Update Footer", async ({ page }) => {
      await page.getByRole("link", { name: "Blog" }).click();
      await page.locator("#footer").getByRole("button", { name: "Submit" }).click();

      if (permissionLevel === 10) {
        await expect(page.getByText("You do not have the required")).toBeVisible();
      }
    });
    test("Create article", async ({ page }) => {
      await page.getByRole("link", { name: "Blog" }).click();
      await page.getByRole("link", { name: "Articles" }).click();
      await page.getByRole("button", { name: "Create article" }).click();
      await page.getByLabel("Title:").click();
      await page.getByLabel("Title:").fill("Article");
      await page.getByRole("button", { name: "Submit" }).click();

      if (permissionLevel === 10) {
        await expect(page.getByText("You do not have the required")).toBeVisible();
      }
    });
    test("Update article", async ({ page }) => {
      await page.getByRole("link", { name: "Blog" }).click();
      await page.getByRole("link", { name: "Articles" }).click();
      await page.getByRole("link", { name: "Edit" }).nth(0).click();
      await page.getByLabel("Description:").click();
      await page.getByLabel("Description:").fill("Description");
      await page.getByLabel("Author:").click();
      await page.getByLabel("Author:").fill("Author");
      await page.getByLabel("Main content:").click();
      await page.getByLabel("Main content:").fill("## Main content");
      await page.getByRole("button", { name: "Submit" }).click();

      if (permissionLevel === 10) {
        await expect(page.getByText("You do not have the required")).toBeVisible();
      }
    });
    test("Delete article", async ({ page }) => {
      await page.getByRole("link", { name: "Blog" }).click();
      await page.getByRole("link", { name: "Articles" }).click();
      await page.getByRole("button", { name: "Delete" }).nth(0).click();
      await page.getByRole("button", { name: "Delete article" }).click();

      if (permissionLevel === 10) {
        await expect(page.getByText("You do not have the required")).toBeVisible();
      }
    });
    test("Add collaborator", async ({ page }) => {
      await page.getByRole("link", { name: "Blog" }).click();
      await page.getByRole("link", { name: "Collaborators" }).click();
      await page.getByRole("button", { name: "Add collaborator" }).click();
      await page.getByLabel("Username:").click();
      await page
        .getByLabel("Username:")
        .fill(collaborators[permissionLevels.indexOf(permissionLevel)]);
      await page.getByRole("button", { name: "Submit" }).click();

      if (permissionLevel === 10) {
        await expect(page.getByText("You do not have the required")).toBeVisible();
      }
    });
    test("Update collaborator", async ({ page }) => {
      await page.getByRole("link", { name: "Blog" }).click();
      await page.getByRole("link", { name: "Collaborators" }).click();
      await page.getByRole("button", { name: "Update" }).nth(0).click();
      await page.getByRole("combobox").selectOption("20");
      await page.getByRole("button", { name: "Update collaborator" }).click();

      if (permissionLevel === 10) {
        await expect(page.getByText("You do not have the required")).toBeVisible();
      }
    });
    test("Remove collaborator", async ({ page }) => {
      await page.getByRole("link", { name: "Blog" }).click();
      await page.getByRole("link", { name: "Collaborators" }).click();
      await page.getByRole("button", { name: "Remove" }).nth(0).click();
      await page.getByRole("button", { name: "Remove collaborator" }).click();

      if (permissionLevel === 10) {
        await expect(page.getByText("You do not have the required")).toBeVisible();
      }
    });
    test("Create category", async ({ page }) => {
      await page.getByRole("link", { name: "Documentation" }).click();
      await page.getByRole("link", { name: "Categories" }).click();
      await page.getByRole("button", { name: "Create category" }).click();
      await page.getByLabel("Name:").click();
      await page.getByLabel("Name:").fill("Test");
      await page.getByRole("spinbutton", { name: "Weight:" }).click();
      await page.getByRole("spinbutton", { name: "Weight:" }).fill("900");
      await page.getByRole("button", { name: "Submit" }).click();

      if (permissionLevel === 10) {
        await expect(page.getByText("You do not have the required")).toBeVisible();
      }
    });
    test("Update category", async ({ page }) => {
      await page.getByRole("link", { name: "Documentation" }).click();
      await page.getByRole("link", { name: "Categories" }).click();
      await page.getByRole("button", { name: "Update" }).nth(0).click();
      await page.getByRole("spinbutton", { name: "Weight:" }).click();
      await page.getByRole("spinbutton", { name: "Weight:" }).fill("500");
      await page.getByRole("button", { name: "Update category" }).click();

      if (permissionLevel === 10) {
        await expect(page.getByText("You do not have the required")).toBeVisible();
      }
    });
    test("Delete category", async ({ page }) => {
      await page.getByRole("link", { name: "Documentation" }).click();
      await page.getByRole("link", { name: "Categories" }).click();
      await page.getByRole("button", { name: "Delete" }).nth(0).click();
      await page.getByRole("button", { name: "Delete category" }).click();

      if (permissionLevel === 10) {
        await expect(page.getByText("You do not have the required")).toBeVisible();
      }
    });
    test("Publish website", async ({ page }) => {
      await page.getByRole("link", { name: "Blog" }).click();
      await page.getByRole("link", { name: "Publish" }).click();
      await page.getByRole("button", { name: "Publish" }).click();

      if (permissionLevel === 10) {
        await expect(page.getByText("You do not have the required")).toBeVisible();
      }
    });
  });
}

test.describe("Delete all accounts", () => {
  const allUsers = collaborators.concat(username);

  for (const user of allUsers) {
    test(`Delete account ${allUsers.indexOf(user)}`, async ({ page }) => {
      await page.goto("/login");
      await page.getByLabel("Username:").fill(user);
      await page.getByLabel("Password:").fill(password);
      await page.getByRole("button", { name: "Submit" }).click();

      await page.getByRole("link", { name: "Account" }).click();
      await page.getByRole("button", { name: "Delete account" }).click();
      await page.getByLabel("Password:").click();
      await page.getByLabel("Password:").fill(password);
      await page
        .locator("#delete-account-modal")
        .getByRole("button", { name: "Delete account" })
        .click();
    });
  }
});