{extend name="default/base" /}
{block name="title"}支付订单 - {__block__}{/block}
{block name="css"}
<link rel="stylesheet" href="__MOBILE__/css/orders.css?v={$v}">
{/block}
{block name="header"}
<header class="weui-header wst-header">
	<div class="weui-header-left"><a class="icon icon-return" href="{:url('mobile/orders/index')}"></a></div>
	<h1 class="weui-header-title">支付订单</h1>
</header>
{/block}
{block name="main"}
<input type="hidden" value="{:WSTConf('CONF.pwdModulusKey')}" id="key" autocomplete="off">
<input type="hidden" value="{$data['orderId']}" id="orderId" autocomplete="off">
<section class="wst-container">
	<div class="wst-pa-goods">
		<div class="time">订单号：{$data['orderNo']}<a href="javascript:void(0);">邮费：{$data['deliverMoney']}</div>
		{volist name="$data['goods']" id="li"}
		<div class="goods">
			<div class="list-i wst-flex-row wst-ac">
				<div class="img"><a href="javascript:void(0);"><img src="__ROOT__/{:WSTConf('CONF.goodsLogo')}" data-echo="__ROOT__/{$li['goodsImg']}" title="{$li['goodsName']}"></a></div>
				<div class="info">
					<p class="name wst-nowrap-multi">{$li['goodsName']}</p>
					<div class="wst-flex-row wst-jsb wst-ac">
						<p class="num">数量：×1</p>
						<div class="list-r">¥ {$li['goodsPrice']}</div>
					</div>
				</div>
				<div class="wst-clear"></div>
			</div>

		</div>
		{/volist}
		<div class="cost">总金额<span>¥ {php}echo sprintf("%.2f", $data['totalMoney']);{/php}</span></div>
	</div>
	<div class="wst-pa-goods" style="margin-top:0.1rem;">
		<div class="wst-flex-row wst-jsb wst-ac">
			<div class="user">钱包余额：<span>¥ {$userMoney}</span></div>
			<div class="user">待支付订单总额：<span>¥ {$needPay}</span></div>
		</div>
		{if($userMoney>$needPay)}
		{if($payPwd==0)}
		<p class="pay-info">您尚未设置支付密码，请设置支付密码</p>
		<div class="pass">设置密码：<input id="payPwd" type="password" maxlength="6" autocomplete="off"></div>
		<div class="pass">确认密码：<input id="payPwd2" type="password" maxlength="6" autocomplete="off"></div>
		{else}
		<div class="pass">支付密码：<input id="payPwd" type="password" maxlength="6" autocomplete="off"></div>
		{/if}
		{/if}
	</div>

	{if($payPwd==1 && $userMoney>$needPay)}<div class="wst-pa-retrieve"><a href='{:url('mobile/users/backpaypass')}'>忘记密码？</a></div>{/if}
	<div class="wst-pa-button">
		{if($userMoney>$needPay)}
		<button class="button " id="pay-button" type="button" onclick="javascript:walletPay({$payPwd});">确认支付</button>
		{else}
		<button class="button btn-gray" type="button" disabled>余额不足</button>
		{/if}
	</div>
</section>
<div class="wst-loading">
	<div class="weui-mask_transparent"></div>
	<div class="weui-toast">
	    <i class="weui-loading weui-icon_toast"></i>
	    <p class="weui-toast__content" id="wst-loading-prompt"></p>
	</div>
</div>
{/block}
{block name="footer"}{/block}
{block name="js"}
<script type="text/javascript" src="__STATIC__/js/rsa.js"></script>
<script type='text/javascript' src='__MOBILE__/users/orders/orders.js?v={$v}'></script>
{/block}