// -------tab---------------
$(function () {
  $(".tab__flexBox").click(function () {
    var index = $(this).index();
    $(this).addClass("select").siblings().removeClass("select");
  });
});

$(function () {
  $(".tab__flexMobileBox").click(function () {
    var index = $(this).index();
    $(this)
      .addClass("tab__flexMobileBox--color")
      .siblings()
      .removeClass("tab__flexMobileBox--color");
  });
});
// -------gsap---------------
gsap.registerPlugin("ScrollTrigger");

function offsetFind(obj, num = 0) {
  let rect = document.querySelector(obj).getBoundingClientRect();
  let a = rect.top + window.pageYOffset;
  return a + num;
}

function setStartEnd(obj, Tstart, Tend, Tmarkers = false, Tscrub = 0.5) {
  let _obj = {
    start: () => {
      return offsetFind(obj, Tstart);
    },
    end: () => {
      return offsetFind(obj, Tend);
    },
    scrub: Tscrub,
    markers: Tmarkers,
  };
  return _obj;
}

// show mobile menu
// ScrollTrigger.matchMedia({
//     "(max-width: 480px)": function () {
//         const navFixed = gsap.timeline({
//         scrollTrigger: {
//             trigger: ".tab__flex",
//             start: "top top",
//             end: "top top",
//             // markers: true,
//             // scrub: 2,
//             onEnter: () => {
//             $(".tab__flex").addClass("tab__flex--active");
//             $(".tab__flexMobile").addClass("tab__flexMobile--active");
//             console.log("123");
//             },
//             onEnterBack: () => {
//             // $(".tab__flex").removeClass("tab__flex--active")
//             $(".tab__flex").removeClass("tab__flex--active");
//             $(".tab__flexMobile").removeClass("tab__flexMobile--active");
//             },
//         },
//         });
//     },
// });

// buy now
function getQueryVariable(variable) {
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i = 0; i < vars.length; i++) {
    var pair = vars[i].split("=");
    if (pair[0] == variable) {
      return pair[1];
    }
  }
  return false;
}
let ctn = getQueryVariable("link");
let firstShow = "none";
if (ctn != false) {
  let ind = urlSetting.indexOf(ctn);
  firstShow = ind * 1;
}
console.log(firstShow);
var freee = $(".SET-FREE").text();
var feat = $(".SET-FEATURED").text();
var deal = $(".SET-DEAL").text();

function appendbuyblock(ucs, k, num1, whois, b, c) {
  let str = `
    <div class="sec3__buynowarea-item hatch__box hatch__box hatch__box--${whois}" data-choose="${
    ucs.feature.Filter
  }">
    <div class="sec3__buynowarea-top hatch__txt">

        <div class="hatch__flex">

            <div class="hatch__flexBoxPic">

              <div class="hatch__flexBoxPic-product">
                  <img src="${ucs.feature.productimg}" alt="">
              </div>

              <div class="hatch__flexBoxPic-bottomlogo">
                  ${appendbot(ucs.feature, c)}
              </div>

            </div>

            <div class="hatch__flexBoxTxt">

                <h5 class="hatch__flexBoxTxt-title">${ucs.modelname}</h5>

                <ul>
                    ${appendli(ucs.feature, k)}
                </ul>

                <div class="hatch__flexBoxTxt-price">
                    <del>${ucs.feature.beforePrize}</del>
                    <div class="nowPriceBox">
                      <p>À partir de</p>
                      <span>${ucs.feature.afterPrize}</span>
                    </div>
                </div>

                <div class="hatch__buyNowBtn">
                    <div class="sec3__buynowarea-buynow hatch__buyNowBtn-buynow hatch__buyNowBtn-buynow--${whois}" ${
                      ucs.ean.length == 0
                        ? 'data-clickdata="' + whois + '" data-numw' + '="' + num1 + '"'
                        : 'data-ean="' + ucs.ean + '" data-cn' + '="' + ucs.countryCode + '"'
                    }>
                        <span>${ucs.feature.shopnowtext}</span>

                    </div>
                </div>

            </div>
            
        </div>




    </div>
  </div>

    `;
  return str;
}

