{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 style="background:#ffffff;" class="ui-header ui-header-positive ui-border-b wst-header">
        <a class="ui-icon-return" href='{:Url('mobile/orders/index')}'></a><h1>支付订单</h1>
    </header>
{/block}
{block name="main"}
   	{/* 大加载 */}
	<div class="ui-loading-block" id="Loadl">
	    <div class="ui-loading-cnt">
	        <i class="ui-loading-bright"></i>
	        <p id="j-Loadl">正在加载中...</p>
	    </div>
	</div>
	<section class="ui-container">
	{if(empty($message))}
		<input type="hidden" name="" value="{$pkey}" id="pkey" autocomplete="off">
	  	<div class="order-item">
	  		<div class="ui-row-flex ui-whitespace item-head">
	   			<div class="ui-col ui-col-2 ui-nowrap-flex">订单号：{$rs['orderNo']}<span style="float : right;">邮费：{$rs['deliverMoney']}</span></div>
	 		</div>
	     	{volist name="$rs['goods']" id="vo"}
	 		<div class="ui-row-flex">
	      		<div class="ui-col">
	            	<img src="__RESOURCE_PATH__/{$vo['goodsImg']}" class="o-Img">
	       		</div>
	         	<div class="ui-col ui-col-3 o-gInfo">
	         		<p class="o-gName ui-nowrap-multi">{$vo['goodsName']}</p>
					{if condition="count($vo['goodsSpecNames']) gt 0"}
	               	<p class="o-gSpec ui-nowrap-flex">规格：
	              		{volist name="$vo['goodsSpecNames']" id="spec"}
					   		{$spec}&nbsp;
						{/volist}
					</p>
	      			{/if}
	       		</div>
				<div class="ui-col order-tr" style="word-break:break-all;padding:5px 0"><p>¥ {$vo['goodsPrice']}</p><p>x {$vo['goodsNum']}</p></div>
	 		</div>
	        {/volist}
	
	      	<div class="ui-btn-wrap" style="text-align: right;">
	        	<span class="wst-orders_pricet">总金额：<span class="wst-orders_prices">¥<?php echo sprintf("%.2f", $rs['totalMoney']);?></span></span>
	      	</div>
	      	<div class="wst-clear"></div>
		</div>
	    <div class="wst-wa-info">
	    	<p class="info">钱包余额：<span>￥{$userMoney}</span>，待支付订单总额：<span>￥{$needPay}</span></p>
	    	{if($userMoney>$rs['totalMoney'])}
	    	{if($payPwd==0)}
	    		<p class="pay-info">您尚未设置支付密码，请设置支付密码</p>
	    		<div class="pay">设置密码：<input type="password" id="payPwd" maxlength="6" autocomplete="off"></div>
	    		<div class="pay">确认密码：<input type="password" id="payPwd2" maxlength="6" autocomplete="off"></div>
	    	{else}
	    		<div class="pay">支付密码：<input type="password" id="payPwd" maxlength="6" autocomplete="off"></div>
	    	{/if}
	    	{/if}
	    </div>
	    {if($payPwd==1 && $userMoney>$rs['totalMoney'])}<div class="wst-wa-forget ui-whitespace"><a href="{:url('mobile/users/backPayPass')}">忘记密码？</a></div>{/if}
		<div style="text-align: center;">
			{if($userMoney>$rs['totalMoney'])}
				<button type="button" class="ui-btn-lg wst-btn-dangerlo" onclick="javascript:walletPay({$payPwd});" style="width: 80%;  display: inline-block;">确认支付</button>
			{else}
				<button type="button" class="ui-btn-lg wst-btn-dangerlo" style="width: 80%;  display: inline-block;" disabled>余额不足</button>
			{/if}
		</div>
	{else}
		<ul class="ui-row-flex wst-flexslp">
			<li class="ui-col ui-flex ui-flex-pack-center">
			<p>{$message}</p>
			</li>
		</ul>
	{/if}
	</section>
{/block}
{block name="footer"}{/block}
{block name="js"}
<script type='text/javascript' src='__MOBILE__/js/jquery.min.js'></script>
<script type='text/javascript' src='__MOBILE__/users/orders/orders_list.js?v={$v}'></script>
<script>
$(document).ready(function(){
	backPrevPage(WST.U('mobile/orders/index'));
});
</script>
{/block}