function openPrivilegePopup() {
  document.querySelector(".dark-bg-privilege").style.display = "block";
  document.querySelector(".gift-popup-privilege").style.display = "block";
}

function closePrivilegePopup() {
  document.querySelector(".dark-bg-privilege").style.display = "none";
  document.querySelector(".gift-popup-privilege").style.display = "none";
}

function openThankyouPopup() {
  document.querySelector(".dark-bg-privilege").style.display = "block";
  document.querySelector(".thankyou-popup-privilege").style.display = "flex";
  document.querySelector(".gift-popup-privilege").style.display = "none";
}

function closeThankyouPopup() {
  document.querySelector(".dark-bg-privilege").style.display = "none";
  document.querySelector(".thankyou-popup-privilege").style.display = "none";
}

function openJuggernautPopup() {
  alert("Coming soon...");

  // document.querySelector("#production-house-popup").style.display = "block";
  // document.querySelector(".dark-bg-privilege").style.display = "block";
  // document.querySelector("#screenplay-writing-popup").style.display = "none";

  // document.querySelector("#production-heading-1").style.color = "#33B0CA";
  // document.querySelector("#production-heading-1").style.borderBottom =
  //   "1px solid #33B0CA";

  // document.querySelector("#production-heading-2").style.color = "#33B0CA";
  // document.querySelector("#production-heading-2").style.borderBottom =
  //   "1px solid #33B0CA";

  // document.querySelector("#screenplay-heading-1").style.color = "#000";
  // document.querySelector("#screenplay-heading-1").style.borderBottom = "none";

  // document.querySelector("#screenplay-heading-2").style.color = "#000";
  // document.querySelector("#screenplay-heading-2").style.borderBottom = "none";
}

function openScreenplayPopup() {
  document.querySelector("#screenplay-writing-popup").style.display = "block";
  document.querySelector(".dark-bg-privilege").style.display = "block";
  document.querySelector("#production-house-popup").style.display = "none";

  document.querySelector("#production-heading-1").style.color = "#000";
  document.querySelector("#production-heading-1").style.borderBottom = "none";

  document.querySelector("#production-heading-2").style.color = "#000";
  document.querySelector("#production-heading-2").style.borderBottom = "none";

  document.querySelector("#screenplay-heading-1").style.color = "#33B0CA";
  document.querySelector("#screenplay-heading-1").style.borderBottom =
    "1px solid #33B0CA";

  document.querySelector("#screenplay-heading-2").style.color = "#33B0CA";
  document.querySelector("#screenplay-heading-2").style.borderBottom =
    "1px solid #33B0CA";
}

function closeProductionPopup() {
  document.querySelector("#production-house-popup").style.display = "none";
  document.querySelector(".dark-bg-privilege").style.display = "none";
}

function closeScreenplayPopup() {
  document.querySelector("#screenplay-writing-popup").style.display = "none";
  document.querySelector(".dark-bg-privilege").style.display = "none";
}

function openJuggernautPopupMobile() {
  alert("Coming soon...");
  // document.getElementById("juggernaut-wrapper-mobile").style.display = "block";
}

function hideJuggernautMobile() {
  document.getElementById("juggernaut-wrapper-mobile").style.display = "none";
}

function toggleProductionHouse() {
  document.querySelector(".production-btn").classList.add("active-tab-mobile");
  document
    .querySelector(".screenplay-btn")
    .classList.remove("active-tab-mobile");
  document.getElementById("production-house-wrapper-mobile").style.display =
    "block";
  document.getElementById("screenplay-writing-wrapper-mobile").style.display =
    "none";
}
function toggleScreenplayWriting() {
  document
    .querySelector(".production-btn")
    .classList.remove("active-tab-mobile");
  document.querySelector(".screenplay-btn").classList.add("active-tab-mobile");
  document.getElementById("screenplay-writing-wrapper-mobile").style.display =
    "block";
  document.getElementById("production-house-wrapper-mobile").style.display =
    "none";
}

// Screenplay Writing

const choosePackageDropdown = document.getElementById(
  "choose-package-dropdown"
);
const packageName = document.getElementById("package-name");
const validityValue = document.getElementById("validity-value");
const priceValue = document.getElementById("price-value");
const aiValue = document.getElementById("ai-value");
const langValue = document.getElementById("lang-value");
const iterateValue = document.getElementById("iterate-value");
const scheduleChckbox = document.getElementById("schedule-chckbox");
const comparePackages = document.getElementById("compare-packages");
const allPackages = document.getElementById("all-packages");
const toggleTripleJump = document.getElementById("toggle-triple-jump");
const toggleHIghJump = document.getElementById("toggle-high-jump");

