{extend name="wap/default/base" /}
{block name="resources"}
<link rel="stylesheet" type="text/css" href="__TEMP__/{$style}/public/css/member_balance.css">
<style type="text/css">
.ns-table td {
	width: 100%;
}

.ns-lf {
	float: left;
}

.ns-rg {
	color: red;
	font-size: 14px;
	float: right;
}

.ns-rg-time {
	font-size: 14px;
	float: right
}
</style>
<script type="text/javascript">
window.onerror = function() {
	return true;
}
function calculateRecharge(){
	var pay_no = $("#pay_no").val();
	var pay_money = $("#pay_money").val();
	if(pay_money < 0){
		$("#pay_money").val(0);
		return false;
	}
    $.ajax({
        url: "APP_MAIN/Member/createRechargeOrder",
        type: "post",              
        async: false,
        data: { "recharge_money": pay_money, "out_trade_no": pay_no},
        dataType: "json",
        success: function (response) {
        	if(response.code>0){
        		window.location.href = "APP_MAIN/pay/getPayValue?out_trade_no="+pay_no;
         	}else{
         		showBox('充值失败');
         	}
        }
    });
}
</script>
{/block}
{block name="goodsHead"}
<section class="head">
	<a class="head_back" id="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 id="main" class="detail-main">
	<div class="payment"><span>金额</span><input class="pay-money" id="pay_money"  type="number" placeholder ="请输入充值金额"></div>
	<input type="hidden" id="pay_no" value="{$pay_no}">
	<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="calculateRecharge()">确认支付</button>
	</section>
</div>

{/block}
{block name="bottom"}{/block}