$(document).ready(function () {
	$("#Main_Form").fromsAuth({type:'NONE'});
    var slide = $(".sildeBox");
    slide.owlCarousel({
      responsive:{
        0:{
          items : 2
        },
        481:{
          items : 3
        },
        960:{
          items : 4
        },
        1023:{
          items : 5
        }
      },
        nav : true,
    });
    var _window = $(window);
    var change = 0;
    var moreview = false;
    var box01 = $('.changebox01'),
        box02 = $('.changebox02'),
        box03 = $('.changebox03');
    if(_window.width() <= 480 && change!=480 ){
        change = 480;
        box01.css('display','block');
        box02.css('display','none');
        box03.css('display','none');
        $('main').on('change', '#Invo_Mod2', function(event) {
            var now = $(this).val();
            if(now=='1'){
                box01.css('display','block');
                box02.css('display','none');
                box03.css('display','none');
            }else if(now=='2'){
                box02.css('display','block');
                box01.css('display','none');
                box03.css('display','none');

            }else if(now=='3'){
                box03.css('display','block');
                box01.css('display','none');
                box02.css('display','none');

            }
        });
    }
    _window.on('resize',function(){
        if(_window.width() <= 480 && change!=480 ){
            change = 480,
            $('main').on('change', '#Invo_Mod2', function(event) {
                var now = $(this).val();
                if(now=='1'){
                    box01.css('display','block');
                    box02.css('display','none');
                    box03.css('display','none');
                }else if(now=='2'){
                    box02.css('display','block');
                    box01.css('display','none');
                    box03.css('display','none');

                }else if(now=='3'){
                    box03.css('display','block');
                    box01.css('display','none');
                    box02.css('display','none');

                }
            });
        }
        if(_window.width() > 480 && change!=768 ){
            change = 768,
            box01.removeAttr('style');
            box02.removeAttr('style');
            box03.removeAttr('style');
        }
    });

	//刪除商品
	$("#Main_Content").on('click','.prod_del',function(){
		if(confirm("確定刪除嗎？")){
			$(".loading").show();
			$.ajax({
				url:"/shopcart/ajax/ajax_cart_del.php",
				type:"POST",
				cache:false,
				data:{ID:$(this).attr("sid"),Act:$(this).attr("act"),Ch_Flag:$(this).attr("ch")},
				dataType: 'json',
				success:function(d){
					if(d.Status == 'RET_SUCCESS'){
						//GA4
						if(d.GA4 && typeof gtag == 'function')
						{
							for(var key in d.GA4)
							{
								gtag("event","remove_from_cart",{
								"items":d.GA4
								});
							}
						}
						alert('刪除成功');
						updatePage();
					}else{
						alert('資料庫忙線中');
					}
				}
			});
		}
	});
	//下次買
	$("#Main_Content").on('click','.prod_next',function(){
		if(confirm("確定加入願望清單嗎？")){
			$(".loading").show();
			$.ajax({
				url:"/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',
				success:function(d){
					switch(d.Status){
						case "RET_SUCCESS":
							//GA4
							if(d.GA4 && typeof gtag == 'function')
							{
								for(var key in d.GA4)
								{
									gtag("event","add_to_wishlist",{
									"items":d.GA4
									});
								}
							}
							alert('加入願望清單成功');
							updatePage();
							break;
						case "RET_NO_MEMBER":
							alert('請先登入會員');
							window.location.href = '/member-login';
							break;
						default:
							alert('資料庫忙線中');
							break;
					}
				}
			});
		}
	});

	//修改商品數量
	$("#Main_Content").on('change','.prod_amount',function(){
		$(".loading").show();
		$.ajax({
			url:"/shopcart/ajax/ajax_cart_edit.php",
			type:"POST",
			cache:false,
			data:{ID:$(this).attr("sid"),Act:$(this).attr("act"),Ch_Flag:$(this).attr("ch"),Amount:$(this).val()},
			dataType: 'json',
			success:function(d){
				switch(d.Status){
					case "RET_SUCCESS":
						if(d.GA4 && typeof gtag == 'function')
						{
							for(var key in d.GA4)
							{
								gtag("event","add_to_cart",{
								"items":d.GA4
								});
							}
						}
						alert("加入購物車成功");
						updatePage();
						break;
					case "RET_NO_MEMBER_NO":
						alert("欲購買紅利兌換商品請先登入會員並完成會員認證");
						break;
					case "RET_RBONUS_OUT":
						alert("紅利不足");
						break;
					case "RET_ERROR":
						alert("資料庫忙線中");
						break;
					case "RET_PROD_ERROR":
						alert("商品已下架");
						break;
					case "RET_NO_PROD":
						alert("請選擇商品");
						break;
					case "RET_STOCK_ERROR":
						alert("商品庫存不足");
						break;
					default:
						alert("資料庫忙線中");
						break;
				};
			}
		});
	});

	//加購商品
	$(document).on('click','#All_Add_List .button2,#Full_Add_List .button2',function(){
		$(".loading").show();
		$.ajax({
			url:"/shopcart/ajax/ajax_cart_add.php",
			type:"POST",
			cache:false,
			data:{ID:$(this).attr("sid"),Amount:$(this).prev(".text-center").find(".num-select").val()},
			dataType: 'json',
			success:function(d){
				switch(d.Status){
					case "RET_SUCCESS":
						if(d.GA4 && typeof gtag == 'function')
						{
							for(var key in d.GA4)
							{
								gtag("event","add_to_cart",{
								"items":d.GA4
								});
							}
						}
						alert("加入購物車成功");
						updatePage();
						break;
					case "RET_NO_MEMBER_NO":
						alert("欲購買紅利兌換商品請先登入會員並完成會員認證");
						break;
					case "RET_RBONUS_OUT":
						alert("紅利不足");
						break;
					case "RET_ERROR":
						alert("資料庫忙線中");
						break;
					case "RET_PROD_ERROR":
						alert("商品已下架");
						break;
					case "RET_NO_PROD":
						alert("請選擇商品");
						break;
					case "RET_STOCK_ERROR":
						alert("商品庫存不足");
						break;
					default:
						alert("資料庫忙線中");
						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(){
		if($(this).attr("cate") == 'RBonus' || $(this).attr("cate") == 'MemberMoney'){
			var $data = 'cate='+$(this).attr("cate")+'&value='+$(this).parents("p").find("input").val();
		}else{
			var $data = 'cate='+$(this).attr("cate")+'&value='+$(this).parents("p").prev("p").find("input").val();
		}
		updatePage($data);
	});

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

	//抵用券勾選
	$("#Main_Content").on('click',"input[name='usable_no']",function(){
		$("#usable_no").val($(this).val());
	});

	//選擇配送國家
	$("#Main_Content").on('click',"input[name='Country_Type']",function(){
		switch($(this).val()){
			case "1":
			case "2":
				var $data = 'countryType='+$(this).val();
				break;
			case "3":
				var $data = 'countryType=3&country='+$("#Country").val();
				break;
		}
		updatePage($data);
	});
	$("#Main_Content").on('change',"#Country",function(){
		var $data = 'countryType=3&country='+$(this).val();
		updatePage($data);
	});

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

		var $data = 'shipType='+$(this).val();
		//GA4
		if(typeof gtag == 'function')
		{
            gtag("event","add_shipping_info",{
				"shipping_tier":$(this).data('name')
			}); 
		}
		updatePage($data);
	});

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

	//選擇付款方式
	$("#Main_Content").on('click',"input[name='Pay_Type']",function(){

		var $data = 'payType='+$(this).val();
		if($(this).val() == 5)$data += '&countryType=1';
		//GA4
		if(typeof gtag == 'function')
		{
            gtag("event","add_payment_info",{
				"payment_type":$(this).data('name')
			});
		}
		updatePage($data);
	});

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

	//國家、縣市、地區
	$("#Main_Content").on('change',".Country",function(){
		//$(this).next(".City").load('/ajax/ajax_country.php',{type:'city',id:$(this).val()}).next(".Area").html('');
		var $data = 'buy_country='+$(this).val();
		updatePage($data);
	});
	$("#Main_Content").on('change',".City",function(){
		$(this).next(".Area").load('/ajax/ajax_country.php',{type:'area',id:$(this).val()});
	});

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

	//同訂購人資料
	$("#Main_Content").on('click',"#Invo_Same_Button",function(){
		if($("#Invo_Same_Button").prop("checked")){
			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_Book",function(){
		var $data = 'send_book='+$(this).attr("sid");
		updatePage($data);
	});

	//發票載具
	$("#Main_Content").on('change',"#CarrierType",function(){
		if($(this).val()>1){
			$(".invo_code").show().find("input").attr("fun","checkNull");
		}else{
			$(".invo_code").hide().find("input").attr("fun","");
		}
	});

	//送出
	$("#Main_Content").on('click',"#Form_Submit",function(){
        var gift = $("#Left_Gift").val();
        if(gift > '0'){
            alert('尚可挑選'+gift+'件贈品，請挑選後再送出購物車。');
        }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(){
		$("#Invo_Mod2").val($(this).val());
		invoCheck($(this).val());
	});
	$("#Main_Content").on('change',"#Invo_Mod2",function(){
		$("#changeradio-0"+$(this).val()).prop("checked",true);
		invoCheck($(this).val());
	});
});

function invoCheck($no){
	for($i=1;$i<=4;$i++){
		if($i != $no){
			$(".changebox0"+$i).find("input,select").attr("fun","");
		}else{
			if($i == 1 && $("#CarrierType").val() == 1){
				$(".changebox0"+$i).find("select").attr("fun","checkNull");
			}else{
				$(".changebox0"+$i).find("input,select").attr("fun","checkNull");
			}

		}
	}
};

function updatePage($data){
	$(".loading").show();
	var $member = "";
	var $invo   = "";
	$(".card_content").each(function(){
		$member += '&'+$(this).attr("name")+'='+$(this).val();
	});
	$("#Buy_Data").find("input:text,input:checked,select,input:password").each(function(){
		$member += '&'+$(this).attr("name")+'='+$(this).val();
	});
	$("#Send_Data").find("input:text,input:hidden,input:checked,select,textarea").each(function(){
		$member += '&'+$(this).attr("name")+'='+$(this).val();
	});
	$("#Invo_Data").find("input:text,input:checked,select").each(function(){
		$invo   += '&'+$(this).attr("name")+'='+$(this).val();
	});

	$.ajax({
		url:"/shopcart/ajax/ajax_cart_update.php",
		type:"POST",
		cache:false,
		async:false,
		data:$data+$member+$invo,
		success:function(d){
			$("#Main_Content").html(d);

			$("#Main_Form").fromsAuth({type:'NONE'});
			var bill = JSON.parse(base64_decode($("#Bill_Update").val()));
			for(s in bill){
				$("#Bill_"+s).html(bill[s]);
			}

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

			$("input[name='Pay_Type']").each(function(){
		        if($("input[name=Pay_Type]:checked").val() == 7 ){
		            $("#Send_Cellphone").attr('fun','checkCellphoneTrue');
		        }else{
		            $("#Send_Cellphone").attr('fun',$('#Buy_Cellphone').attr('fun'));
		        }        
		    });

			$("#Shop_Cart_Total>.num").html("("+$("#Shop_Cart_Total_Update").val()+")");
			var slide = $(".sildeBox");
			slide.owlCarousel({
			  responsive:{
				0:{
				  items : 2
				},
				481:{
				  items : 3
				},
				960:{
				  items : 4
				},
				1023:{
				  items : 5
				}
			  },
				nav : true,
			});
			//商品圖延遲載入
			$('.productImg img').lazyload({
				effect : 'fadeIn',
				failure_limit : 10,
				placeholder:'/upload_files/fonlego-rwd/images/common/loading.svg',
			});
			//修改國旗圖片
			$.post('/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: '/shopcart/ajax/ajax_get_item.php',
        		ordButton:'button2'
			});
			file_Obj.init();
		}
	});
}