choosePackageDropdown.addEventListener("change", function () {
  const selectedPackage = choosePackageDropdown.value;
  switch (selectedPackage) {
    case "long-jump":
      packageName.style.marginLeft = "auto";
      toggleTripleJump.style.display = "none";
      toggleHIghJump.style.display = "none";
      allPackages.style.display = "block";
      comparePackages.style.display = "none";
      packageName.textContent = "Long Jump";
      validityValue.textContent = "90";
      priceValue.textContent = "149";
      aiValue.textContent = "50";
      langValue.textContent = "1";
      iterateValue.textContent = "2";
      scheduleChckbox.checked = false;
      break;
    case "triple-jump":
      packageName.style.marginLeft = "auto";
      toggleTripleJump.style.display = "none";
      toggleHIghJump.style.display = "none";
      allPackages.style.display = "block";
      comparePackages.style.display = "none";
      packageName.textContent = "Triple Jump";
      validityValue.textContent = "180";
      priceValue.textContent = "274";
      aiValue.textContent = "1000";
      langValue.textContent = "3";
      iterateValue.textContent = "2";
      scheduleChckbox.checked = true;
      break;
    case "high-jump":
      packageName.style.marginLeft = "auto";
      toggleTripleJump.style.display = "none";
      toggleHIghJump.style.display = "none";
      allPackages.style.display = "block";
      comparePackages.style.display = "none";
      packageName.textContent = "High Jump";
      validityValue.textContent = "365";
      priceValue.textContent = "339";
      aiValue.textContent = "2000";
      langValue.textContent = "3";
      iterateValue.textContent = "2";
      scheduleChckbox.checked = true;
      break;
    case "compare":
      comparePackages.style.display = "block";
      toggleTripleJump.style.display = "block";
      toggleHIghJump.style.display = "block";
      allPackages.style.display = "none";
      packageName.textContent = "Long Jump";
      packageName.style.marginLeft = "0";
  }
});

// Production House

const choosePackageDropdown2 = document.getElementById(
  "choose-package-dropdown2"
);
const packageName2 = document.getElementById("package-name2");
const toggleTripleJump2 = document.getElementById("toggle-triple-jump2");
const toggleHIghJump2 = document.getElementById("toggle-high-jump2");
const validityValue2 = document.getElementById("validity-value2");
const priceValue2 = document.getElementById("price-value2");
const numValue = document.getElementById("num-value");
const noLangValue = document.getElementById("no-lang-value");
const schBudValue = document.getElementById("sch-bud-value");
const chrIntroChbx = document.getElementById("char-intro-chbx");
const lineNarrChbx = document.getElementById("line-narr-chbx");
const chrWiseChbx = document.getElementById("chr-wise-chbx");
const conPageValue = document.getElementById("con-page-value");
const conLppValue = document.getElementById("con-lpp-value");
const beatScnValue = document.getElementById("beat-scn-value");
const comparePackages2 = document.getElementById("compare-packages2");
const allPackages2 = document.getElementById("all-packages2");

choosePackageDropdown2.addEventListener("change", function () {
  const selectedPackage2 = choosePackageDropdown2.value;
  switch (selectedPackage2) {
    case "radiate":
      packageName2.textContent = "Radiate";
      validityValue2.textContent = "30";
      priceValue2.textContent = "149";
      numValue.textContent = "30";
      noLangValue.textContent = "2";
      schBudValue.textContent = "2";
      chrIntroChbx.checked = false;
      lineNarrChbx.checked = false;
      chrWiseChbx.checked = false;
      conPageValue.textContent = "0";
      conLppValue.textContent = "0";
      beatScnValue.textContent = "100";

      packageName2.style.marginLeft = "auto";
      toggleTripleJump2.style.display = "none";
      toggleHIghJump2.style.display = "none";
      allPackages2.style.display = "block";
      comparePackages2.style.display = "none";
      break;
    case "regional":
      packageName2.textContent = "Regional";
      validityValue2.textContent = "180";
      priceValue2.textContent = "1499";
      numValue.textContent = "150";
      noLangValue.textContent = "5";
      schBudValue.textContent = "5";
      chrIntroChbx.checked = true;
      lineNarrChbx.checked = true;
      chrWiseChbx.checked = true;
      conPageValue.textContent = "150";
      conLppValue.textContent = "1";
      beatScnValue.textContent = "500";

      packageName2.style.marginLeft = "auto";
      toggleTripleJump2.style.display = "none";
      toggleHIghJump2.style.display = "none";
      allPackages2.style.display = "block";
      comparePackages2.style.display = "none";
      break;
    case "global":
      packageName2.textContent = "Global";
      validityValue2.textContent = "365";
      priceValue2.textContent = "14999";
      numValue.textContent = "1200";
      noLangValue.textContent = "8";
      schBudValue.textContent = "10";
      chrIntroChbx.checked = true;
      lineNarrChbx.checked = true;
      chrWiseChbx.checked = true;
      conPageValue.textContent = "1200";
      conLppValue.textContent = "1";
      beatScnValue.textContent = "5000";

      packageName2.style.marginLeft = "auto";
      toggleTripleJump2.style.display = "none";
      toggleHIghJump2.style.display = "none";
      allPackages2.style.display = "block";
      comparePackages2.style.display = "none";
      break;
    case "compare":
      comparePackages2.style.display = "block";
      toggleTripleJump2.style.display = "block";
      toggleHIghJump2.style.display = "block";
      allPackages2.style.display = "none";
      packageName2.textContent = "Radiate";
      packageName2.style.marginLeft = "0";
  }
});