if ($(".choose_file").length) {
  $(".choose_file").on("click", function () {
    const ele = $(this).siblings("input")[0];
    ele.click();
    $(ele).on("change", function (e) {
      const files = e.target.files;
      if (files.length) {
        $(".choose_file").text(
          `Choose File (${files[0].name.substr(0, 5)}...)`
        );
        $(".remove_file").css("display", "block");
        $(".remove_file").on("click", function () {
          $(ele).val("");
          $(".choose_file").text("Choose File");
          $(".remove_file").css("display", "none");
        });
      } else {
        $(".choose_file").text("Choose File");
        $(".remove_file").css("display", "none");
      }
    });
  });
}

if ($(".chino_pagination").length) {
  const preEle = $(".chino_pagination").find(".pre");
  const nextEle = $(".chino_pagination").find(".next");
  const itemEle = $(".chino_pagination").find(".item");
  $.each(itemEle, function (index, item) {
    if ([...item.classList].indexOf("active") !== -1) {
      const nowCurrent = $(item).children().text();
      $(preEle)
        .children()
        .attr("href", `?page=${nowCurrent - 1 > 0 ? nowCurrent - 1 : 1}`);
      $(nextEle)
        .children()
        .attr(
          "href",
          `?page=${
            Number(nowCurrent) + 1 > itemEle.length
              ? itemEle.length
              : Number(nowCurrent) + 1
          }`
        );
    }
  });
}

function dropdownOpen() {
  $(".dropdown")
    .mouseover(function () {
      $(this).addClass("show");
      $(this).find(".dropdown-menu").addClass("show");
    })
    .mouseout(function () {
      $(this).find(".dropdown-menu").removeClass("show");
      $(this).removeClass("show");
    });
}
if ($(".dropdown").length) dropdownOpen();

if ($(".tipok").length) {
  $(".tipok").on("click", () => {
    $(".tip").css("display", "none");
    window.localStorage.setItem("tip", "true");
  });
}

if ($(".tipclose").length) {
  $(".tipclose").on("click", () => {
    $(".tip").css("display", "none");
    window.localStorage.setItem("tip", "true");
  });
}

if (window.localStorage.getItem("tip") === "true") {
  $(".tip").css("display", "none");
}

$("body").on("click", (e) => {
  let node = e.target;
  let isShou = true;
  for (let i = 0; i < 10; ) {
    if (node.parentNode) {
      node = node.parentNode;
      if (
        node.nodeName === "NAV" &&
        node.className === "navbar fixed-top navbar-expand-lg bg-body-tertiary"
      ) {
        isShou = false;
        break;
      }
    } else {
      break;
    }
  }
  if (isShou && $(".navbar-toggler").attr("aria-expanded") === "true") {
    $(".navbar-toggler")[0].click();
  }
});

const emailReg = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
// const apiUrl = 'https://api.ceegic.com/api'
// const apiUrl = 'https://release.ceegdev.com:8080/api'
const apiUrl = $("#apiUrl").attr("data-url");
console.log("apiUrl", apiUrl);
// if ($(".contactus").length) {
//   const btnEle = $(".contactus").find(".bottom button");
//   btnEle.on("click", async function () {
//     const name = $(".contactus").find(".name").val();
//     const email = $(".contactus").find(".email").val();
//     const phone = $(".contactus").find(".phone").val();
//     const remark = $(".contactus").find(".remark").val();
//     if (!name) return alert("Name is required");
//     if (!email) return alert("Email is required");
//     if (!remark) return alert("Remark is required");
//     if (!emailReg.test(email)) return alert("Email format error");
//     btnEle.attr("disabled", "disabled");
//     submitData({ name, email, phone, remark })
//       .then(() => {
//         window.location = `/inquiry-success?${obj2params({
//           name,
//           email,
//           phone,
//           remark,
//         })}`;
//       })
//       .catch((e) => {
//         alert(e);
//         btnEle.removeAttr("disabled");
//       });
//   });
// }

let footerBtn = true;
// if ($("footer .form").length) {
//   $("footer .form a").on("click", (e) => {
//     if (!footerBtn) return;
//     footerBtn = false;
//     const email = $(e.target.parentNode).find("input").val();
//     if (!emailReg.test(email)) {
//       alert("Email format error");
//       footerBtn = true;
//       return;
//     }
//     submitData({ name: "", email, phone: "", remark: "Subscribe" })
//       .then(() => {
//         alert("Subscribe Success");
//       })
//       .catch((e) => {
//         alert(e);
//         footerBtn = true;
//       });
//   });
// }

