var playedFlag = false

function formAuth() {
	$("#Main_Form").fromsAuth({
		type: 'AJAX',
		callafter: function () {
		// 	let order_money = $("#Order_Money").val();
		// 	if (order_money == 0) {
		// 		alert(_jsLang.訂單金額最低為一元請調整優惠折扣);
		// 		return false;
		// 	}
		// 	else {
		// 		return true;
		// 	}

		return true;
		},
		callafter2: function () {
			//是否玩遊戲
			if ($("#Game_Play").val() == "1" && !playedFlag) {
				let playGame = confirm(_jsLang.是否遊玩遊戲)
				if (playGame) {
					$.ajax({
						url: Project_Country + "shopcart/ajax/ajax_play_game.php",
						type: "POST",
						cache: false,
						error: function (d) {
							alert('網路連線過慢，網頁請重新整理');
						},
						success: function (d) {
							$("body").append(d)
							let counter = 0
							//為了讓刮刮卡銀漆渲染
							const interval = setInterval(function () {
								$(window).trigger("resize")
								if (counter === 5) {
									clearInterval(interval)
								}
								counter++
							}, 100)

							playedFlag = true
						}
					});
					return false
				} else {
					return true
				}
			} else {
				return true
			}
		},
	});
}

$(document).ready(function () {
	window.addEventListener("popstate", function (e) {
		var path = e.currentTarget.location.pathname.split("/");
		if (path.indexOf('step1') > -1) {
			//回到step1
			//重載頁面記錄目前步驟SESSION
			updatePage('&step=' + 'step1', false);
			$(window).scrollTop(0);
		} else if (path.indexOf('step2') > -1) {
			updatePage('&step=' + 'step2', false);
			$(window).scrollTop(0);
		}

	})
	$("html,body").animate({ scrollTop: $('.login-offset').offset().top - 150 }, 800);
	if ($("#Cart_Step").val().length > 0) {
		if ($("#Cart_Type").val() == 'common') {
			var sit = 'single';
		}
		else if ($("#Cart_Type").val() == 'regula') {
			var sit = 'regula';
		}
		else if ($("#Cart_Type").val() == 'pre') {
			var sit = 'preorder';
		}

		//切換網址
		var new_url = '/' + $("#Website_Mall_ID").val() + '/shopcart/' + $("#Cart_Step").val() + '/' + sit;
		window.history.pushState({}, null, new_url);
	}
	//商品加減
	$(document).on('click', '.shopcart-table .spec-button', function () {
		let _this = $(this)
		let	box = _this.parents('.spec-amount')
		let input = box.find(".amountBox")
		let	ID = input.data("sid")
		let	Act = input.data("act")
		let	Ch_Flag = input.data("ch")
		let	Amount = 0
		let	max = input.attr("max")
		let Type = input.data("type")
		$(".Shopcart_List").find(".amountBox[data-sid='" + ID + "']").each(function () {
			Amount += parseInt($(this).val()) || 0;
		})
		if (_this.hasClass("spec-minus")) {
			Amount -= 1;
			if (Amount <= 1) {
				Amount = 1;
			}
		}
		else {
			Amount += 1;
			if (Amount > max) {
				Amount = max;
			}
		}
		if (ID && Amount) {
			var data = 'ID=' + ID + '&Amount=' + Amount + '&Act=' + Act + '&Ch_Flag=' + Ch_Flag + '&Type=' + Type;
			loadChangeProd(box, data);
		}
	});
	//商品修改數量
	$(document).on('change', '.Prod_Amount_Change', function () {
		let val = this.value.replace(/\D/g,'')
		this.value = val

		let input = $(this)
		let	box = input.parents('.spec-amount')
		let	ID = input.data("sid")
		let	Act = input.data("act")
		let	Ch_Flag = input.data("ch")
		let	Amount = 0
		let	max = input.attr("max")
		let Type = input.data("type")


		$(".Shopcart_List").find(".amountBox[data-sid='" + ID + "']").each(function () {
			console.log(input.val())
			if(input !== $(this)){
				console.log("bb")
				Amount += parseInt($(this).val()) || 0;
			}else{
				console.log("aa")
				Amount += input.val()
			}
		});

		if (Amount <= 1) {
			Amount = 1;
		}
		if (Amount > max) {
			Amount = max;
		}
		if (ID && Amount) {
			var data = 'ID=' + ID + '&Amount=' + Amount + '&Act=' + Act + '&Ch_Flag=' + Ch_Flag + '&Type=' + Type;
			loadChangeProd(box, data);
		}
	});

	function loadChangeProd(box, data) {
		//載入中
		box.next('.number-load').css('display', 'inline-block');
		box.next('.amountBox').css('cursor', 'no-drop').attr('disabled', 'disabled');
		box.next('.fa').css('cursor', 'no-drop');
		//鎖定數量
		$(".Prod_Amount").removeClass("Prod_Amount");
		$(".Shopcart_List").find(".amountBox").prop("disabled", true);

		//增加數量
		$.ajax({
			url: Project_Country + "shopcart/ajax/ajax_cart_edit.php",
			type: "POST",
			cache: false,
			data: data,
			dataType: 'json',
			error: function (d) {
				alert('網路連線過慢，網頁請重新整理');
			},
			success: function (d) {
				switch (d.Status) {
					case "RET_SUCCESS":
						updatePage();
						break;
					case "RET_SUCCESS_OVER_ACT9":
						alert(_jsLang.加入購物車成功超過限購量用原價計算);
						updatePage();
						break;
					case "RET_NO_MEMBER_NO":
						alert(_jsLang.欲購買紅利兌換商品請先登入會員並完成會員認證);
						break;
					case "RET_RBONUS_OUT":
						alert(_jsLang.紅利不足);
						break;
					case "RET_ERROR":
						alert(_jsLang.資料庫忙線中);
						break;
					case "RET_PROD_ERROR":
						alert(_jsLang商品已下架);
						break;
					case "RET_NO_PROD":
						alert(_jsLang.請選擇商品);
						break;
					case "RET_STOCK_ERROR":
						alert(_jsLang.商品庫存不足);
						break;
					case "RET_LIMIT_ERROR":
						alert(_jsLang.數量超過限購量);
						break;
					case "RET_OVER_SIT_MAX":
						alert(_jsLang.數量超過定期購限購量);
						break;
					case "RET_PROD_IN_ONESHOPPAGE_ERROR":
						alert(_jsLang.此商品於一頁式購物推廣中 + '，' + _jsLang.暫無法加入購物車);
						break;
					case "GAME_PLAYED":
						alert(_jsLang.購物車內有遊戲未結商品無法修改購物車);
						break;
					default:
						alert(_jsLang.資料庫忙線中);
						break;
				};
			}
		});
	}

	formAuth()

	var _window = $(window);
	var change = 0;
	var moreview = false;
	var change_1023 = 1024;

	runSildeBoxOwl()
	// runOproductSlide()

	$(document).on('click', '.click-pic', function () {
		// prodpop-new popBox
		var ID = $(this).data('id');
		$.post(Project_Country + 'shopcart/ajax/ajax_prodnew.php', { 'ID': ID }, function (data) {
			$('.prodpop-new').replaceWith(data)
			$('.prodpop-new').css('display', 'block');
		})
	});
	$(document).on('click', '.prodpop-new .close', function () {
		$('.prodpop-new').css('display', 'none');
	});

	//購物車無資料，導回step1
	if (parseInt($("#Main_Form").attr('cart_num')) < 1 || $("#Main_Form").attr('cart_num') == '') {
		Shopcart_Step_Go('step1');
	}

	//選擇步驟
	$("#Main_Content").on('click', '.Step_Button', function () {
		var step = $(this).attr('step');
		Shopcart_Step_Go(step);
	});

	function Shopcart_Step_Go(step) {
		//步驟按鈕樣式
		$("#Main_Content").find('.Step_Button').each(function () {
			//初始步驟樣式
			$(this).removeClass('now');
			var chk_step = $(this).attr('step');
			//目前步驟樣式
			if (step == chk_step) {
				$(this).addClass('now');
			}
		});

		//步驟區塊開啟或關閉
		$("#Main_Content").find('.Step_Block').each(function () {
			//初始步驟區塊(關閉)
			$(this).addClass('hide');
			var chk_step = $(this).attr('step');

			//開啟目前步驟區塊
			if (step == chk_step) {
				$(this).removeClass('hide');
			}
		});

		if ($("#Cart_Type").val() == 'common') {
			var sit = 'single';
		}
		else if ($("#Cart_Type").val() == 'regular') {
			var sit = 'regula';
		}
		else if ($("#Cart_Type").val() == 'pre') {
			var sit = 'preorder';
		}



		//切換網址
		var new_url = '/' + $("#Website_Mall_ID").val() + '/shopcart/' + step + '/' + sit;
		window.history.pushState({}, 'shopcart', new_url);



		//重載頁面記錄目前步驟SESSION
		updatePage('&step=' + step, false);
		$(window).scrollTop(0);
	}

    let updateTimer = null
	$(document).on("amountChange", ".shopcart-extra-amount", function(){
		//clearTimeout(updateTimer)
		keepItemID = $(this).parents(".cartBox").attr("id")
		keepTop = $("#" + keepItemID).offset().top - $(window).scrollTop()
		updateTimer = setTimeout(function(){
			updatePage();
		}, 500)
	})

	$(document).on('click', '.click-block2 .button2', function (e) {
		if ($(this).hasClass('GiftpickPopupAddBtn')) {
			return false;
		}

		e.preventDefault();
		$(".loading").show();
		var SID = $(this).attr('sid');
		var Amount = $(this).parents('.click-block2').find('.num').val();
		if (!$.isNumeric(Amount)) {
			alert(_jsLang.請選擇數量);
			return false;
		}
		$.ajax({
			url: Project_Country + "shopcart/ajax/ajax_cart_add.php",
			type: "POST",
			cache: false,
			data: { "ID": SID, "Amount": Amount },
			dataType: 'json',
			error: function (d) {
				alert('網路連線過慢，網頁請重新整理');
			},
			success: function (d) {
				switch (d.Status) {
					case "RET_SUCCESS":
						if (d.DataLayer) { eval(d.DataLayer) }

						// alert(_jsLang.加入購物車成功);
						AlertPop({
							icon: '<i class="icon icon-cart-check"></i>',
							string: _jsLang.加入購物車成功,
						})
						updatePage();
						break;
					case "RET_SUCCESS_OVER_ACT9":
						if (d.DataLayer) { eval(d.DataLayer) }

						// alert(_jsLang.加入購物車成功);
						AlertPop({
							icon: '<i class="icon icon-cart-check"></i>',
							string: _jsLang.加入購物車成功超過限購量用原價計算,
						})
						updatePage();
						break;
					case "RET_NO_MEMBER_NO":
						alert(_jsLang.欲購買紅利兌換商品請先登入會員並完成會員認證);
						break;
					case "RET_RBONUS_OUT":
						alert(_jsLang.紅利不足);
						break;
					case "RET_ERROR":
						alert(_jsLang.資料庫忙線中);
						break;
					case "RET_PROD_ERROR":
						alert(_jsLang.商品已下架);
						break;
					case "RET_NO_PROD":
						alert(_jsLang.請選擇商品);
						break;
					case "RET_STOCK_ERROR":
						alert(_jsLang.商品庫存不足);
						break;
					case "RET_LIMIT_ERROR":
						alert(_jsLang.數量超過限購量)
						break;
					case "RET_OVER_SIT_MAX":
						alert(_jsLang.數量超過定期購限購量);
						break;
					case "RET_PROD_IN_ONESHOPPAGE_ERROR":
						alert(_jsLang.此商品於一頁式購物推廣中 + '，' + _jsLang.暫無法加入購物車);
						break;
					case "GAME_PLAYED":
						alert(_jsLang.購物車內有遊戲未結商品無法修改購物車);
						break;
					default:
						alert(_jsLang.資料庫忙線中);
						break;
				};
			}
		});
	})

	$(document).on('click', '.GiftpickPopupAddBtn', function (e) {
		e.preventDefault();
		$(".loading").show();
		var SID = $(this).attr('sid');
		var OID = $('.GiftpickOid').val();
		var Type = $(this).data("type");
		$.ajax({
			url: Project_Country + "shopcart/ajax/ajax_cart_edit_gift.php",
			type: "POST",
			cache: false,
			data: { "ID": SID, "OID": OID, "Type": Type },
			dataType: 'json',
			error: function (d) {
				alert('網路連線過慢，網頁請重新整理');
			},
			success: function (d) {
				switch (d.Status) {
					case "RET_SUCCESS":
						if (d.DataLayer) { eval(d.DataLayer) }

						// alert(_jsLang.加入購物車成功);
						AlertPop({
							icon: '<i class="icon icon-cart-check"></i>',
							string: _jsLang.加入購物車成功,
						})
						updatePage();
						break;
					case "RET_SUCCESS_OVER_ACT9":
						if (d.DataLayer) { eval(d.DataLayer) }

						// alert(_jsLang.加入購物車成功);
						AlertPop({
							icon: '<i class="icon icon-cart-check"></i>',
							string: _jsLang.加入購物車成功超過限購量用原價計算,
						})
						updatePage();
						break;
					case "RET_NO_MEMBER_NO":
						alert(_jsLang.欲購買紅利兌換商品請先登入會員並完成會員認證);
						break;
					case "RET_RBONUS_OUT":
						alert(_jsLang.紅利不足);
						break;
					case "RET_ERROR":
						alert(_jsLang.資料庫忙線中);
						break;
					case "RET_PROD_ERROR":
						alert(_jsLang.商品已下架);
						break;
					case "RET_NO_PROD":
						alert(_jsLang.請選擇商品);
						break;
					case "RET_STOCK_ERROR":
						alert(_jsLang.商品庫存不足);
						break;
					case "RET_LIMIT_ERROR":
						alert(_jsLang.數量超過限購量)
						break;
					case "RET_OVER_SIT_MAX":
						alert(_jsLang.數量超過定期購限購量);
						break;
					case "RET_PROD_IN_ONESHOPPAGE_ERROR":
						alert(_jsLang.此商品於一頁式購物推廣中 + '，' + _jsLang.暫無法加入購物車);
						break;
					case "GAME_PLAYED":
						alert(_jsLang.購物車內有遊戲未結商品無法修改購物車);
						break;
					default:
						alert(_jsLang.資料庫忙線中);
						break;
				};
			}
		});
	})

	//刪除商品
	function DelShopcart(target) {
		$.ajax({
			url: Project_Country + "shopcart/ajax/ajax_cart_del.php",
			type: "POST",
			cache: false,
			data: { ID: $(target).attr("sid"), Act: $(target).attr("act"), Ch_Flag: $(target).attr("ch"), Type: $(target).data("type") },
			dataType: 'json',
		}).done(function (d) {
			if (d.Status == 'RET_SUCCESS') {
				if (d.DataLayer) { eval(d.DataLayer) }
				updatePage();
			} else {
				alert(_jsLang.資料庫忙線中);
			}
		}).fail(function (err) {
			alert('網路連線過慢，網頁請重新整理');
		})
	}
	$("#Main_Content").on('click', '.prod_del', function () {
		const clickTarget = this
		ConfirmPop({
			titleName: _jsLang.移除商品,
			string: _jsLang['您是否要移除此商品？'],
			trueFunction: () => DelShopcart(clickTarget),
		})
	});
	//下次買
	$("#Main_Content").on('click', '.prod_next', function () {
		if (confirm(_jsLang.確定加入喜愛清單嗎)) {
			$(".loading").show();
			$.ajax({
				url: Project_Country + "shopcart/ajax/ajax_cart_next.php",
				type: "POST",
				cache: false,
				data: { ID: $(this).attr("sid"), Act: $(this).attr("act"), Ch_Flag: $(this).attr("ch") },
				dataType: 'json',
				error: function (d) {
					alert('網路連線過慢，網頁請重新整理');
				},
				success: function (d) {
					switch (d.Msg) {
						case "RET_SUCCESS":
							if (d.DataLayer) { eval(d.DataLayer) }
							alert(_jsLang.加入喜愛清單成功);
							updatePage();
							break;
						case "RET_NO_MEMBER":
							alert(_jsLang.請先登入會員);
							window.location.href = '/' + $("#Website_Mall_ID").val() + '/member-login';
							break;
						default:
							alert(_jsLang.資料庫忙線中);
							break;
					}
				}
			});
		}
	});

	//加購加減
	$(document).on('click', '.Amount_Minus', function () {
		var amount = parseInt($(this).next(".amountBox").val()) || 0;

		amount -= 1;
		if (amount < 1) {
			amount = 1;
		}
		$(this).next(".amountBox").val(amount);
	});
	$(document).on('click', '.Amount_Plus', function () {
		var amount = parseInt($(this).prev(".amountBox").val()) || 0,
			max = parseInt($(this).prev(".amountBox").attr("max"));

		amount += 1;
		if (amount > max) {
			amount = max;
		}
		$(this).prev(".amountBox").val(amount);
	});

	//加購商品
	$(document).on('click', '#All_Add_List .button2,#Full_Add_List .button2', function () {
		if ($(this).hasClass('GiftpickPopupAddBtn')) {
			return false;
		}

		$(".loading").show();
		$.ajax({
			url: Project_Country + "shopcart/ajax/ajax_cart_add.php",
			type: "POST",
			cache: false,
			data: { ID: $(this).attr("sid"), Amount: $(this).parents(".productBox").find(".amountBox").val(), Type: $(this).data("type") },
			dataType: 'json',
			error: function (d) {
				alert('網路連線過慢，網頁請重新整理');
			},
			success: function (d) {
				switch (d.Status) {
					case "RET_SUCCESS":
						if (d.DataLayer) { eval(d.DataLayer) }

						// alert(_jsLang.加入購物車成功);
						AlertPop({
							icon: '<i class="icon icon-cart-check"></i>',
							string: _jsLang.加入購物車成功,
						})
						updatePage();
						break;
					case "RET_SUCCESS_OVER_ACT9":
						if (d.DataLayer) { eval(d.DataLayer) }

						// alert(_jsLang.加入購物車成功);
						AlertPop({
							icon: '<i class="icon icon-cart-check"></i>',
							string: _jsLang.加入購物車成功超過限購量用原價計算,
						})
						updatePage();
						break;
					case "RET_NO_MEMBER_NO":
						alert(_jsLang.欲購買紅利兌換商品請先登入會員並完成會員認證);
						break;
					case "RET_RBONUS_OUT":
						alert(_jsLang.紅利不足);
						break;
					case "RET_ERROR":
						alert(_jsLang.資料庫忙線中);
						break;
					case "RET_PROD_ERROR":
						alert(_jsLang.商品已下架);
						break;
					case "RET_NO_PROD":
						alert(_jsLang.請選擇商品);
						break;
					case "RET_STOCK_ERROR":
						alert(_jsLang.商品庫存不足);
						break;
					case "RET_LIMIT_ERROR":
						alert(_jsLang.數量超過限購量)
						break;
					case "RET_OVER_SIT_MAX":
						alert(_jsLang.數量超過定期購限購量);
						break;
					case "RET_PROD_IN_ONESHOPPAGE_ERROR":
						alert(_jsLang.此商品於一頁式購物推廣中 + '，' + _jsLang.暫無法加入購物車);
						break;
					case "GAME_PLAYED":
						alert(_jsLang.購物車內有遊戲未結商品無法修改購物車);
						break;
					default:
						alert(_jsLang.資料庫忙線中);
						break;
				};
			}
		});
	});

	//取消優惠折扣
	$("#Main_Content").on('click', '.money-button', function (e) {
		var $data = 'cate=' + $(this).attr("cate") + '&value=';

		if ($(this).attr("class").indexOf("usd") != -1) {
			e.preventDefault();
			updatePage($data);
		}
	});

	//優惠折扣送出
	$("#Main_Content").on('click', '.money-send', function () {
		var cateAttr = $(this).attr("cate");
		var $data = 'cate=' + $(this).attr("cate") + '&value=' + $(this).parents("span").find("input").val();
		// if($(this).attr("cate") == 'MemberMoney'){
		// 	var $data = 'cate='+$(this).attr("cate")+'&value='+$(this).parents("span").find("input").val();
		// }else{
		// 	var $data = 'cate='+$(this).attr("cate")+'&value='+$(this).parents("span").find("input").val();
		// }
		updatePage($data);
	});

	//購物金勾選
	$("#Main_Content").on('click', "input[name='use_bonus']", function () {
		var $data = 'cate=Bonus&Bonus_Code=' + $(this).attr('Bonus_Code') + '&value=' + $(this).val();
		updatePage($data);
	});

	//取消各項優惠方案
	$("#Main_Content").on('click', "#Cancel_Bonus", function () {
		updatePage('&Cancel_Bonus=1');
	});
	$("#Main_Content").on('click', "#Cancel_ActStr", function () {
		updatePage('&Cancel_ActStr=1');
	});
	$("#Main_Content").on('click', "#Cancel_RBonus", function () {
		updatePage('&Cancel_RBonus=1');
	});
	$("#Main_Content").on('click', "#Cancel_Usable", function () {
		updatePage('&Cancel_Usable=1');
	});
	$("#Main_Content").on('click', "#Cancel_MemberMoney", function () {
		updatePage('&Cancel_MemberMoney=1');
	});

	//紅利勾選
	$("#Main_Content").on('click', "input[name='use_Rbonus']", function () {
		var $data = 'cate=RBonus&value=' + $(this).val();
		updatePage($data);
	});

	//抵用券勾選
	$("#Main_Content").on('change', "input[name='usable_no']", function (e) {
		const $data = 'cate=' + $(this).attr("cate") + '&value=' + $(this).val();
		updatePage($data);
	});



	//選擇配送國家
	$("#Main_Content").on('change', "[name='Country_Type']", function () {
		switch ($(this).val()) {
			case "1":
			case "2":
				var $data = 'countryType=' + $("[name='Country_Type']:checked").val();
				break;
			case "3":
				var $data = 'countryType=3&country=' + $("[name='Country_Type']:checked").val();
				break;
		}
		updatePage($data);
		$.ajax({
			url: Project_Country + "ajax/ajax_get_city-p.php",
			type: "POST",
			cache: false,
			data: { "Send_ID": $("#Send_Country_ID option:eq(1)").val() },
			dataType: 'json',
			error: function (d) {
				alert('網路連線過慢，網頁請重新整理');
			},
			success: function (d) {
				var the_sub = 'Send_City_ID';
				$("#" + the_sub).children("option:gt(0)").remove();
				for (k in d) {
					$("#" + the_sub).append('<option value="' + k + '" name="' + d[k] + '">' + d[k] + '</option>');
				}
			}
		});
	});
	$("#Main_Content").on('change', "#Country", function () {
		var $data = 'countryType=3&country=' + $(this).val();
		updatePage($data);
	});

	$("#Main_Content").on('change', "#Buy_Country", function () {
		// var $data = 'countryType=3&country='+$(this).val();
		updatePage();
	});



	//選擇運送方式
	$("#Main_Content").on('change', "[name='Ship_Type']", function () {

		var $data = 'shipType=' + $("[name='Ship_Type']:checked").val();
		updatePage($data);
	});

	$("#Main_Content").on("click", "#Choose_Store", function () {
		updatePage();
		window.location.href = '/shopcart/e_returns/emap-p.php?url=shopcart/step2/&type=' + $(this).attr("type") + '&coll=' + $(this).attr("coll") + '&Country=' + $(this).attr("Country") + '&Cart=' + $('#Cart_Type').val();
	});

	//選擇付款方式
	$("#Main_Content").on('change', "[name='Pay_Type']", function () {
		var $data = 'payType=' + $("[name='Pay_Type']:checked").val();
		if ($("[name='Pay_Type']:checked").val() == 5) $data += '&countryType=1';
		updatePage($data);
	});

	//保價勾選
	$("#Main_Content").on('click', "input[name='Premiu']", function () {
		var $data = 'premiu=' + $(this).val();
		updatePage($data);
	});

	//國家切換
	$("#Main_Content").on('change', ".Country", function () {
		var Send_ID = $(this).val();
		$.ajax({
			url: Project_Country + "ajax/ajax_get_city-p.php",
			type: "POST",
			cache: false,
			data: { "Send_ID": Send_ID },
			dataType: 'json',
			error: function (d) {
				alert('網路連線過慢，網頁請重新整理');
			},
			success: function (d) {
				var the_sub = 'Send_City_ID';
				$("#" + the_sub).children("option:gt(0)").remove();
				for (k in d) {
					$("#" + the_sub).append('<option value="' + k + '" name="' + d[k] + '">' + d[k] + '</option>');
				}
			}
		});
	});
	//縣市切換
	$("#Main_Content").on('change', ".City", function () {
		updatePage();
	});
	//地區切換
	$("#Main_Content").on('change', ".Area", function () {
		var opt = $(this).find("option:selected").text(),
			area = opt.split(" "),
			zip = area[0];
		$("#Send_Area_No").val(zip);
		updatePage();
	});

	//同訂購人資料
	$("#Main_Content").on('click', "#Same_Button", function () {
		let sameValue = $("#Same_Button").val() ?? 1;
		var $data = 'same=' + sameValue;
		updatePage($data);
	});

	//預設發票地址
	var Del_Type = $("#Del_Type").val();
	var Send_Address = $("#Send_Address").val() || '';
	var Send_Area_ID = $("#Send_Area_ID option:selected").attr("name") || '';
	var Send_City_ID = $("#Send_City_ID option:selected").attr("name") || '';
	var Send_Addr_Full = Send_City_ID + Send_Area_ID + Send_Address;
	if (Send_Addr_Full && Del_Type != '2') {
		$("#Invo_Same_Button").prop("checked", true);
		$("#Invo_Address").val(Send_Addr_Full);
	}

	//同訂購人資料
	$("#Main_Content").on('click', "#Invo_Same_Button", function () {
		var dt = $(this).attr('dt');
		if ($("#Invo_Same_Button").prop("checked") && dt != '2') {
			var Send_Address = $("#Send_Address").val() || '';
			var Send_Area_ID = $("#Send_Area_ID option:selected").attr("name") || '';
			var Send_City_ID = $("#Send_City_ID option:selected").attr("name") || '';

			$("#Invo_Address").val(Send_City_ID + Send_Area_ID + Send_Address);
		}
	});

	//從通訊錄中挑選
	$("#Main_Content").on('click', ".Send_Invoice", function () {
		let _this = $(this)
		let $data = $.map(_this.data(), function(val, key){
			return encodeURIComponent(key) + "=" +encodeURIComponent(val)
		}).join("&")
		updatePage($data);
	});

	//常用發票選擇
	$("#Main_Content").on('click', ".Send_Book", function () {
		var $data = 'send_book=' + $(this).attr("sid");
		updatePage($data);
	});

	//門市取貨
	$("#Main_Content").on("change", "#Store_Pick", function () {
		var $data = 'CVSStoreID=' + $(this).val();
		updatePage($data);
	});

	//發票載具
	/*
	$("#Main_Content").on('change', "#CarrierType", function () {
		updatePage();
	});
	*/

	//送出
	$("#Main_Content").on('click', "#Form_Submit", function () {
		var gift = $("#Left_Gift").val();
		var bir_gift = $("#Left_Birthday_Gift").val()
		const check_country = ['TW', 'CN', 'HK', 'MO']; //不檢查的國家
		var pattern_En = /^[A-Za-z0-9\~\!\@\#\$\%\^\&\(\)\_\+\`\-\=\.\,\/ ]+$/;
		var check_Address = $("#Send_Address").val();
		var check_Address2 = $("#Send_Address2").val();

		if (gift > '0') {
			alert(_jsLang.尚可挑選 + gift + _jsLang.件贈品請挑選後再送出購物車);
		} else if (bir_gift > '0') {
			alert(_jsLang.尚可挑選 + bir_gift + _jsLang.件贈品請挑選後再送出購物車);
		} else if ($("#Country_Type").val() == 3 && !check_country.includes($("#Country").find(":selected").data("code")) && (!pattern_En.test(check_Address) || !pattern_En.test(check_Address2))) {
			alert(_jsLang.地址為英數);
			return false;
		} else {
			$("#Main_Form").submit();
		}
	});

	//到貨日期資料同步
	$("#Main_Content").on('click', "input[name='Send_Week2']", function () {
		$("#Send_Week").val($(this).val());
	});
	$("#Main_Content").on('change', "#Send_Week", function () {
		$("#Send_Week2" + $(this).val()).prop("checked", true);
	});

	//到貨時間資料同步
	$("#Main_Content").on('click', "input[name='Send_Time2']", function () {
		$("#Send_Time").val($(this).val());
	});
	$("#Main_Content").on('change', "#Send_Time", function () {
		$("#Send_Time2" + $(this).val()).prop("checked", true);
	});

	//雲端發票資料同步
	/*$("#Main_Content").on('click', "input[name='Invo_Mod']", function () {
		updatePage();
	});*/
	/*$("#Main_Content").on('change', "#Invo_Mod2", function () {
		$("#changeradio-0" + $(this).val()).prop("checked", true);
		updatePage();
	});*/
	/*
	$("#Main_Content").on('click', "input[name='Invo_Send_Type']", function () {
		updatePage();
	});
	*/
	/*
	$("#Main_Content").on('change', "input[name='Invo_Type']", function () {
		if ($(this).val() == 1) {
			$(".invo_type1").hide();
		}
		else {
			$(".invo_type1").show();
		}
		updatePage();
	});
	*/

	/*
		$("#Main_Content").on('click','#Invo_Agree',function(){
			var val = $(this).prop('checked'), data = '&Invo_Agree='+val;

			updatePage(data);
		});
	*/

	if ($('.prod_in_page_area').length > 0) {
		var alert_check_prod_in_page = "親愛的會員您好，目前下列產品正在一頁式購物推廣中，故系統將自動移除\n";
		$('.prod_in_page_area .prod_data').each(function (index) {
			alert_check_prod_in_page += "\n《" + $(this).val() + "》";
		})
		alert(alert_check_prod_in_page);
		window.location.reload();
	}


	// 購物流程中登入
	$("#Main_Content").on('click', '.Cart_Login_Btn', function (e) {
		// 先紀錄畫面上資料
		updatePage();
		window.location.href = '/' + $("#Website_Mall_ID").val() + '/member-login';
	});

	//結帳登入 手機驗證碼
    function timeout(btn) {
        let sec = btn.attr('countdown');
        let t
        sec = sec - 1;

        let count_min = 0;
        let count_sec = 0;
        count_min = Math.floor(sec / 60);
        count_sec = (Array(2).join('0') + (sec % 60)).slice(-2);
        if (sec != '0') {
            btn.text(count_min + ':' + count_sec);
            btn.attr('countdown', sec);
            t = setTimeout(function(){
				timeout(btn)
			}, 1000);
        } else {
            clearTimeout(t);
            btn.prop("disabled", false);
            btn.text("重發驗證信");
            btn.attr('countdown', '0');
        }
    }
	$("#Main_Content").on('click', '#VerifyCode_Button, .VerifyCode_Button', function (e) {
		var btn = $(this);
		var Email = $('#Buy_Email').val();
		var Buy_Cellphone = $('#Buy_Cellphone').val();
		var Password = $('#Login_Password').val();
		var Country_Tel_Code = $('#Buy_Country_Tel_Code').val();
		var Country_ID = $('#Send_Country_ID').val();
		let type = btn.data("type") || "tel"

		if(type == "tel"){
			if (Buy_Cellphone == "") { alert('請輸入訂購人的行動電話'); return false; }
		}else if(type == "email"){
			if(Email == ""){alert('請輸入訂購人的E-mail');return false;}
		}

		//if(Password == ""){alert('請輸入密碼');return false;}
		//if(Country_Tel_Code == ""){alert("請輸入國碼");return false;}
		$.ajax({
			url: Project_Country + "shopcart/ajax/ajax_verifycode.php",
			type: "POST",
			cache: false,
			dataType:"JSON",
			data: { Email: Email, CellPhone: Buy_Cellphone, Password: Password, Country_Tel_Code: Country_Tel_Code, Country_ID: Country_ID, type: type },
			success: function (res) {
				if (res.status == 'TEL_OK') {
					btn.attr('disabled', 'disabld');
					btn.attr('countdown', res.countdown);
					timeout(btn);
					alert('認證簡訊已發送');
				} else if (res.status == 'EMAIL_OK') {
					btn.attr('disabled', 'disabld');
					btn.attr('countdown', res.countdown);
					timeout(btn);
					alert('認證Email已發送');
				} else if (res.status == 'WRONG_CELLPHONE_FORMAT') {
					alert(_jsLang.手機格式錯誤);
				} else if (res.status == 'RET_REPLY') {
					alert('請勿重覆發送簡訊, 請等侯5分鐘');
				} else if (res.status == 'RET_OVER') {
					alert('手機簡訊發送已上限');
				} else if (res.status == 'RET_CELLPHONE_REPLY') {
					alert('您已經是會員，請登入會員，如忘記登入密碼，可至會員登入處點選「忘記密碼?」');
					window.location.href = '/' + $("#Website_Mall_ID").val() + '/member-login';
				}
			}
		});
	})
	//送出驗證
	$(document).on("click", ".btn-send-verify", function(){
		let _this = $(this)
		let input = _this.parents(".sms-group").find("input")
		let type = _this.data("type")
		if(input.val()){
			$.ajax({
				url:Project_Country + "shopcart/ajax/ajax_verify_check.php",
				type:"POST",
				dataType:"JSON",
				data: {
					type: type,
					val: input.val(),
					cellphone: $('#Buy_Cellphone').val(),
				},
				success: function(res){
					if(res.status == 'OK'){
						let box = $(".VerifyCode_Button[data-type='" + type + "']").parents(".table-content")
						box.html(`<span class="table-indent table-verified">
							<span class="verified-text">${box.find("input").val()}</span>
							<i class="icon icon-check-circle"></i>
						</span>`)
						_this.parents(".table-row").remove()
					}else{
						alert("驗證碼錯誤")
					}
				},
			})
		}else{
			alert(input.attr("nullstr"))
		}
	})

	//滿額挑選
	$(".GiftpickPopupBtn").click(function () {
		var oid = $(this).data('oid');
		$(".GiftpickOid").val(oid);
	})

});





// ==========================================================
// 	退貨保留款使用切換
// ==========================================================
; (function ($) {
	$('body').on('change', '[name="Member_Money"]', function (e) {
		// console.log($(this))
		if ($(this).val() === 'inUse') {
			$(this).parents('.content').find('.slideBox').slideDown(500)
		}
	})
})($)

var keepItemID = '' //jq物件
var keepTop = 0 //保存update前的高度
function scrollToKeep(){
	let item = $("#" + keepItemID)
	if(item.length){
		let newTop = item.offset().top
		$(window).scrollTop(newTop - keepTop)
		keepItemID = ''
	}
}

function updatePage($data, autoStep = true) {
	$(".loading").show();
	var $member = "";
	var $invo = "";

	// console.log($("#Cart_Step").val());
	let step = '';
	if (autoStep) {
		step = "&step=" + $("#Cart_Step").val();
	}




	$(".card_content").each(function () {
		if ($(this).attr("name") && $(this).attr("name") != undefined) {
			$member += '&' + $(this).attr("name") + '=' + $(this).val();
		}

	});
	$("#Buy_Data").find("input:text,input:checked,select,input:password").each(function () {
		if ($(this).attr("name") && $(this).attr("name") != undefined) {
			$member += '&' + $(this).attr("name") + '=' + $(this).val();
		}
	});
	$("#Send_Data").find("input:text,input:hidden,input:checked,select,textarea").each(function () {
		if ($(this).attr("name") && $(this).attr("name") != undefined) {
			$member += '&' + $(this).attr("name") + '=' + $(this).val();
		}
	});
	$("#Send_Data").find("#Buy_Cellphone").each(function () {
		if ($(this).attr("name") && $(this).attr("name") != undefined) {
			$member += '&' + $(this).attr("name") + '=' + $(this).val();
		}
	});
	$("#Send_Data").find("#Send_Cellphone").each(function () {
		if ($(this).attr("name") && $(this).attr("name") != undefined) {
			$member += '&' + $(this).attr("name") + '=' + $(this).val();
		}
	});
	$("#Send_Data").find("#Login_Password").each(function () {
		if ($(this).attr("name") && $(this).attr("name") != undefined) {
			$member += '&' + $(this).attr("name") + '=' + $(this).val();
		}
	});
	$("#Send_Data").find("#Login_Password2").each(function () {
		if ($(this).attr("name") && $(this).attr("name") != undefined) {
			$member += '&' + $(this).attr("name") + '=' + $(this).val();
		}
	});
	$("#Send_Data").find("#Code").each(function () {
		if ($(this).attr("name") && $(this).attr("name") != undefined) {
			$member += '&' + $(this).attr("name") + '=' + $(this).val();
		}
	});
	$("#Send_Data").find("#Send_Time24").each(function () {
		var val = $(this).is(":checked") ? '1' : '0';
		$member += '&' + $(this).attr("id") + '=' + val;
	});
	$("#Send_Data").find("#Send_Time21").each(function () {
		var val = $(this).is(":checked") ? '1' : '0';
		$member += '&' + $(this).attr("id") + '=' + val;
	});
	$("#Send_Data").find("#Send_Time22").each(function () {
		var val = $(this).is(":checked") ? '1' : '0';
		$member += '&' + $(this).attr("id") + '=' + val;
	});
	$("#Invo_Data").find("input:text,input:checked,select").each(function () {
		$invo += '&' + $(this).attr("name") + '=' + $(this).val();
	});
	$invo += '&Member_Agree=' + $("#Member_Agree").val();

	$.ajax({
		url: Project_Country + "shopcart/ajax/ajax_cart_update.php",
		type: "POST",
		cache: false,
		async: false,
		data: $data + $member + $invo + '&updatePage=1&Cart_Type=' + $("#Cart_Type").val() + step,
		error: function (d) {
			alert('網路連線過慢，網頁請重新整理');
		},
		success: function (d) {
			var _window = $(window);
			var change_1023 = 1024;
			$("#Main_Content").html(d);
			// runOproductSlide()
			formAuth()
			// var bill = JSON.parse(base64_decode($("#Bill_Update").val()));
			// console.log(bill);
			// for(s in bill){
			// 	$("#Bill_"+s).html(bill[s]);
			// }

			if ($("#Coupon_Msg").val()) {
				alert($("#Coupon_Msg").val());
			}

			$(".GiftpickPopupBtn").click(function () {
				var oid = $(this).data('oid');
				$(".GiftpickOid").val(oid);
			})

			$("#Show_Shopcart_Total").html($("#Shop_Cart_Total_Update").val());
			runSildeBoxOwl()

			//修改國旗圖片
			$.post(Project_Country + 'ajax/ajax_change_country.php', { Type: 'update', ID: $(this).attr('sid') }, function (h) {
				if (h) {
					$("#This_Country_Pic").attr("src", "/upload_files/fonlego-rwd/website/" + h);
				}
			}, 'html');

			$(".loading").fadeOut();
			var file_Obj = new prod_file({
				amountBox: 'num-select',
				specUrl: Project_Country + 'shopcart/ajax/ajax_get_item.php',
				ordButton: 'button2'
			});
			file_Obj.init();

			//更新發票區塊
			$(window).trigger("updateInvoice")

			scrollToKeep()
		}
	});
}



function runSildeBoxOwl() {
	$('.sildeBox').owlCarousel({
		nav: true,
		navText: ['<i class="icon icon-angle-left"></i>', '<i class="icon icon-angle-right"></i>'],
		margin: 30,
		dots: false,
		responsive: {
			0: {
				items: 1,
			},
			576: {
				items: 2,
			},
			992: {
				items: 3,
			},
			1400: {
				items: 4,
			},
		},
	})
}

function runOproductSlide() {
	const owlStep = {
		responsive: {
			0: {
				items: 1
			},
			480: {
				items: 2
			},
			992: {
				items: 3
			}
		},
		nav: true,
		navText: ['', ''],
		dots: false,
	}
	if ($('.content_1 .click-block').length > 1) {
		$('.content_1 .click-block').css('width', "98%");
		$('.oproduct-tagcontent .content_1').owlCarousel(owlStep);
	}
	if ($('.content_2 .click-block2').length > 1) {
		$('.content_2 .click-block2').css('width', "98%");
		$('.oproduct-tagcontent .content_2').owlCarousel(owlStep);
	}
	if ($('.content_3 .click-block').length > 1) {
		$('.content_3 .click-block').css('width', "98%");
		$('.oproduct-tagcontent .content_3').owlCarousel(owlStep);
	}
}





// ==========================================================
// 	開啟活動加購跳窗
// ==========================================================
; (function ($) {
	let canClickAddon = true

	if (canClickAddon) {
		$(document).on('click', '.QuickAddon', function (e) {
			e.preventDefault()
			canClickAddon = false
			const act_id = $(this).data("act_id"),
				serial_no = $(this).data("serial_no"),
				gap = $(this).data("gap");

			$.ajax({
				url: Project_Country + 'shopcart/ajax/ajax_popup_addon.php',
				type: 'POST',
				dataType: 'HTML',
				data: { act_id: act_id, serial_no: serial_no, gap: gap },
				async: true,
			})
				.done(function (res) {
					$('body').addClass('overflow-hidden').append(res);

				})
				.fail(function (x, y, z) {
					console.log(x);
				})
				.always(function () {
					canClickAddon = true
				});

		})

	}
})($)

// ==========================================================
// 	開啟滿額贈品挑選彈窗
// ==========================================================
; (function ($) {
	$(document).on("click", ".btn-gift-change", function () {
		let target = $(this).data("target")
		if ($("#" + target).length > 0) {
			$("#" + target).removeClass("hide")
		}
	})
})($)


// ==========================================================
// 	step2商品列表折疊
// ==========================================================
; (function ($) {
	$(document).on("click", ".collapse-title", function () {
		let wrapper = $(this).parents(".cartBox")
		wrapper.toggleClass("theme-collapse")
	})
})($)

// ==========================================================
// 	遊戲後處理
// ==========================================================
; (function ($) {
	$(document).on("click", ".gift-link", function (e) {
		e.preventDefault()
		$("#Main_Form").submit()
	})
})($)


// ==========================================================
// 	加購/挑選輪播
// ==========================================================
function simpleProductAddpurchase(list){
    if($(window).width() > 1199 && list.find(".item").length > 4){
        list.owlCarousel({
            nav: true,
            loop: false,
            margin: 20,
            items: 5,
            dots: false,
            animateIn: 'fadeIn',
            animateOut: 'fadeOut',
            navText: ['<i class="icon icon-angle-left"></i>', '<i class="icon icon-angle-right"></i>'],
			responsive: {
				0: {
					items: 4,
				},
				1600: {
					items: 5,
				},
			}
        })
    }else{
        list.trigger("destroy.owl.carousel")
    }
}
$(function(){
	const carouselTarget = $('.product-simple-list .wrapper')
    if(carouselTarget.length){
		carouselTarget.each(function(){
			let list = $(this)
			simpleProductAddpurchase(list)
			$(window).on("resize", function(){
				simpleProductAddpurchase(list)
			})
		})
    }
})

// ==========================================================
// 	抵用券選擇
// ==========================================================
;(function($) {
	//選擇就直接使用
	$(document).on("change", ".coupon-radio", function(){
		let popup = $(this).parents(".coupon-popup")
		let checkedItem = popup.find(".coupon-radio:checked")
		if(checkedItem.length){
			const $data = 'cate=Usable&value=' + checkedItem.val();
			updatePage($data);
		}
	})
	//規則
	$(document).on("click", ".coupon-rule", function(){
		let _this = $(this)
		let id = _this.data("id")
		let title = _this.parents(".coupon-item").find(".coupon-radio").data("title")
		$.ajax({
			url: Project_Country+'ajax/ajax_get_coupon_rule.php',
			type:"POST",
			dataType:"JSON",
			data: {
				id: id
			},
			success: function(res){
				if(res.content){
					$("body").append(`
						<div class="popupBox-wrapper">
							<div class="popupBox-content">
								<button class="closer" type="button">
									<i class="icon icon-cross" aria-label="close poupBox"></i>
								</button>
								<div class="popupBox-body">
									<div class="popupBox-title">${title}</div>
									<div class="web-editor">${res.content}</div>
								</div>
							</div>
						</div>
					`)
				}
			},
			error: function(){
				alert('網路連線過慢，網頁請重新整理');
			}
		})
	})
})($)