$(function() {
	let mixPay = false
	let money = 0
	$.ajax({
		url: orderUrl.searchUserOrderList,
		type: "post",
		dataType: "json",
		contentType: "application/json",
		beforeSend: function(request) {
			request.setRequestHeader("token", localStorage.getItem("token"));
		},
		data: JSON.stringify({
			"page": 1,
			"length": 20
		}),
		success: function(resp) {
			if (resp.code == 0) {
				// console.log(resp)
				let list = resp.list
				let temp = ''
				for (let one of list) {
					if (one.status == 1) {
						one.status = "未付款"
					} else if (one.status == 2) {
						one.status = "已付款"
					} else if (one.status == 3) {
						one.status = "已发货"
					} else if (one.status == 4) {
						one.status = "已签收"
					}
					let button = ''
					if (one.status == "未付款") {
						button = '<input type="button" value="支付" class="pay-btn" />'
					}
					temp +=
						`
						<div class="order" data-order-id="${one.id}">
							<div class="row row-1">
								<span>订单编号：${one.code}</span>
								<span>${one.status}</span>
							</div>
							<div class="row row-2">
								假设这里是商品订单概要信息
							</div>
							<div class="row row-3">
								<div>
									订单金额：<span name='amount'>${one.amount}</span>元
								</div>
							</div>`
					// if(one.status=='未付款'){
					// temp+=
					// `<div class="row row-3">
					// 	<div>
					// 		帐户余额：<span name='amt'>${one.amt}</span>元
					// 	</div>`
					// 	if(one.amt>0){
					// 		temp+=
					// 		`<div>
					// 			使用余额付款：
					// 			<input type="checkbox" name="useBalance" value="true"/>
					// 		</div>`
					// 	}
					// temp+=`</div>`
					// }
					temp +=
						`<div class="row">
								${button}
							</div>
						</div>
					`

				}
				$(".order-list").append(temp)
				$(".pay-btn").click(function() {
				
					
					let orderElement = $(this).parents(".order")
					let orderId = orderElement.data("order-id")
					let amount = orderElement.find("[name='amount']").text()
					let amt = orderElement.find("[name='amt']").text()
					
					$(".payment-list").attr("data-order-id",orderId)
					$(".select-payment").show()
					
					// if(amt>0){
					// 	let useBalance=orderElement.find("[name='useBalance']")[0].checked
					// 	if(useBalance){
					// 		//用余额支付
					// 		if(amt>=amount){
					// $.ajax({
					// 	url: wxUrl.nativePayOrder,
					// 	type: "post",
					// 	dataType: "json",
					// 	contentType: "application/json",
					// 	beforeSend: function(request) {
					// 		request.setRequestHeader("token", localStorage.getItem("token"));
					// 	},
					// 	data: JSON.stringify({
					// 		"orderId": orderId
					// 	}),
					// 	success: function(resp) {
					// 		console.log(resp)
					// 		if (resp.code == 0) {
					// 			let codeUrl = resp.codeUrl
					// 			$(".qrcode").attr("src", wxUrl.qrcode + "?codeUrl=" + codeUrl)
					// 			$(".close-btn").attr("data-order-id", orderId)
					// 			$("#native").show()

					// 			let num = 0
					// 			let timer = setInterval(function() {
					// 				num++
					// 				let result = searchOrderStatus(orderId)
					// 				if (result) {
					// 					clearInterval(timer)
					// 					location.reload()
					// 				} else if (num == 10) {
					// 					clearInterval(timer)
					// 				}
					// 			}, 5000)
					// 		}


					// 	},
					// })
					// }
					// 		//融合支付
					// 		else{
					// 			alert("余额不足，将改成融合支付模式")
					// 			mixPay=true
					// 			money=amount-amt
					// 			$(".payment-list").attr("data-order-id",orderId)
					// 			$(".select-payment").show()
					// 		}
					// 	}
					// 	else{
					// 		$(".payment-list").attr("data-order-id",orderId)
					// 		$(".select-payment").show()
					// 	}
					// }
					// else{
					// 	$(".payment-list").attr("data-order-id",orderId)
					// 	$(".select-payment").show()
					// }


				})
			}
		}
	})

	//获取地址栏参数
	function getUrlParam(name){
		var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
		var r = window.location.search.substr(1).match(reg);
		if (r!=null) return unescape(r[2]); return null;
	}
	let code=getUrlParam('out_trade_no')
	if(code!=null&&code!=''){
		$.ajax({
			url:zfbUrl.updateNativeOrderStatus,
			type:"post",
			dataType:"json",
			contentType:"application/json",
			beforeSend: function(request) {
				request.setRequestHeader("token", localStorage.getItem("token"));
			},
			data:JSON.stringify({
				"code":code
			}),
			success:function(resp){
				if(resp.msg=="订单状态已修改"){
					location.href="order.html"
				}else{
					alert(resp.msg)
				}
			},
			fail:function(resp){
				console.log(resp)
			}
		})
	}

	$(".select-payment").click(function(){
		$(this).hide()
	})
	$(".payment-list").click(function(e){
		//禁止冒泡传播
		e.stopPropagation()
	})
	$(".payment-item").click(function(){
		$(".select-payment").hide()
		let orderId=$(this).parents(".payment-list").data("order-id")
		let payment=$(this).data("payment")
		if(payment=='wxpay'){
			$.ajax({
				url:wxUrl.nativePayOrder,
				type:"post",
				dataType:"json",
				contentType:"application/json",
				beforeSend: function(request) {
					request.setRequestHeader("token", localStorage.getItem("token"));
					request.setRequestHeader("ip", localStorage.getItem("ip"));
				},
				data:JSON.stringify({
					"orderId":orderId
				}),
				success:function(resp){
					if(resp.code==0){
						let codeUrl=resp.codeUrl
						// console.log(codeUrl)
						$(".qrcode").attr("src",wxUrl.qrcode+"?codeUrl="+codeUrl)
						$(".close-btn").attr("data-order-id",orderId)
						$("#native").show()
						let num=0
						let timer=setInterval(function(){
							num++
							let result=searchOrderStatus(orderId)
							if(result){
								clearInterval(timer)
								location.reload()
							}
							else if(num==10){
								clearInterval(timer)
							}
						},5000)
					}
				}
			})
		}
		else if(payment=='alipay'){
			$.ajax({
				url:zfbUrl.nativePayOrder,
				type:"post",
				dataType:"json",
				contentType:"application/json",
				beforeSend: function (request) {
					request.setRequestHeader("token", localStorage.getItem("token"));
					request.setRequestHeader("ip", localStorage.getItem("ip"));
				},
				data:JSON.stringify({
					"orderId":orderId
				}),
				success:function(resp){
					if(resp.code==0){
						let htmlCode=resp.htmlCode
						// console.log(htmlCode)
						$("#htmlCode").html(htmlCode)
					}
				}
			})
		}
		else if(payment=='unpay'){
			let url;
			if(mixPay){
				url=unionUrl.mixPay
			}
			else{
				url=unionUrl.nativePayOrder
			}
			$.ajax({
				url:url,
				type:"post",
				dataType:"json",
				contentType:"application/json",
				beforeSend: function (request) {
					request.setRequestHeader("token", localStorage.getItem("token"));
					request.setRequestHeader("ip", localStorage.getItem("ip"));
				},
				data:JSON.stringify({
					"orderId":orderId,
					"money":money
				}),
				success:function(resp){
					if(resp.code==0){
						let htmlCode=resp.htmlCode
						// console.log(htmlCode)
						$("#htmlCode").html(htmlCode)
					}
				}
			})
		}
	})

function searchOrderStatus(orderId) {
	let flag = false
	$.ajax({
		url: wxUrl.searchOrderStatus,
		type: "post",
		dataType: "json",
		contentType: "application/json",
		async: false,
		beforeSend: function(request) {
			request.setRequestHeader("token", localStorage.getItem("token"));
		},
		data: JSON.stringify({
			"orderId": orderId
		}),
		success: function(resp) {
			// console.log(resp)
			if (resp.msg == "订单状态已修改") {
				flag = true
			}
		}
	})
	return flag
}
	$(".close-btn").click(function(){
		let orderId=$(this).data("order-id")
		let result=searchOrderStatus(orderId)
		if(result){
			location.reload()
		}
	})
	$(".close-icon").click(function(){
		$("#native").hide()
	})
})