// if ($(".sub_content").length) {
//   const element = $(".sub_content");
//   element.find(".submit").on("click", async function () {
//     const name = element.find(".name").val();
//     const email = element.find(".email").val();
//     const phone = element.find(".phone").val();
//     const remark = element.find(".remark").val();
//     const company = element.find(".company").val();
//     const productName = element.find(".productName").val();
//     if (!name) return alert("Name is required");
//     if (!email) return alert("Email is required");
//     if (!remark) return alert("Remark is required");
//     if (!emailReg.test(email)) return alert("Email format error");
//     element.find(".submit").attr("disabled", "disabled");
//     submitData({ name, email, phone, remark, company, productName })
//       .then(() => {
//         window.location = `/inquiry-success?${obj2params({
//           name,
//           email,
//           phone,
//           remark,
//           company,
//           productName,
//         })}`;
//       })
//       .catch((e) => {
//         alert(e);
//         element.find(".submit").removeAttr("disabled");
//       });
//   });
// }

if ($(".quote_modal").length) {
  const myModal1 = new bootstrap.Modal("#exampleModal");
  const myModal2 = new bootstrap.Modal("#exampleModalToggle2");

  setTimeout(() => {
    const myModal1_1 = document.getElementById("exampleModal");
    myModal1_1.addEventListener("hidden.bs.modal", (event) => {
      const name = element.find(".name").val("");
      const email = element.find(".email").val("");
      const phone = element.find(".phone").val("");
      const remark = element.find(".remark").val("");
      const company = element.find(".company").val("");
    });
  });

  const element = $(".quote_modal");
  // element.find(".submit").on("click", async function () {
  //   const name = element.find(".name").val();
  //   const email = element.find(".email").val();
  //   const phone = element.find(".phone").val();
  //   const remark = element.find(".remark").val();
  //   const company = element.find(".company").val();
  //   const productName = element.find(".productName").val();
  //   if (!name) return alert("Name is required");
  //   if (!email) return alert("Email is required");
  //   if (!remark) return alert("Remark is required");
  //   if (!emailReg.test(email)) return alert("Email format error");
  //   element.find(".submit").attr("disabled", "disabled");
  //   submitData({ name, email, phone, remark, company, productName })
  //     .then(() => {
  //       window.location = `/inquiry-success?${obj2params({
  //         name,
  //         email,
  //         phone,
  //         remark,
  //         company,
  //         productName,
  //       })}`;
  //     })
  //     .catch((e) => {
  //       alert(e);
  //       element.find(".submit").removeAttr("disabled");
  //     });
  // });
}

if ($(".contentus").length) {
  const btnEle = $(".contentus").find(".submit");
  // btnEle.on("click", async function () {
  //   const name = $(".contentus").find(".name").val();
  //   const email = $(".contentus").find(".email").val();
  //   const phone = $(".contentus").find(".phone").val();
  //   const remark = $(".contentus").find(".remark").val();
  //   if (!name) return alert("Name is required");
  //   if (!email) return alert("Email is required");
  //   if (!remark) return alert("Remark is required");
  //   if (!emailReg.test(email)) return alert("Email format error");
  //   btnEle.attr("disabled", "disabled");
  //   submitData({ name, email, phone, remark })
  //     .then(() => {
  //       window.location = `/inquiry-success?${obj2params({
  //         name,
  //         email,
  //         phone,
  //         remark,
  //       })}`;
  //     })
  //     .catch((e) => {
  //       alert(e);
  //       btnEle.removeAttr("disabled");
  //     });
  // });
}

function submitData(obj) {
  return new Promise((resolve, reject) => {
    $.ajax(`${apiUrl}/mall/project/externalOpen`, {
      type: "post",
      dataType: "json",
      headers: {
        "Content-Type": "application/json",
      },
      data: JSON.stringify({
        ...obj,
        serviceSign: "WN",
        referer: location.href,
      }),
      success: function (data) {
        resolve(data);
      },
      error: function (err) {
        console.log("err", err);
        reject(err.responseJSON?.message);
      },
    });
  });
}

function obj2params(obj) {
  var result = "";
  var item;
  for (item in obj) {
    obj[item] && (result += "&" + item + "=" + encodeURIComponent(obj[item]));
  }
  if (result) {
    result = result.slice(1);
  }
  return result;
}



// table
const tableElement = $(".chino_table_content").find("table");
if (tableElement) {
  [...tableElement].forEach((element) => {
    const trElement = $(element).find("tr");
    for (let j = 0; j < trElement.length; j++) {
      let totalWidth = 0;
      const tr = trElement[j];
      for (let i = 0; i < tr.children.length; i++) {
        const ele = tr.children[i];
        const eleWidth = $(ele).attr("colwidth");
        if (eleWidth) {
          if (eleWidth?.indexOf(",") !== -1) {
          } else {
            $(ele).css("width", eleWidth);
            totalWidth += Number(eleWidth);
            console.log(`totalWidth: ${totalWidth}, eleWidth: ${eleWidth}`);
          }
        }
      }
      if (totalWidth > 0) {
        $(element).css("width", totalWidth);
        $(element).css("margin-right", "20px");
      }
      $(element).css("min-width", "100%");

      // $(element).find("tbody").css("overflow-x", "auto");
      // $(element).find("tbody").css("display", "block");
      // $(element).find("tbody").css("width", "95vw");
    }
  });
}