custom.js

var _paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(["disableCookies"]);
_paq.push(["trackPageView"]);
_paq.push(["enableLinkTracking"]);
_paq.push(["setTrackerUrl", "https://stats.cihar.com/matomo.php"]);
_paq.push(["setSiteId", "12"]);

var ready = (callback) => {
  if (document.readyState != "loading") {
    callback();
  } else {
    document.addEventListener("DOMContentLoaded", callback);
  }
};

/* Actual table switching logic */
function switchTabs(removal, enable) {
  document.querySelectorAll(removal).forEach((child) => {
    child.classList.remove("current");
  });
  document.getElementById(enable).classList.add("current");
}

/* Generic tab toggling code */
function tabToggle(targets, removal) {
  document.querySelectorAll(targets).forEach((element) => {
    element.addEventListener("click", (e) => {
      let tab = e.target.getAttribute("data-tab");
      switchTabs(removal, tab);
      e.target.classList.add("current");
      if (tab === "monthly") {
        document.getElementById("dedicated-checkbox").checked = false;
      }
    });
  });
}

ready(() => {
  /* Mobile menu display */
  document.querySelector(".menu-show").addEventListener("click", (e) => {
    document.querySelector("body").classList.toggle("open-mobile");
    document.querySelector(".mobile-menu").classList.toggle("is-visible");
    e.preventDefault();
  });

  /* Languages menu */
  document.querySelector(".open-langs").addEventListener("click", (e) => {
    console.log(e);
    var thisParent = e.target.parentElement;
    var thisNext = e.target.nextElementSibling;
    console.log(thisNext);
    if (thisParent.classList.contains("opened")) {
      thisParent.classList.remove("opened");
      thisNext.style.opacity = "0";
      setTimeout(() => {
        thisNext.classList.toggle("is-visible");
        thisNext.style.opacity = null;
      }, 350);
    } else {
      thisNext.style.display = "block";
      thisParent.classList.add("opened");
      setTimeout(() => {
        thisNext.classList.toggle("is-visible");
        thisNext.style.display = null;
      }, 20);
    }
    e.preventDefault();
  });

  /* Pricing tabs */
  tabToggle("ul.pricing-tabs li", "ul.pricing-tabs li, .tab-content");

  /* Yearly/monthly toggle */
  tabToggle(
    ".pricing-table-tabs-menu ul li",
    ".pricing-table-tabs-menu ul li, .tab-content"
  );
  /* Dedicated hosting toggle */
  document.querySelectorAll("#dedicated-checkbox").forEach((element) => {
    element.addEventListener("change", (e) => {
      let yearly_pricing = document.getElementById("yearly-pricing");
      if (e.target.checked) {
        yearly_pricing.dispatchEvent(new Event("click"));
        switchTabs(".pricing-table-tabs-menu ul li, .tab-content", "dedicated");
      } else {
        switchTabs(".pricing-table-tabs-menu ul li, .tab-content", "yearly");
      }
      yearly_pricing.classList.add("current");
    });
  });
  document.querySelectorAll(".dedicated-toggle").forEach((element) => {
    console.log(element);
    element.addEventListener("click", (e) => {
      let target = document.getElementById("dedicated-checkbox");
      target.checked = element.classList.contains("dedicated-enable");
      target.dispatchEvent(new Event("change"));
    });
  });

  /* Donate rewards selection */
  let donate_input = document.getElementById("donate-amount");
  if (donate_input) {
    document.querySelectorAll(".rewards .choose").forEach((element) => {
      element.addEventListener("click", (e) => {
        var container = e.target.parentElement;
        container.parentElement
          .querySelector(".reward.checked")
          .classList.remove("checked");
        container.classList.add("checked");
        container.querySelector("input").checked = true;
        e.preventDefault();
      });
    });
    document.querySelectorAll(".rewards .close").forEach((element) => {
      element.addEventListener("click", (e) => {
        document
          .querySelector(".rewards .fourth .choose")
          .dispatchEvent(new Event("click"));
        e.preventDefault();
      });
    });
    donate_input.addEventListener("change", (e) => {
      var amount = parseInt(e.target.value);
      var found = 0;
      var highest = document.querySelector(".rewards .fourth");
      var highest_amount = parseInt(highest.getAttribute("data-amount"));
      document.querySelectorAll(".reward").forEach((element) => {
        var current_amount = parseInt(element.getAttribute("data-amount"));
        if (current_amount <= amount) {
          element.classList.remove("small");
          found++;
          if (highest_amount < current_amount) {
            highest = element;
            highest_amount = current_amount;
          }
        } else {
          element.classList.add("small");
          if (element.classList.contains("checked")) {
            element.querySelector(".close").dispatchEvent(new Event("click"));
          }
        }
      });
      highest.querySelector(".choose").click();

      if (found > 1) {
        document.querySelector(".whoa").classList.add("is-visible");
        document.querySelector(".nowhoa").classList.remove("is-visible");
      } else {
        document.querySelector(".whoa").classList.remove("is-visible");
        document.querySelector(".nowhoa").classList.add("is-visible");
      }

      console.log(amount);
    });
    donate_input.dispatchEvent(new Event("change"));
  }

  /* VAT form */
  let vat_input = document.getElementById("id_vat_0");
  if (vat_input) {
    vat_input.addEventListener("change", (e) => {
      var value = e.target.value;
      if (value != "") {
        document.querySelector(
          '#id_country option[value="' + value + '"'
        ).selected = true;
      }
    });
    document.querySelectorAll("#id_vat_0,#id_vat_1").forEach((element) => {
      element.addEventListener("focusout", (e) => {
        var country = document.getElementById("id_vat_0").value;
        var code = document.getElementById("id_vat_1").value;
        if (country && code) {
          const payload = new FormData();
          payload.append("vat", country + code);
          payload.append(
            "payment",
            document.querySelector('input[name="payment"]').value
          );
          payload.append(
            "csrfmiddlewaretoken",
            document.querySelector('input[name="csrfmiddlewaretoken"]').value
          );
          fetch("/js/vat/", {
            method: "POST",
            body: payload,
          })
            .then((response) => response.json())
            .then((data) => {
              if (data.valid) {
                document.querySelector('input[name="name"]').value = data.name;
                var parts = data.address.trim().split("\n");
                document.querySelector('input[name="address"]').value =
                  parts[0];
                document.querySelector('input[name="city"]').value =
                  parts[parts.length - 1];
              }
            })
            .catch((error) => {
              console.error("Error:", error);
            });
        }
      });
    });
  }

  new ClipboardJS("[data-clipboard-text]");
});

function removeUser(userId) {
  document.getElementById(`server_user_${userId}_form`).submit();
}