function simulateGamepad() {
  const app = window.app;
  app.chrome.showCursor = true;
  let cursorPos = [0, 0];
  let intTabIndex = 0;
  const cursorSpeedPvt = 8;
  const cursorSize = 16;
  let scrollSpeed = 8;
  let buttonPressDelay = 500;
  let stickDeadZone = 0.2;
  let scrollGroup = null;
  let scrollGroupY = null;
  let elementFocusEnabled = true;
  let start;

  let cursorSpeed = cursorSpeedPvt;

  let lastButtonPress = {};

  var sounds = {
    Confirm: new Audio("./sounds/confirm.ogg"),
    Menu: new Audio("./sounds/btn1.ogg"),
    Hover: new Audio("./sounds/hover.ogg"),
  };

  let element = document.elementFromPoint(0, 0);
  let elementType = 0;

  function appLoop() {
    var gamepads = navigator.getGamepads ? navigator.getGamepads() : navigator.webkitGetGamepads ? navigator.webkitGetGamepads() : [];
    if (!gamepads) {
      return;
    }

    var gp = gamepads[0];

    //  LEFT STICK
    if (gp.axes[0] > stickDeadZone) {
      cursorPos[0] += gp.axes[0] * cursorSpeed;
    } else if (gp.axes[0] < -stickDeadZone) {
      cursorPos[0] += gp.axes[0] * cursorSpeed;
    }

    if (gp.axes[1] > stickDeadZone) {
      cursorPos[1] += gp.axes[1] * cursorSpeed;
    } else if (gp.axes[1] < -stickDeadZone) {
      cursorPos[1] += gp.axes[1] * cursorSpeed;
    }

    if (cursorPos[0] < cursorSize) {
      cursorPos[0] = cursorSize;
    }
    if (cursorPos[1] < cursorSize) {
      cursorPos[1] = cursorSize;
    }
    if (cursorPos[0] > window.innerWidth - cursorSize) {
      cursorPos[0] = window.innerWidth - cursorSize;
    }
    if (cursorPos[1] > window.innerHeight - cursorSize) {
      cursorPos[1] = window.innerHeight - cursorSize;
    }

    // RIGHT STICK.
    if (scrollGroupY) {
      if (gp.axes[3] > stickDeadZone) {
        $(scrollGroupY).scrollTop($(scrollGroupY).scrollTop() + gp.axes[3] * scrollSpeed);
        elementFocusEnabled = false;
      } else if (gp.axes[3] < -stickDeadZone) {
        $(scrollGroupY).scrollTop($(scrollGroupY).scrollTop() + gp.axes[3] * scrollSpeed);
        elementFocusEnabled = false;
      } else {
        elementFocusEnabled = true;
      }
    }

    if (scrollGroup) {
      if (gp.axes[2] > stickDeadZone) {
        $(scrollGroup).scrollLeft($(scrollGroup).scrollLeft() + gp.axes[2] * scrollSpeed);
        elementFocusEnabled = false;
      } else if (gp.axes[2] < -stickDeadZone) {
        $(scrollGroup).scrollLeft($(scrollGroup).scrollLeft() + gp.axes[2] * scrollSpeed);
        elementFocusEnabled = false;
      } else {
        elementFocusEnabled = true;
      }
    }

    $(".cursor").css({
      top: cursorPos[1] + "px",
      left: cursorPos[0] + "px",
      display: "block",
    });

    // A BUTTON
    if (gp.buttons[0].pressed) {
      if (!lastButtonPress["A"]) {
        lastButtonPress["A"] = 0;
      }
      if (Date.now() - lastButtonPress["A"] > buttonPressDelay) {
        lastButtonPress["A"] = Date.now();
        sounds.Confirm.play();
        if (elementType == 0) {
          document.activeElement.dispatchEvent(new Event("click"));
          document.activeElement.dispatchEvent(new Event("controller-click"));
        } else {
          element.dispatchEvent(new Event("click"));
          element.dispatchEvent(new Event("controller-click"));
        }
      }
    }

    // B BUTTON
    if (gp.buttons[1].pressed) {
      if (!lastButtonPress["B"]) {
        lastButtonPress["B"] = 0;
      }
      if (Date.now() - lastButtonPress["B"] > buttonPressDelay) {
        lastButtonPress["B"] = Date.now();
        if (elementType == 0) {
          document.activeElement.dispatchEvent(new Event("contextmenu"));
          setTimeout(() => {
            if ($(".menu-option").length > 0) {
              let bounds = $(".menu-option")[0].getBoundingClientRect();
              cursorPos[0] = bounds.left + bounds.width / 2;
              cursorPos[1] = bounds.top + bounds.height / 2;
            }
          }, 100);
        } else {
          element.dispatchEvent(new Event("contextmenu"));
        }
      }
    }

    // right bumper
    if (gp.buttons[5].pressed) {
      if (!lastButtonPress["RB"]) {
        lastButtonPress["RB"] = 0;
      }
      if (Date.now() - lastButtonPress["RB"] > buttonPressDelay) {
        lastButtonPress["RB"] = Date.now();
        app.navigateForward();
      }
    }

    // left bumper
    if (gp.buttons[4].pressed) {
      if (!lastButtonPress["LB"]) {
        lastButtonPress["LB"] = 0;
      }
      if (Date.now() - lastButtonPress["LB"] > buttonPressDelay) {
        lastButtonPress["LB"] = Date.now();
        app.navigateBack();
      }
    }

    // cursor hover
    if (elementFocusEnabled) {
      element = document.elementFromPoint(cursorPos[0], cursorPos[1]);
    }

    if (element) {
      let closest = element.closest("[tabindex], input, button, a");

      // VERT SCROLL
      let scrollGroupCloY = element.closest(`[scrollaxis="y"]`);
      if (scrollGroupCloY) {
        scrollGroupY = scrollGroupCloY;
      }

      //  HOZ SCROLL
      let scrollGroupClo = element.closest(".v-hl-container");

      if (scrollGroupClo) {
        if (scrollGroupClo.classList.contains("v-hl-container")) {
          scrollGroup = scrollGroupClo;
          scrollGroup.style["scroll-snap-type"] = "unset";
        } else {
          scrollGroup.style["scroll-snap-type"] = "";
          scrollGroup = null;
        }
      }

      if (closest) {
        elementType = 0;
        closest.focus();
      } else {
        if (closest) {
          closest.blur();
        }
        elementType = 1;
        element.focus();
      }
      cursorSpeed = cursorSpeedPvt;
      if (!element.classList.contains("app-chrome") && !element.classList.contains("app-content")) {
        cursorSpeed = cursorSpeedPvt;
      }
      // console.log($._data($(element), "events"))
    } else {
      cursorSpeed = 12;
    }
    // console.log(gp.axes[0], gp.axes[1])
    start = requestAnimationFrame(appLoop);
  }

  // controller pairing
  notyf.error("Press the button on your controller to pair it to Cider.");
  window.addEventListener(
    "gamepadconnected",
    function (e) {
      console.log("Gamepad connected at index %d: %s. %d buttons, %d axes.", e.gamepad.index, e.gamepad.id, e.gamepad.buttons.length, e.gamepad.axes.length);
      notyf.success("Pairing successful!");
      appLoop();
    },
    { once: true }
  );

  document.addEventListener("keydown", (e) => {
    sounds.Confirm.currentTime = 0;
    sounds.Menu.currentTime = 0;
    sounds.Hover.currentTime = 0;
    let tabbable = $("[tabindex]");
    console.log(e.key);
    switch (e.key) {
      default:
        break;
      case "ArrowLeft":
        e.preventDefault();

        cursorPos[0] -= cursorSpeed;
        break;
      case "ArrowRight":
        e.preventDefault();

        cursorPos[0] += cursorSpeed;
        break;
      case "ArrowUp":
        e.preventDefault();

        cursorPos[1] -= cursorSpeed;
        // sounds.Hover.play()
        // if (intTabIndex <= 0) {
        //     intTabIndex = 0
        // } else {
        //     intTabIndex--
        // }
        // $(tabbable[intTabIndex]).focus()
        // $("#app-content").scrollTop($(document.activeElement).offset().top)
        break;
      case "ArrowDown":
        e.preventDefault();

        cursorPos[1] += cursorSpeed;
        // if (intTabIndex < tabbable.length) {
        //     intTabIndex++
        // } else {
        //     intTabIndex = tabbable.length
        // }
        // $(tabbable[intTabIndex]).focus()
        // $("#app-content").scrollTop($(document.activeElement).offset().top)
        break;
      case "c":
        app.resetState();
        break;
      case "x":
        // set cursorPos to the top right of the screen
        // sounds.Menu.play()
        if (elementType == 0) {
          document.activeElement.dispatchEvent(new Event("contextmenu"));
        } else {
          element.dispatchEvent(new Event("contextmenu"));
        }

        e.preventDefault();
        break;
      case "z":
        sounds.Confirm.play();
        if (elementType == 0) {
          document.activeElement.dispatchEvent(new Event("click"));
          document.activeElement.dispatchEvent(new Event("controller-click"));
        } else {
          element.dispatchEvent(new Event("click"));
          element.dispatchEvent(new Event("controller-click"));
        }

        e.preventDefault();
        break;
    }

    $(".cursor").css({
      top: cursorPos[1] + "px",
      left: cursorPos[0] + "px",
    });
    function lerp(a, b, n) {
      return (1 - n) * a + n * b;
    }

    element = document.elementFromPoint(cursorPos[0], cursorPos[1]);

    if (element) {
      let closest = element.closest("[tabindex], input, button, a");
      if (closest) {
        elementType = 0;
        closest.focus();
      } else {
        elementType = 1;
        element.focus();
      }
    }
    console.log(element);
  });
}

export { simulateGamepad };