{extend name="wap/default/base" /}
{block name="resources"}
<!-- <link rel="stylesheet" href="__TEMP__/{$style}/public/css/order.css"> -->
<!-- <link rel="stylesheet" type="text/css" href="__TEMP__/{$style}/public/css/member_index.css"> -->
<link rel="stylesheet" href="__TEMP__/{$style}/public/css/pay/get_pay_value.css"/>
{/block}

{block name="goodsHead"}
<section class="head">
	<a class="head_back" href="javascript:window.history.go(-1)"><i class="icon-back"></i></a>
	<div class="head-title">订单支付</div>
</section>
{/block}

{block name="main"}
<div class="head-info">
	<div class="head-pay">向{$shopname}支付</div>
	<div class="head-pay-value">￥{$pay_value.pay_money}</div>
</div>

<div class="pay-type-item">
	<div class="pay-item-list" id="pay-type">支付方式
	{if condition="$pay_config['wchat_pay_config']['is_use']==1"} 
		<span id="pay-text" style="float: right;margin-right: 20px;">微信支付</span>
		<input type="hidden" id="pay_config" value="1">
		{elseif condition="$pay_config['ali_pay_config']['is_use']==1"}
		<span id="pay-text" style="float: right;margin-right: 20px;">支付宝支付</span>
		<input type="hidden" id="pay_config" value="1">
		{else}
		<span  style="float: right;margin-right: 20px;"></span>
		<input type="hidden" id="pay_config" value="0">
		{/if}
		<span style="float:right" class="jiantou"></span>
	</div>
	<div style="padding: 10px 0px;">支付人<span style="float:right;">{$member_info["user_info"]['nick_name']}</span></div>
</div>

<!-- 遮罩层 -->
<div class="shade" style="display:none;"></div>
<!-- 弹出层 --> 
<div class="popup" style="display:none;">
	<div class="codes">
		<div id="close"><p style="color:#999;">X</p></div>
		{if condition="$pay_config['wchat_pay_config']['is_use']==1"}
			<div class="wchat-weixin">
					<img src="__TEMP__/{$style}/public/images/weifu.png" class="wchat-photo">
					<span class="wchat-title">微信支付</span>
				<span id="wchatpay"></span> 
			</div>
		{/if}
		
		{if condition="$pay_config['ali_pay_config']['is_use']==1"} 
			<div class="ali-pay">
				<img src="__TEMP__/{$style}/public/images/zhifu.png" class="ali-photo">
				<span class="ali-item">支付宝支付</span>
				<span id="alipay"></span>
			</div>
		{/if}
		{if condition="$pay_config['wchat_pay_config']['is_use']==1"} 
		<input type="hidden" id="pay_type" value="0"> 
		{elseif condition="$pay_config['ali_pay_config']['is_use']==1"}
		<input type="hidden" id="pay_type" value="1"> 
		{else}
		<input type="hidden" id="pay_type" value="-1">
		{/if}
		<input type="hidden" id="out_trade_no" value="{$pay_value.out_trade_no}">
		
	</div>
</div>
{include file="wap/default/controlCopyRight"}

<section class="s-btn" style="position: fixed; left: 0; right: 0; bottom: 0; height: 50px; padding: 0; z-index: 5;">
	<button class="alipay" type="button" onclick="calculate()">确认支付￥{$pay_value.pay_money}</button>
</section>
<script>
$(function(){
// 	$("#pay_type").val(0);//默认是微信支付
	$("#wchatpay").html("<img src='" + __IMG__ + "/segou.png'>");
	$("#alipay").html("<img src='" + __IMG__ + "/hgou.png'>");
})

var __IMG__ = '__TEMP__/{$style}/public/images';
function calculate() {
	var pay_type = $("#pay_type").val();
	var out_trade_no = $("#out_trade_no").val();
	if (pay_type == 0) {
		//微信支付
		window.location.href = "APP_MAIN/Pay/wchatPay?no=" + out_trade_no;
	} else if (pay_type == 1) {
		//支付宝支付
		window.location.href = "APP_MAIN/Pay/alipay?no=" + out_trade_no;
	}else if(pay_type == -1){
		showBox("请选择支付方式");
	}
}

$("#pay-type").click(function(){
	var pay_config = $("#pay_config").val();
	if(pay_config == 1){
		$(".shade").show();
		$(".popup").show();
	}else{
		showBox("商家未配置支付方式");
	}
})

$(".ali-pay").click(function() {
	$(".shade").hide();
	$(".popup").hide();
	$("#pay_type").val(1);
	$("#alipay").html("<img src='" + __IMG__ + "/segou.png'>");
	$("#wchatpay").html("<img src='" + __IMG__ + "/hgou.png'>");
	$("#pay-text").html("支付宝支付");
})

$(".wchat-weixin").click(function() {
	$(".shade").hide();
	$(".popup").hide();
	$("#pay_type").val(0);
	$("#alipay").html("<img src='" + __IMG__ + "/hgou.png'>");
	$("#wchatpay").html("<img src='" + __IMG__ + "/segou.png'>");
	$("#pay-text").html("微信支付");
})

$("#close").click(function(){
	$(".shade").hide();
	$(".popup").hide();
})
</script>
{/block}
{block name="bottom"} {/block}