function appendli(li, oo) {
  let setar = "";
  for (g = 0; g < oo.length; g++) {
    setar += `<li>${li[oo[g]]}</li>`;
  }
  return setar;
}

function appendtop(li, oo) {
  let setar = "";
  console.log(li, oo);
  for (g = 0; g < oo.length; g++) {
    if (li[oo[g]].length > 0) {
      setar += `<img src="${li[oo[g]]}"
        alt="">`;
    }
  }
  return setar;
}

function appendbot(li, oo) {
  let setar = "";
  for (g = 0; g < oo.length; g++) {
    if (li[oo[g]].length > 0) {
      setar += `<img src="${li[oo[g]]}"
        alt="">`;
    }
  }
  return setar;
}

function appenbuynowbtn(buynowarr) {
  let strrs = "";
  for (po = 0; po < buynowarr.length; po++) {
    strrs += `<a href="${buynowarr[po].href}" target="_blank">${
      buynowarr[po]["Eimg"].length != 0
        ? `<img src="${buynowarr[po].Eimg}"  alt="">`
        : `${buynowarr[po].name}`
    }</a>`;
  }
  return strrs;
}
var comingsoon = $(".SET-COMING-SOON").text();
function appenbuynowbtnean(ean, countryCode, num) {
  $.ajax({
    type: "post",
    async: true,
    url: `/api/v1/Promotion/getBuyNow?region=${countryCode}&sort=group_name&ean=${ean}`,
    // url: `../test.json`,

    dataType: "json",
  })
    .done(function (data) {
      let objJsonArray = JSON.parse(JSON.stringify(data));
      let product = objJsonArray["iceleads-interface"]["products"]["product"];
      if (product["retailers"] != null) {
        let productdetail = product["retailers"]["retailer"];
        let subarea = "";
        console.log(productdetail);
        productdetail = productdetail.sort((a, b) => {
          return a.price - b.price;
        });
        productdetail = productdetail.filter(
          (item) => wantnotToShow.indexOf(item.id) == -1
        );

        for (ass = 0; ass < productdetail.length; ass++) {
          subarea += `<a class="hatch__buynows"  href="${productdetail[ass]["purchase-link"]}" target="_blank">
            <img src="${productdetail[ass].logo}" alt="">
            <p>${productdetail[ass]["price-local"]}</p>
            </a>`;
        }
        $(`.popout__dm`).append(subarea);
      } else {
        let subarea = `<a>${comingsoon}</a>`;
        $(`.popout__dm`).append(subarea);
      }
    })
    .fail(function (jqXHR, textStatus, errorThrown) {
      let subarea = `<a>${comingsoon}</a>`;
      $(`.popout__dm`).append(subarea);
      console.log("errow");
    });
  return "";
}

