import { PuzzleInterface, STANDARD_PALETTE } from "./constants";
import { randomCSSId } from "./strings";

export function PYRAMINX(): PuzzleInterface {
  const pyra: PuzzleInterface = {
    palette: STANDARD_PALETTE,
    move: () => true,
  };

  const ID = randomCSSId();

  type FaceName = "F" | "R" | "L" | "D";
  const faces: Record<FaceName, FaceName[]> = {
    F: ["F", "F", "F", "F", "F", "F", "F", "F", "F"],
    R: ["R", "R", "R", "R", "R", "R", "R", "R", "R"],
    L: ["L", "L", "L", "L", "L", "L", "L", "L", "L"],
    D: ["D", "D", "D", "D", "D", "D", "D", "D", "D"],
  };

  function update(
    NF: FaceName[],
    NR: FaceName[],
    NL: FaceName[],
    ND: FaceName[],
  ) {
    faces.F = NF;
    faces.R = NR;
    faces.L = NL;
    faces.D = ND;
  }

  // URLB
  const cycles = {
    U: (count: number) => {
      const times = ((count % 3) + 3) % 3;
      for (let i = 0; i < times; i += 1) {
        const NF = [0, -1, -1, 3, -1, 5, 6, -1, -1].map((v, p) =>
          v < 0 ? faces.F[p] : faces.R[v],
        );
        const NR = [1, -1, -1, 4, -1, 3, 7, -1, -1].map((v, p) =>
          v < 0 ? faces.R[p] : faces.L[v],
        );
        const NL = [-1, 0, -1, 5, 3, -1, -1, 6, -1].map((v, p) =>
          v < 0 ? faces.L[p] : faces.F[v],
        );
        const ND = [...faces.D];
        update(NF, NR, NL, ND);
      }
    },
    R: (count: number) => {
      const times = ((count % 3) + 3) % 3;
      for (let i = 0; i < times; i += 1) {
        const NF = [-1, -1, 0, -1, 5, 3, -1, -1, 6].map((v, p) =>
          v < 0 ? faces.F[p] : faces.D[v],
        );
        const NR = [-1, 2, -1, 4, 5, -1, -1, 8, -1].map((v, p) =>
          v < 0 ? faces.R[p] : faces.F[v],
        );
        const NL = [...faces.L];
        const ND = [1, -1, -1, 4, -1, 3, 7, -1, -1].map((v, p) =>
          v < 0 ? faces.D[p] : faces.R[v],
        );
        update(NF, NR, NL, ND);
      }
    },
    L: (count: number) => {
      const times = ((count % 3) + 3) % 3;
      for (let i = 0; i < times; i += 1) {
        const NF = [-1, 0, -1, 5, 3, -1, -1, 6, -1].map((v, p) =>
          v < 0 ? faces.F[p] : faces.L[v],
        );
        const NR = [...faces.R];
        const NL = [1, -1, -1, 4, -1, 3, 7, -1, -1].map((v, p) =>
          v < 0 ? faces.L[p] : faces.D[v],
        );
        const ND = [-1, 1, -1, 3, 4, -1, -1, 7, -1].map((v, p) =>
          v < 0 ? faces.D[p] : faces.F[v],
        );
        update(NF, NR, NL, ND);
      }
    },
    B: (count: number) => {
      const times = ((count % 3) + 3) % 3;
      for (let i = 0; i < times; i += 1) {
        const NF = [...faces.F];
        const NR = [-1, -1, 2, -1, 4, 5, -1, -1, 8].map((v, p) =>
          v < 0 ? faces.R[p] : faces.D[v],
        );
        const NL = [-1, -1, 2, -1, 4, 5, -1, -1, 8].map((v, p) =>
          v < 0 ? faces.L[p] : faces.R[v],
        );
        const ND = [-1, -1, 2, -1, 4, 5, -1, -1, 8].map((v, p) =>
          v < 0 ? faces.D[p] : faces.L[v],
        );
        update(NF, NR, NL, ND);
      }
    },
    u: (count: number) => {
      const times = ((count % 3) + 3) % 3;
      for (let i = 0; i < times; i += 1) {
        const NF = faces.F.map((v, p) => (p === 0 ? faces.R[0] : v));
        const NR = faces.R.map((v, p) => (p === 0 ? faces.L[1] : v));
        const NL = faces.L.map((v, p) => (p === 1 ? faces.F[0] : v));
        const ND = [...faces.D];
        update(NF, NR, NL, ND);
      }
    },
    r: (count: number) => {
      const times = ((count % 3) + 3) % 3;
      for (let i = 0; i < times; i += 1) {
        const NF = faces.F.map((v, p) => (p === 2 ? faces.D[0] : v));
        const NR = faces.R.map((v, p) => (p === 1 ? faces.F[2] : v));
        const NL = [...faces.L];
        const ND = faces.D.map((v, p) => (p === 0 ? faces.R[1] : v));
        update(NF, NR, NL, ND);
      }
    },
    l: (count: number) => {
      const times = ((count % 3) + 3) % 3;
      for (let i = 0; i < times; i += 1) {
        const NF = faces.F.map((v, p) => (p === 1 ? faces.L[0] : v));
        const NR = [...faces.R];
        const NL = faces.L.map((v, p) => (p === 0 ? faces.D[1] : v));
        const ND = faces.D.map((v, p) => (p === 1 ? faces.F[1] : v));
        update(NF, NR, NL, ND);
      }
    },
    b: (count: number) => {
      const times = ((count % 3) + 3) % 3;
      for (let i = 0; i < times; i += 1) {
        const NF = [...faces.F];
        const NR = faces.R.map((v, p) => (p === 2 ? faces.D[2] : v));
        const NL = faces.L.map((v, p) => (p === 2 ? faces.R[2] : v));
        const ND = faces.D.map((v, p) => (p === 2 ? faces.L[2] : v));
        update(NF, NR, NL, ND);
      }
    },
  };

  pyra.move = (moves: any[]) => {
    moves.forEach((mv) => {
      if (mv[0] === 0) {
        (mv[2] === 2 ? cycles.U : cycles.u)(-mv[1]);
      } else if (mv[0] === 1) {
        (mv[2] === 2 ? cycles.R : cycles.r)(-mv[1]);
      } else if (mv[0] === 2) {
        (mv[2] === 2 ? cycles.L : cycles.l)(-mv[1]);
      } else if (mv[0] === 3) {
        (mv[2] === 2 ? cycles.B : cycles.b)(-mv[1]);
      }
    });
  };

  const lookup: Record<FaceName, number> = {
    F: 0,
    D: 1,
    L: 2,
    R: 3,
  };

  function getClass(fc: FaceName) {
    return "c" + lookup[fc];
  }

  pyra.getImage = () => {
    const classMap: Map<string, string[]> = new Map();
    const paths = [
      [
        getClass(faces.F[0]),
        `<path d="M508.32,37.49Q500 23.11,491.67 37.49L432.67,139.47Q424.35 153.85,440.99 153.85L559,153.85Q575.64 153.85,567.32 139.47Z" />`,
      ],
      [
        getClass(faces.F[1]),
        `<path d="M344.76,320.17Q336.44 305.79,328.12 320.17L269.12,422.15Q260.8 436.53,277.44 436.53L395.44,436.53Q412.09 436.53,403.77 422.15Z" />`,
      ],
      [
        getClass(faces.F[2]),
        `<path d="M671.87,320.17Q663.55 305.79,655.23 320.17L596.22,422.15Q587.9 436.53,604.55 436.53L722.55,436.53Q739.19 436.53,730.87 422.15Z" />`,
      ],
      [
        getClass(faces.F[3]),
        `<path d="M426.54,178.83Q418.22 164.45,409.9 178.83L350.9,280.81Q342.58 295.19,359.22 295.19L477.22,295.19Q493.86 295.19,485.54 280.81Z" />`,
      ],
      [
        getClass(faces.F[4]),
        `<path d="M508.32,320.17Q500 305.79,491.67 320.17L432.67,422.15Q424.35 436.53,440.99 436.53L559,436.53Q575.64 436.53,567.32 422.15Z" />`,
      ],
      [
        getClass(faces.F[5]),
        `<path d="M590.09,178.83Q581.77 164.45,573.45 178.83L514.45,280.81Q506.13 295.19,522.77 295.19L640.77,295.19Q657.41 295.19,649.09 280.81Z" />`,
      ],
      [
        getClass(faces.F[6]),
        `<path d="M440.99,160.92Q424.35 160.92,432.67 175.3L491.67,277.27Q500 291.66,508.32 277.27L567.32,175.3Q575.64 160.92,559 160.92Z" />`,
      ],
      [
        getClass(faces.F[7]),
        `<path d="M359.22,302.26Q342.58 302.26,350.9 316.64L409.9,418.61Q418.22 433,426.54 418.61L485.54,316.64Q493.86 302.26,477.22 302.26Z" />`,
      ],
      [
        getClass(faces.F[8]),
        `<path d="M522.77,302.26Q506.13 302.26,514.45 316.64L573.45,418.61Q581.77 433,590.09 418.61L649.09,316.64Q657.41 302.26,640.77 302.26Z" />`,
      ],
      [
        getClass(faces.D[0]),
        `<path d="M655.23,584.53Q663.55 598.94,671.87 584.53L730.87,482.34Q739.19 467.92,722.55 467.92L604.55,467.92Q587.9 467.92,596.22 482.34Z" />`,
      ],
      [
        getClass(faces.D[1]),
        `<path d="M328.12,584.53Q336.44 598.94,344.76 584.53L403.77,482.34Q412.09 467.92,395.44 467.92L277.44,467.92Q260.8 467.92,269.12 482.34Z" />`,
      ],
      [
        getClass(faces.D[2]),
        `<path d="M491.67,867.81Q500 882.22,508.32 867.81L567.32,765.61Q575.64 751.2,559 751.2L440.99,751.2Q424.35 751.2,432.67 765.61Z" />`,
      ],
      [
        getClass(faces.D[3]),
        `<path d="M491.67,584.53Q500 598.94,508.32 584.53L567.32,482.34Q575.64 467.92,559 467.92L440.99,467.92Q424.35 467.92,432.67 482.34Z" />`,
      ],
      [
        getClass(faces.D[4]),
        `<path d="M409.9,726.17Q418.22 740.58,426.54 726.17L485.54,623.97Q493.86 609.56,477.22 609.56L359.22,609.56Q342.58 609.56,350.9 623.97Z" />`,
      ],
      [
        getClass(faces.D[5]),
        `<path d="M573.45,726.17Q581.77 740.58,590.09 726.17L649.09,623.97Q657.41 609.56,640.77 609.56L522.77,609.56Q506.13 609.56,514.45 623.97Z" />`,
      ],
      [
        getClass(faces.D[6]),
        `<path d="M640.77,602.48Q657.41 602.48,649.09 588.07L590.09,485.88Q581.77 471.46,573.45 485.88L514.45,588.07Q506.13 602.48,522.77 602.48Z" />`,
      ],
      [
        getClass(faces.D[7]),
        `<path d="M477.22,602.48Q493.86 602.48,485.54 588.07L426.54,485.88Q418.22 471.46,409.9 485.88L350.9,588.07Q342.58 602.48,359.22 602.48Z" />`,
      ],
      [
        getClass(faces.D[8]),
        `<path d="M559.00,744.12Q575.64 744.12,567.32 729.71L508.32,627.52Q500 613.1,491.67 627.52L432.67,729.71Q424.35 744.12,440.99 744.12Z" />`,
      ],
      [
        getClass(faces.L[0]),
        `<path d="M226.58,404.02Q234.87 418.32,243.19 403.94L302.19,301.96Q310.51 287.58,293.9 287.66L176.08,288.2Q159.47 288.27,167.76 302.58Z" />`,
      ],
      [
        getClass(faces.L[1]),
        `<path d="M390.13,121.34Q398.42 135.64,406.74 121.26L465.74,19.28Q474.06 4.9,457.45 4.98L339.63,5.52Q323.02 5.59,331.31 19.9Z" />`,
      ],
      [
        getClass(faces.L[2]),
        `<path d="M63.54,122.83Q71.84 137.14,80.16 122.76L139.16,20.78Q147.48 6.4,130.87 6.47L13.05,7.01Q-3.56 7.09,4.73 21.4Z" />`,
      ],
      [
        getClass(faces.L[3]),
        `<path d="M308.35,262.68Q316.65 276.98,324.97 262.6L383.97,160.62Q392.29 146.24,375.67 146.32L257.86,146.86Q241.24 146.93,249.54 161.24Z" />`,
      ],
      [
        getClass(faces.L[4]),
        `<path d="M226.84,122.08Q235.13 136.39,243.45 122.01L302.45,20.03Q310.77 5.65,294.16 5.73L176.34,6.27Q159.73 6.34,168.02 20.65Z" />`,
      ],
      [
        getClass(faces.L[5]),
        `<path d="M145.06,263.42Q153.36 277.73,161.68 263.35L220.68,161.37Q229 146.99,212.38 147.07L94.57,147.61Q77.95 147.68,86.25 161.99Z" />`,
      ],
      [
        getClass(faces.L[6]),
        `<path d="M293.91,280.61Q310.52 280.53,302.23 266.23L243.41,164.79Q235.12 150.49,226.8 164.87L167.8,266.84Q159.48 281.23,176.09 281.15Z" />`,
      ],
      [
        getClass(faces.L[7]),
        `<path d="M375.68,139.27Q392.3 139.19,384 124.89L325.19,23.45Q316.89 9.15,308.57 23.53L249.57,125.5Q241.25 139.89,257.87 139.81Z" />`,
      ],
      [
        getClass(faces.L[8]),
        `<path d="M212.39,140.02Q229 139.94,220.71 125.64L161.9,24.2Q153.6 9.89,145.28 24.28L86.28,126.25Q77.96 140.63,94.57 140.56Z" />`,
      ],
      [
        getClass(faces.R[0]),
        `<path d="M593.25,121.26Q601.57 135.64,609.86 121.34L668.68,19.9Q676.97 5.59,660.36 5.52L542.54,4.98Q525.93 4.9,534.25 19.28Z" />`,
      ],
      [
        getClass(faces.R[1]),
        `<path d="M756.8,403.94Q765.12 418.32,773.41 404.02L832.23,302.58Q840.52 288.27,823.91 288.2L706.09,287.66Q689.48 287.58,697.8 301.96Z" />`,
      ],
      [
        getClass(faces.R[2]),
        `<path d="M919.83,122.76Q928.15 137.14,936.45 122.83L995.26,21.4Q1003.55 7.09,986.94 7.01L869.12,6.47Q852.51 6.4,860.83 20.78Z" />`,
      ],
      [
        getClass(faces.R[3]),
        `<path d="M675.02,262.6Q683.34 276.98,691.64 262.68L750.45,161.24Q758.75 146.93,742.13 146.86L624.32,146.32Q607.7 146.24,616.02 160.62Z" />`,
      ],
      [
        getClass(faces.R[4]),
        `<path d="M838.31,263.35Q846.63 277.73,854.93 263.42L913.74,161.99Q922.04 147.68,905.42 147.61L787.61,147.07Q770.99 146.99,779.31 161.37Z" />`,
      ],
      [
        getClass(faces.R[5]),
        `<path d="M756.54,122.01Q764.86 136.39,773.15 122.08L831.97,20.65Q840.26 6.34,823.65 6.27L705.83,5.73Q689.22 5.65,697.54 20.03Z" />`,
      ],
      [
        getClass(faces.R[6]),
        `<path d="M742.12,139.81Q758.74 139.89,750.42 125.5L691.42,23.53Q683.1 9.15,674.8 23.45L615.99,124.89Q607.69 139.19,624.31 139.27Z" />`,
      ],
      [
        getClass(faces.R[7]),
        `<path d="M823.9,281.15Q840.51 281.23,832.19 266.84L773.19,164.87Q764.87 150.49,756.58 164.79L697.76,266.23Q689.47 280.53,706.08 280.61Z" />`,
      ],
      [
        getClass(faces.R[8]),
        `<path d="M905.42,140.56Q922.03 140.63,913.71 126.25L854.71,24.28Q846.39 9.89,838.09 24.2L779.28,125.64Q770.99 139.94,787.6 140.02Z" />`,
      ],
    ];

    paths.forEach((path) => {
      const val = path[1].replace(/(\d+(\.\d+)?)/g, (match) => {
        const num = parseFloat(match) / 10;
        return num.toFixed(2);
      });

      if (classMap.has(path[0])) {
        classMap.get(path[0])!.push(val);
      } else {
        classMap.set(path[0], [val]);
      }
    });

    return [
      `<?xml version="1.0" encoding="UTF-8" standalone="no"?>`,
      `<svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 100 88" class="${ID}">`,
      `<style>.${ID} .c0{fill:#009d54;}.${ID} .c1{fill:#ffeb3b;}.${ID} .c2{fill:#dc422f;}.${ID} .c3{fill:#3d81f6;}</style>`,
      ...Array.from(classMap.entries()).map(([cls, path]) => {
        return `<g class="${cls}">${path.join("")}</g>`;
      }),
      `</svg>`,
    ].join("");
  };

  return pyra;
}