let discounts = false;
let shipping = false;
let temp_cart = false;
let order_submitting = false;

function numberWithCommas(x) {
  return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

function load_cart() {
  $.ajax({
    type: "GET",
    url: window.Shopify.routes.root + "cart.js",
    dataType: "text",
    success: function (data) {
      $("#table-summary").empty();
      data = JSON.parse(data);
      if (data["item_count"] > 0) {
        data.items.forEach((item) => {
          let subtotal_cell = `<div role="cell" class="_6zbcq53s _1fragemfu _1fragemg0 _1fragemhx">
	<div class="_1fragemfu _1fragemg0 _1fragemet _1fragemhv _1fragemeg _16s97g738 bua0H" style="--_16s97g734: 6.4rem">
	<span translate="yes" class="_19gi7yt0 _19gi7yth _1fragemg6 notranslate">RM&nbsp;${(item.final_price / 100).toFixed(2)}</span>
	</div>
	</div>`;
          if (item.final_price == 0) {
            subtotal_cell = `<div role="cell" class="_6zbcq53s _1fragemfu _1fragemg0 _1fragemhx">
	<div class="_1fragemge _1fragemgk _1fragemfd _1fragemii _1fragemf0 _16s97g738 bua0H" style="--_16s97g734: 6.4rem;"><del class="_19gi7yt0 _19gi7ytf _1fragemgp _19gi7ytb _19gi7ytr _1fragemmx">RM&nbsp;287.00</del><p class="_1x52f9s1 _1fragemf0 _1x52f9so _1fragemgq">Free</p></div>
	</div>`;
          }
          $("#table-summary").append(`<div role="row" class="_6zbcq524 _1fragemfu _1fragem1w _6zbcq52b">
	<div role="cell" class="_6zbcq53s _1fragemfu _1fragemg0 _1fragemhx">
	<div class="_1m6j2n32 _1fragemeg _1fragemmy _1m6j2n33" style="--_1m6j2n30: 1">
	<div class="_1h3po421 _1h3po423 _1fragemeg" style="--_1h3po420: 1">
	<picture
	>
	<img
	src="${item.featured_image.url}"
	alt=""
	class="_1h3po424 _1fragemfs _1fragemdo _1fragemic _1fragemih _1fragemir _1fragemim _1fragem30 _1fragem2k _1fragem3g _1fragem24 _1fragem4w _1fragem4c _1fragem5g _1fragem3s _1frageme0"
	/></picture>
	</div>
	<div class="_1m6j2n3e _1frageme8 _1fragemjt _1fragemkc">
	<div class="_99ss3s1 _1fragemfx _1fragemes _1fragemhv _99ss3s4 _99ss3s2 _99ss3s8">${item.quantity}</div>
	</div>
	</div>
	</div>
	<div role="cell" class="_6zbcq53s _1fragemfu _1fragemg0 _1fragemhv _1fragemg3">
	<div class="_1fragemfs _1fragemeg iZ894">
	<p class="_1x52f9s1 _1fragemeg _1x52f9so _1fragemg6">${item.product_title}</p>
	<div class="_1ip0g651 _1fragemgi _1fragemf0 _1fragemhc _1fragemhu">
	<p class="_1x52f9s1 _1fragemf0 _1x52f9sm _1fragemgp _1x52f9si">${item.variant_title || ""}</p>
	</div>
	</div>
	</div>
	<div role="cell" class="_6zbcq53s _1fragemfu _1fragemg0 _1fragemhv _6zbcq53q">
	<div class="_1fragemfs _1fragemm0 _1fragemeg">
	<span class="_19gi7yt0 _19gi7yth _1fragemg6"
	>2
	<div aria-hidden="true" class="_1fragemfs _1fragemeg">x</div></span
	>
	</div>
	</div>
	${subtotal_cell}
	</div>
	`);
        });
        data["total_price"] = (parseFloat(data["total_price"]) / 100).toFixed(2);
        $("#text-subtotal").html(`RM&nbsp;${numberWithCommas(data["total_price"])}`);
        let total = parseFloat(data["total_price"]);
        if (discounts) {
          total = parseFloat(data["total_price"]) - parseFloat(discounts["amount"]);
        }
        $("#text-total").html(`RM&nbsp;${numberWithCommas(total.toFixed(2))}`);
        credit_left = parseFloat(details["credits"]) / 100 - total;
        $("#text-credits").html(`CR&nbsp;${numberWithCommas(credit_left.toFixed(2))}`);
        temp_cart = data;
      } else {
        location.replace("https://mandarin.club");
      }
    },
    error: function (data) {
      toastr.error("load failed");
      console.log(data);
    },
  });
}

function discount_apply() {
  let code = $("#TextField7").val();
  let price = temp_cart["total_price"];
  let items = []
  temp_cart["items"].forEach(item => {
    items.push(item.id)
  });
  $.ajax({
    type: "GET",
    url: `https://vip.mandarin.club/discount?code=${code}&price=${price}&email=${details["email"]}&items=${JSON.stringify(items)}`,
    dataType: "text",
    success: function (data) {
      data = JSON.parse(data);
      $("#section-discount").hide();
      $("#text-discount").text(data["code"]);
      $("#text-discount-value").html(`− RM&nbsp;${data["amount"]}.00`);
      $("#row-discount-header").show();
      $("#row-discount").css("display", "grid");
      discounts = data;
      order_summary();
    },
    error: function (data) {
      alert(data.responseText);
      console.log(data);
    },
  });
}

function order_submit() {
  let shipping_details = {
    first_name: $("#TextField0").val(),
    last_name: $("#TextField1").val(),
    company: $("#TextField2").val(),
    address1: $("#TextField3").val(),
    address2: $("#TextField9").val(),
    zip: $("#TextField4").val(),
    city: $("#TextField5").val(),
    phone: $("#TextField6").val(),
    country: $("#Select0").val(),
    province: $("#Select1").val(),
  };
  $.ajax({
    type: "GET",
    url: window.Shopify.routes.root + "cart.js",
    dataType: "text",
    success: function (data) {
      data = JSON.parse(data);
      total_price = (parseFloat(data["total_price"]) / 100).toFixed(2);
      let total = total_price;
      if (discounts) {
        total = total_price - parseFloat(discounts["amount"]);
      }
      if (shipping) {
        if (parseInt(shipping["price"]) > 0) {
          total -= parseFloat(shipping["price"]);
          $("#text-shipping").html(`-RM&nbsp;${shipping["price"]}`);
        } else if (shipping.name == "Free Shipping" || shipping.name == "FREE SHIPPING" || shipping.name == "Shipping") {
          $("#text-shipping").html(shipping.name);
        } else {
          $("#text-shipping").text("No Shipping Rate");
          shipping = false;
        }
      }
      credit_left = parseFloat(details["credits"]) / 100 - total;
      if (credit_left < 0) {
        alert("余额不足 Insufficient Credit");
      } else if (shipping == false) {
        alert("无可用运费，请检查地址 No Shipping Rate");
      } else if (order_submitting) {
      } else {
        order_submitting = true;
        $("#text-submit-btn").text("Submitting Order");
        let POST_data = data;
        POST_data["shipping_address"] = shipping_details;
        POST_data["shipping_line"] = shipping;
        POST_data["shipping_price"] = shipping.price;
        POST_data["discount_code"] = discounts;
        POST_data["credit_use"] = total;
        POST_data["credit_left"] = credit_left;
        POST_data["customer_email"] = details["email"];

        console.log(POST_data);
        $.ajax({
          type: "POST",
          url: "https://vip.mandarin.club/order_submit",
          data: JSON.stringify(POST_data),
          dataType: "text",
          contentType: "text/plain",
          success: (data) => {
            $.ajax({
              type: "POST",
              url: "/cart/clear.js",
              data: "",
              dataType: "json",
              success: function () {
                Shopify.clear();
                location.assign(data);
              },
              error: function (XMLHttpRequest, textStatus) {
                /* error code */
              },
            });
          },
          error: (data) => {
            alert("无法提交 Error");
            order_submitting = false;
            $("#text-submit-btn").text("Pay now");
          },
        });
      }
    },
    error: function (data) {
      toastr.error("load failed");
      console.log(data);
    },
  });
}

function order_summary() {
  let shipping_details = {
    first_name: $("#TextField0").val(),
    last_name: $("#TextField1").val(),
    company: $("#TextField2").val(),
    address1: $("#TextField3").val(),
    address2: $("#TextField9").val(),
    zip: $("#TextField4").val(),
    city: $("#TextField5").val(),
    phone: $("#TextField6").val(),
    country: $("#Select0").val(),
    province: $("#Select1").val(),
  };
  $.ajax({
    type: "GET",
    url: window.Shopify.routes.root + "cart.js",
    dataType: "text",
    success: function (data) {
      data = JSON.parse(data);
      total_price = (parseFloat(data["total_price"]) / 100).toFixed(2);
      let total = total_price;
      if (discounts) {
        total = total_price - parseFloat(discounts["amount"]);
      }
      final_total = total;
      if (shipping) {
        if (shipping.name == "Shipping" || shipping.name == "Standard" || shipping.name == "STANDARD") {
          final_total = parseFloat(total) + parseFloat(shipping["price"]);
          $("#text-shipping").html(`RM&nbsp;${shipping["price"]}`);
          console.log(final_total);
          console.log(shipping["price"]);
        } else if (shipping.name == "Free Shipping" || shipping.name == "FREE SHIPPING" || shipping.name == "Shipping") {
          $("#text-shipping").html(shipping.name);
        } else {
          $("#text-shipping").text("No Shipping Rate");
          shipping = false;
        }
      } else {
        $("#text-shipping").text("No Shipping Rate");
        shipping = false;
      }
      credit_left = parseFloat(details["credits"]) / 100 - final_total;
      $("#text-total").html(`RM&nbsp;${numberWithCommas(parseFloat(final_total).toFixed(2))}`);
      $("#text-credits").html(`CR&nbsp;${numberWithCommas(credit_left.toFixed(2))}`);
    },
    error: function (data) {
      toastr.error("load failed");
      console.log(data);
    },
  });
}

function get_shipping() {
  // Set the locale (e.g., 'en' for English)
  const locale = "en";

  // Set the base URL for your Shopify store
  const baseUrl = "https://mandarin.club";

  // Define the shipping address
  let shippingAddress = {
    country: $("#Select0").val(),
    zip: $("#TextField4").val(),
    province: "",
  };

  if ($("#Select0").val() == "MY") {
    shippingAddress["province"] = $("#Select1").val();
  }

  // Make the GET request to retrieve shipping rates
  fetch(
    `${baseUrl}/${locale}/cart/shipping_rates.json?shipping_address[zip]=${shippingAddress.zip}&shipping_address[country]=${shippingAddress.country}&shipping_address[province]=${shippingAddress.province}`,
    {
      method: "GET",
      credentials: "same-origin", // Include cookies for the current domain
      headers: {
        "Content-Type": "application/json",
      },
    }
  )
    .then((response) => response.json())
    .then((data) => {
      console.log("Shipping rates:", data);
      if (data["shipping_rates"][0]["name"] == "SEA SHIPPING") {
        shipping = data["shipping_rates"][1];
      } else {
        shipping = data["shipping_rates"][0];
      }
      order_summary();
    })
    .catch((error) => {
      console.error("Error fetching shipping rates:", error);
    });
}

$(document).ready(function () {
  $("#Select0").on("change", () => {
    if ($("#Select0").val() != "MY") {
      $("#wrapper-state").hide();
    } else {
      $("#wrapper-state").show();
    }
  });

  $("#Select1").on("change", () => {
    get_shipping();
  });
  $("#TextField4").on("change", () => {
    get_shipping();
  });
  load_cart();
});