if (modesold == 0) {
  $.ajax({
    type: "get",
    async: true,
    cache: false,
    url: buynowtext,
    dataType: "text",
  })
    .done(function (data) {
      let str = "";
      str = data.replace("var datasetLandingPage = ", "");
      var c = JSON.parse(str);
      let allLength = Object.values(c.main);
      let allkey = Object.keys(c.main);
      console.log(c);
      let subLength = c.sub;
      var a = 1;
      let num = 0;
      var arr = [];
      while (a == 1) {
        num++;
        if (!subLength.feature.hasOwnProperty(`feature${num}set`)) {
          a = 0;
        } else {
          arr.push(`feature${num}set`);
        }
      }

      var b = 1;
      let numb = 0;
      var arrb = [];
      while (b == 1) {
        numb++;
        if (!subLength.feature.hasOwnProperty(`topimg${numb}set`)) {
          b = 0;
        } else {
          arrb.push(`topimg${numb}set`);
        }
      }

      var d = 1;
      let numd = 0;
      var arrd = [];
      while (d == 1) {
        numd++;
        if (!subLength.feature.hasOwnProperty(`bottomimg${numd}set`)) {
          d = 0;
        } else {
          arrd.push(`bottomimg${numd}set`);
        }
      }

      var wantshow = [];
      var nottoshow = [];
      let newpmarr1 = [];

      for (i = 0; i < allLength.length; i++) {
        if (allLength[i].length == 0) {
          nottoshow.push(allkey[i]);
        } else {
          wantshow.push(allkey[i]);
        }
      }

      for (i = 0; i < nottoshow.length; i++) {
        $(`*[data-showup=${nottoshow[i]}]`).remove();
      }

      if (firstShow == "none") {
        var baseshow = c.main[wantshow[0]];
        $(".sec3__title").eq(0).addClass("sec3__title--active");
        $(".sec2__bottom-img img").eq(0).addClass("sec2__bottom-img--active");

        for (kod = 0; kod < baseshow.length; kod++) {
          $(".sec3__buynowarea").append(
            appendbuyblock(baseshow[kod], arr, kod, wantshow[0], arrb, arrd)
          );
          if (newpmarr1.indexOf(baseshow[kod].feature.Filter) == -1) {
            newpmarr1.push(baseshow[kod].feature.Filter);
          }
        }
        for (kme = 0; kme < newpmarr1.length; kme++) {
          if (newpmarr1[kme].length != 0) {
            $(".selectarea__filter-box").append(`
              <div class="selectarea__filter-item selectarea__filter-item-db" data-clickm="${newpmarr1[kme]}">${newpmarr1[kme]}</div>
              `);
          }
        }
      } else {
        let mn = "";
        if (firstShow == 0) {
          mn = "gaming";
        } else if (firstShow == 2) {
          mn = "content";
        } else if (firstShow == 1) {
          mn = "business";
        }
        var baseshow = c.main[mn];
        $(".tab__flexBox").removeClass("select");
        $(".tab__flexBox").eq(firstShow).addClass("select");

        $(".tab__flexMobileBox").removeClass("tab__flexMobileBox--color");
        $(".tab__flexMobileBox")
          .eq(firstShow)
          .addClass("tab__flexMobileBox--color");

        $(`.sec3__title[data-showup=${mn}]`).addClass("sec3__title--active");
        $(`.sec2__bottom-img img[data-showup=${mn}]`).addClass(
          "sec2__bottom-img--active"
        );

        for (kod = 0; kod < baseshow.length; kod++) {
          console.log(baseshow[kod]);
          $(".sec3__buynowarea").append(
            appendbuyblock(baseshow[kod], arr, kod, mn, arrb, arrd)
          );
          if (newpmarr1.indexOf(baseshow[kod].feature.Filter) == -1) {
            newpmarr1.push(baseshow[kod].feature.Filter);
          }
        }
        for (kme = 0; kme < newpmarr1.length; kme++) {
          if (newpmarr1[kme].length != 0) {
            $(".selectarea__filter-box").append(`
              <div class="selectarea__filter-item selectarea__filter-item-db" data-clickm="${newpmarr1[kme]}">${newpmarr1[kme]}</div>
              `);
          }
        }
      }

      setheight();

      $(".sec2__block-item").click(function () {
        $(".selectarea__filter-item-db").remove();
        $(".sec3__buynowarea").empty();
        let baseshow = c.main[$(this).data("clicknow")];
        newpmarr1 = [];
        for (kod = 0; kod < baseshow.length; kod++) {
          $(".sec3__buynowarea").append(
            appendbuyblock(
              baseshow[kod],
              arr,
              kod,
              $(this).data("clicknow"),
              arrb,
              arrd
            )
          );
          if (newpmarr1.indexOf(baseshow[kod].feature.Filter) == -1) {
            newpmarr1.push(baseshow[kod].feature.Filter);
          }
        }
        for (kme = 0; kme < newpmarr1.length; kme++) {
          if (newpmarr1[kme].length != 0) {
            $(".selectarea__filter-box").append(`
              <div class="selectarea__filter-item selectarea__filter-item-db" data-clickm="${newpmarr1[kme]}">${newpmarr1[kme]}</div>
              `);
          }
        }
        $(".selectarea__filter-item")
          .eq(0)
          .addClass("selectarea__filter-item--active");
        $(".sec2__bottom-img img").removeClass("sec2__bottom-img--active");
        $(".sec2__bottom-img img")
          .eq($(this).index())
          .addClass("sec2__bottom-img--active");

        $(".sec3__title").removeClass("sec3__title--active");
        $(".sec3__title").eq($(this).index()).addClass("sec3__title--active");
        setheight();
      });

      $(".selectarea__filter-box").on(
        "click",
        ".selectarea__filter-item",
        function () {
          $(this)
            .addClass("selectarea__filter-item--active")
            .siblings()
            .removeClass("selectarea__filter-item--active");
          let hm = $(this).data("clickm");
          if (hm == "none") {
            $(".sec3__buynowarea-item").css({ display: "block" });
          } else {
            $(".sec3__buynowarea-item").css({ display: "none" });
            $(`.sec3__buynowarea-item[data-choose='${hm}']`).css({
              display: "block",
            });
          }
        }
      );

      $(".amenu-item-nn").click(function () {
        $(".selectarea__filter-item-db").remove();
        $(".sec3__buynowarea").empty();
        let baseshow = c.main[$(this).data("clicknow")];
        newpmarr1 = [];
        for (kod = 0; kod < baseshow.length; kod++) {
          $(".sec3__buynowarea").append(
            appendbuyblock(
              baseshow[kod],
              arr,
              kod,
              $(this).data("clicknow"),
              arrb,
              arrd
            )
          );
          if (newpmarr1.indexOf(baseshow[kod].feature.Filter) == -1) {
            newpmarr1.push(baseshow[kod].feature.Filter);
          }
        }
        for (kme = 0; kme < newpmarr1.length; kme++) {
          if (newpmarr1[kme].length != 0) {
            $(".selectarea__filter-box").append(`
                <div class="selectarea__filter-item selectarea__filter-item-db" data-clickm="${newpmarr1[kme]}">${newpmarr1[kme]}</div>
                `);
          }
        }

        $(".sec2__bottom-img img").removeClass("sec2__bottom-img--active");
        $(".sec2__bottom-img img")
          .eq($(this).index())
          .addClass("sec2__bottom-img--active");

        $(".sec3__title").removeClass("sec3__title--active");
        $(".sec3__title").eq($(this).index()).addClass("sec3__title--active");
        setheight();
        $(`.tab__flexBox`).removeClass("select");
        $(`.tab__flexBox[data-clicknow=${$(this).data("clicknow")}]`).addClass(
          "select"
        );

        $(`.tab__flexMobileBox`).removeClass("tab__flexMobileBox--color");
        $(
          `.tab__flexMobileBox[data-clicknow=${$(this).data("clicknow")}]`
        ).addClass("tab__flexMobileBox--color");
        gsap.to(window, {
          duration: 0.5,
          scrollTo: ".sec3",
          overwrite: "auto",
        });
      });
      $(".amenu-item-totop").click(function () {
        gsap.to(window, {
          duration: 0.5,
          scrollTo: ".kv",
          overwrite: "auto",
        });
      });
      $("body").on("click", ".sec3__buynowarea-buynow", function () {
        let indexnow = $(this).data("ean");
        if (indexnow != undefined) {
          $(".popout__dm").empty();
          appenbuynowbtnean(indexnow, $(this).data("cn"));
          gsap.to(".popout", {
            opacity: 1,
            autoAlpha: 1,
          });
        } else {
          $(".popout__dm").empty();
          let baseshowbtn =
            c.main[$(this).data("clickdata")][$(this).data("numw")].alldatasave;

          $(".popout__dm").append(appenbuynowbtn(baseshowbtn));
          gsap.to(".popout", {
            opacity: 1,
            autoAlpha: 1,
          });
        }
      });
    })
    .fail(function (jqXHR, textStatus, errorThrown) {
      console.log("errow");
    });
} else {
  let allLength = Object.values(datasetLandingPage.main);
  let allkey = Object.keys(datasetLandingPage.main);

  let subLength = datasetLandingPage.sub;
  var a = 1;
  let num = 0;
  var arr = [];
  while (a == 1) {
    num++;
    if (!subLength.feature.hasOwnProperty(`feature${num}set`)) {
      a = 0;
    } else {
      arr.push(`feature${num}set`);
    }
  }
  var wantshow = [];
  var nottoshow = [];

  for (i = 0; i < allLength.length; i++) {
    if (allLength[i].length == 0) {
      nottoshow.push(allkey[i]);
    } else {
      wantshow.push(allkey[i]);
    }
  }

  if (firstShow == "none") {
    var baseshow = datasetLandingPage.main[wantshow[0]];
    $(".sec3__title").eq(0).addClass("sec3__title--active");
    $(".sec2__bottom-img img").eq(0).addClass("sec2__bottom-img--active");
    for (kod = 0; kod < baseshow.length; kod++) {
      $(".sec3__buynowarea").append(
        appendbuyblock(baseshow[kod], arr, kod, wantshow[0], arrb, arrd)
      );
    }
  } else {
    let mn = "";
    if (firstShow == 0) {
      mn = "gaming";
    } else if (firstShow == 2) {
      mn = "business";
    } else if (firstShow == 1) {
      mn = "content";
    }
    $(".tab__flexBox").addClass("select");
    // $(".tab__flexBox").eq(firstShow).addClass("select")
    // $(".tab__flexMobileBox").removeClass("tab__flexMobileBox--color")
    // $(".tab__flexMobileBox").eq(firstShow).addClass("tab__flexMobileBox--color")

    var baseshow = datasetLandingPage.main[mn];
    $(`.sec3__title[data-showup=${mn}]`).addClass("sec3__title--active");
    $(`.sec2__bottom-img img[data-showup=${mn}]`).addClass(
      "sec2__bottom-img--active"
    );

    for (kod = 0; kod < baseshow.length; kod++) {
      $(".sec3__buynowarea").append(
        appendbuyblock(baseshow[kod], arr, kod, mn)
      );
    }
  }

  $("body").on("click", ".sec3__buynowarea-buynow", function () {
    let indexnow = $(this).data("ean");

    if (indexnow != undefined) {
      $(".popout__dm").empty();
      appenbuynowbtnean(indexnow, $(this).data("cn"));
      gsap.to(".popout", {
        opacity: 1,
        autoAlpha: 1,
      });
    } else {
      $(".popout__dm").empty();
      let baseshowbtn =
        datasetLandingPage.main[$(this).data("clickdata")][$(this).data("numw")]
          .alldatasave;

      $(".popout__dm").append(appenbuynowbtn(baseshowbtn));
      gsap.to(".popout", {
        opacity: 1,
        autoAlpha: 1,
      });
    }
  });
}

