import "./style/index-free-brokerage.scss";
import initTimer from "./js/components/lp/free-brokerage/Timer.js";
import Accordion from "./js/components/lp/affiliate_traffic/Accordion.js";
import initRangeSlider from "./js/components/lp/free-brokerage/RangeSlider.js";
import initToggleButtons from "./js/components/lp/free-brokerage/ToggleButtons.js";
import initLangStyles from "./js/components/lp/free-brokerage/lang-styles.js";
import Phone from "./js/components/phone/Phone.js";
import { Lang } from "./js/components/lp/saas2/Lang";
import { Modal } from "./js/components/modal/Modal";
import { form } from "./js/components/form/Form";
import {
  validateFreeBrokerageForm,
  initNumericInputRestriction,
} from "./js/components/lp/free-brokerage/FormValidation.js";
import ScrollAnchor from "./js/components/ScrollAnchor.js";

document.addEventListener("DOMContentLoaded", () => {
  ScrollAnchor();
});

window.addEventListener("load", () => {
  const forms = document.querySelectorAll(`[data-widget="form"]`);

  const urlParams = new URLSearchParams(window.location.search);
  const entries = urlParams.entries();
  for (const entry of entries) {
    localStorage.setItem("form__" + entry[0], entry[1]);
  }

  initTimer();
  Accordion();
  initRangeSlider();
  initToggleButtons();
  Lang();
  initLangStyles();
  Phone();
  Modal('whoAreYou', true, {
    timeout: 1000,
});

  initNumericInputRestriction('input[name="ftd_sum"]');

  if (forms.length !== 0) {
    forms.forEach((item) => {
      if (item) {
        const name = item.getAttribute("data-name");
        if (name) {
          if (name === "free-brokerage-request") {
            form(name, {
              validate: validateFreeBrokerageForm,
              onSuccess: () => {
                window.location.href = "https://t.me/quadcode_giveaway_bot";
              },
            });
          } else {
            form(name);
          }
        }
      }
    });
  }
});