// function setheight() {
//   runall(".sec3__buynowarea-item h5");
//   runall(".sec3__buynowarea-item ul");
//   runall(".sec3__buynowarea-item .hatch__flexBoxTxt-note");

//   function runall(nm) {
//     let max = $(nm).eq(0).innerHeight();
//     if ($(nm).length > 0) {
//       let max = $(nm).eq(0).innerHeight();
//       for (i = 0; i < $(nm).length; i++) {
//         if ($(nm).eq(i).innerHeight() > max) {
//           max = $(nm).eq(i).innerHeight();
//         }
//       }
//       $(nm).css({ height: max });
//     }
//   }
// }

function setheight() {
  // Only run if screen width is greater than 996px
  if (window.innerWidth > 996) {
    runall(".sec3__buynowarea-item h5");
    runall(".sec3__buynowarea-item ul");
    runall(".sec3__buynowarea-item .hatch__flexBoxTxt-note");
  }

  function runall(nm) {
    let max = $(nm).eq(0).innerHeight();
    if ($(nm).length > 0) {
      let max = $(nm).eq(0).innerHeight();
      for (i = 0; i < $(nm).length; i++) {
        if ($(nm).eq(i).innerHeight() > max) {
          max = $(nm).eq(i).innerHeight();
        }
      }
      $(nm).css({ height: max });
    }
  }
}


gsap.set(".popout", {
  autoAlpha: 0,
  opacity: 0,
});

$(".popout__block-close svg").click(function () {
  gsap.to(".popout", {
    autoAlpha: 0,
    opacity: 0,
  });
  $("body").css({
    overflowY: "auto",
  });
});
$(".popout").bind("click", function (event) {
  var evt = event.srcElement ? event.srcElement : event.target;
  if ($(event.target).has(".popout__block").length) {
    gsap.to(".popout", {
      autoAlpha: 0,
      opacity: 0,
    });
    $("body").css({
      overflowY: "auto",
    });
  }
});