{extend name="default/base" /}
{block name="title"}确认订单 - {__block__}{/block}
{block name="css"}
<link rel="stylesheet"  href="__MOBILE__/css/settlement.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/carts/index')}"></a></div>
	<h1 class="weui-header-title">确认订单</h1>
</header>  
{/block}
{block name="main"}
{if($carts['carts'])}
<section class="wst-container">
	<div class="wst-se-address">
		{if($userAddress)}
		<input type="hidden" name="" value="{$userAddress['addressId']}" id="addressId" autocomplete="off">
		<div class="weui_cells weui_cells_access address">
		   	<a class="weui_cell" href="{:url('mobile/useraddress/index',['type'=>'1','addressId'=>$userAddress['addressId']])}">
		        <div class="weui_cell_bd weui_cell_primary">
					<p class="name wst-nowrap">{$userAddress['userName']}<span class="user-phone">{$userAddress['userPhone']}</span></p>
		            <p class="detailed wst-nowrap">{$userAddress['areaName2']}{$userAddress['userAddress']}{$userAddress['doorNum']}</p>
		        </div>
				<i class="icon-right-arrow"></i>
		    </a>   
	    </div>
		{else}
		<div class="wst-flex-row wst-ac wst-jsb empty-address" onclick="javascript:location.href=WST.U('mobile/useraddress/index','type=1')">
			<p>您还没添加收货地址，请添加。</p>
			<i class="icon-right-arrow"></i>
		</div>
		{/if}
	</div>
	<div class="wst-se-time wst-flex-row wst-jsb wst-ac">
		<span>配送时间</span>
		<div class="wst-flex-row wst-ac">
			<div id="j-select-time" onclick="javascript:shtime(1);">请选择配送时间</div>
			<i class="icon-right-arrow"></i>
		</div>
	</div>
	<div class="wst-se-goods">
		<div class="title">商品清单</div>
		{volist name="carts['carts']" 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">数量：×{$li['cartNum']}</p>
						<div class="list-r">¥ {$li['shopPrice']}</div>
					</div>
				</div>
				<div class="wst-clear"></div>
			</div>

		</div>
		{/volist}
		<div>{:hook('mobileDocumentCartShopPromotion',['cartGoods'=>$carts['carts']])}</div>
		<div class="cost" id="st">商品金额<span id="goodsMoney">¥ {php}echo sprintf("%.2f", $carts['goodsTotalMoney']);{/php}</span></div>
		<div class="cost">运费<span id="freight">+ ¥ {php}echo sprintf("%.2f", $carts['freight']);{/php}</span></div>
		<div class="wst-se-mode wst-flex-row wst-jsb wst-ac" onclick="javascript:dataShow('gives');">
			<h4>配送方式</h4>
			<div class="wst-flex-row wst-jfe wst-ac mode-content">
				<div class="ui-txt-info" id="givest">快递运输</div>
				<i class="icon-right-arrow"></i>
			</div>
		</div>
		<div class="wst-se-mode wst-flex-row wst-jsb wst-ac" onclick="javascript:listInvoice();">
			<h4>发票抬头</h4>
			<div class="wst-flex-row wst-jfe wst-ac mode-content">
				<div class="ui-txt-info" id="invoicest">不开发票</div>
				<i class="icon-right-arrow"></i>
			</div>
		</div>
		<div class="remarks wst-flex-row wst-jsb wst-ac">
			<span >备注</span>
			<input id="remark" maxlength="100" autocomplete="off" placeholder="填写订单备注" />
		</div>
	</div>
	<div class="weui_cells weui_cells_access wst-se-term">
		<div class="wst-se-mode wst-flex-row wst-jsb wst-ac" onclick="javascript:dataShow('payments');">
			<h4>支付方式</h4>
			<div class="wst-flex-row wst-jfe wst-ac mode-content">
				<div class="ui-txt-info" id="paymentst">{if !empty($payments['0']) || !empty($payments['1'])}{if !empty($payments['1'])}{$payments['1']['0']['payName']}{else}{$payments['0']['0']['payName']}{/if}{else}无{/if}</div>
				<i class="icon-right-arrow"></i>
			</div>
		</div>

	    <input type="hidden" name="" value="{$userOrderScore}" id="userOrderScore" autocomplete="off">
		<input type="hidden" name="" value="{$userOrderMoney}" id="userOrderMoney" autocomplete="off">
		<input type="hidden" name="" value="0" id="type-score" autocomplete="off">
	    {if(WSTConf('CONF.isOpenScorePay')==1)}
		<div class="wst-se-mode wst-flex-row wst-jsb wst-ac" onclick="javascript:dataShow('score');">
			<h4>积分支付</h4>
			<div class="wst-flex-row wst-jfe wst-ac mode-content">
				<div class="ui-txt-info" id="scoret">否</div>
				<i class="icon-right-arrow"></i>
			</div>
		</div>
	    {/if}                                  
	</div>
</section>
<div class="weui_mask"></div>
<div class="weui-custom-pop">
	<div class="close" onclick="shtime(0)"><i class="icon icon-95 f25"></i></div>
   	<div class="weui-custom-hd">配送时间</div>
	<div class="weui_cell weui_cell_select">
		<div class="weui_cell_primary">
			<select class="weui_select" id="requireTime" onchange="javascript:time2(this.value);">
			</select>
		</div>
		<div class="weui_cell_primary">
			<select class="weui_select" id="requireTime2">
			</select>
		</div>
    </div>
   	<div class="weui-custom-ft">
   		<a href="javascript:shtime(0);">取消</a>
   		<a href="javascript:confirmTime();">确定</a>
   	</div>
</div>

{/if}
{/block}
{block name="footer"}
	<footer class="wst-se-footer wst-flex-row wst-jsb wst-ac">
		<div>
			<p class="total" id="total">合计：<span>¥ <span id="totalMoney">{php}echo sprintf("%.2f", $carts['goodsTotalMoney']+$carts['freight']);{/php}</span></span></p>
		</div>
		<div>
			<button class="button btn-red" id="submitOrder" type="button" onclick="javascript:submitOrder();">提交订单</button>
		</div>
	</footer>
{/block}
{block name="include"}
{/* 遮盖层  */}
<div class="wst-cover" id="cover"></div>
{/* 支付方式 */}
{if !empty($payments['0']) || !empty($payments['1'])}
<input type="hidden" name="" value="{if !empty($payments['1'])}1{else}0{/if}" id="paymentsh" autocomplete="off">
<input type="hidden" name="" value="{if !empty($payments['1'])}{$payments['1']['0']['payCode']}{else}{$payments['0']['0']['payCode']}{/if}" id="paymentsw" autocomplete="off">
<div class="wst-fr-box frame" id="payments">
	<div class="title"><span>支付方式</span><div class="wst-clear"></div></div>
	<div class="content" id="content">
		{if !empty($payments)}
		{php}$paymentkey = 0;{/php}
		{volist name='$payments' id='paymentvo'}
		{volist name='$paymentvo' id='paymentitem'}
		<div class="fr-list wst-flex-row wst-jsb wst-ac" onclick="javascript:onSwitch(this);" >
			<div class="wst-list-infose1 wst-flex-row wst-ac"><i class="{$paymentitem['payCode']}"></i><span>{$paymentitem['payName']}</span></div>
			<i class="ui-icon-push payments_{$paymentitem['payCode']} weui_icon_circle" payCode="{$paymentitem['payCode']}" mode="{$paymentitem['isOnline']}" word="{$paymentitem['payName']}"></i>
		</div>
		{php}$paymentkey++;{/php}
		{/volist}
		{/volist}
		{/if}
	</div>
	<div class="bottom-two-btn-box wst-flex-row wst-center">
		<button type="button" class="button wst-dialog-b1" onclick="javascript:dataHide('payments');">取消</button>
		<button type="button" class="button wst-dialog-b2" onclick="javascript:inDetermine('payments');">确定</button>
	</div>
</div>
{/if}

{/* 用户发票列表  */}
<script type="text/html" id="invoiceBox">
	{{# for(var i = 0; i < d.length; i++){ }}
	<li class="j-normal"
		invId="{{d[i].id}}"
		invCode="{{d[i].invoiceCode}}">{{d[i].invoiceHead}}</li>
	{{# } }}
</script>
{/* 发票 */}
<div class="wst-fr-box" id="frame" >
	<div class="title" id="boxTitle"><span>发票信息</span><div class="wst-clear"></div></div>
	<div class="content" id="invoice_content" style="height:4.32rem;">
		<input type="hidden" id="invoiceId" value="0" />
		<input type="hidden" id="invoiceType" value="0" class='j-ipt' />
		<div class="inv_item" id='j-normal-box'>
			<div class="inv_tit">发票抬头</div>
			<div class="ui-list inv_ul wst-flex-row wst-ac" onclick="javascript:invOnSwitch(this,0);">
				<i class="ui-icon-push invoices0 weui_icon_success inv_chk" mode="0" word="个人"></i>
				<div class="pdtb10"><span>个人</span></div>
			</div>
			<div class="ui-list inv_ul wst-flex-row wst-ac" onclick="javascript:invOnSwitch(this,1);">
				<i class="ui-icon-push invoices1 weui_icon_circle inv_chk" mode="1" word="单位"></i>
				<div class="pdtb10"><span>单位</span></div>
			</div>
			<input type="hidden" id="invoice_obj" value="0" />
			<div class="wst-clear"></div>

			<div class="inv_hidebox">
				<div class="inv_head_inputbox">
					<input class="inv_head_input" type="text" id="invoice_head" placeholder="请填写单位名称" />
					<div id="inv_headlist">
						<ul class="inv_list_item">
						</ul>
					</div>
				</div>
				<div class="inv_code_inputbox">
					<input class="inv_code_input" type="text" id="invoice_code" placeholder="请填写纳税人识别码" />
				</div>
			</div>
		</div>
		<div class="inv_item">
			<div class="inv_tit">发票内容</div>
			<div class="wst-flex-row">
				<input type="hidden" id="isInvoice" value="0"/>
				<div class="ui-list inv_ul none_float wst-flex-row wst-ac" onclick="javascript:isInvoice(this,0);">
					<i class="ui-icon-push invoices0 weui_icon_success inv_chk" mode="0" word="不开发票"></i>
					<div class="pdtb10"><span>不开发票</span></div>
				</div>
				<div class="ui-list inv_ul none_float wst-flex-row wst-ac" onclick="javascript:isInvoice(this,1);">
					<i class="ui-icon-push invoices1 weui_icon_circle inv_chk" mode="1" word="明细"></i>
					<div class="pdtb10"><span>明细</span></div>
				</div>
			</div>
			<div class="wst-clear"></div>
		</div>

		<ul class="inv_tip">
			<li>发票金额不包含优惠券和积分支付部分</li>
			<li>第三方卖家销售的商品发票由商家开具、寄出、发票内容由商家决定</li>
		</ul>
	</div>
	<div class="bottom-two-btn-box wst-flex-row wst-center">
		<button type="button" class="button wst-dialog-b1" onclick="javascript:invoiceHide();">取消</button>
		<button type="button" class="button wst-dialog-b2" onclick="javascript:saveInvoice();">确定</button>
	</div>
</div>

{/* 配送方式 */}
<input type="hidden" name="" value="0" id="givesh" autocomplete="off">
<div class="wst-fr-box frame" id="gives">
	<div class="title"><span>配送方式</span><div class="wst-clear"></div></div>
	<div class="content" id="content">
		<div class="fr-list wst-flex-row wst-jsb wst-ac" onclick="javascript:onSwitch(this);">
			<div class="wst-list-infose1 wst-flex-row wst-ac"><span>快递运输</span></div>
			<i class="ui-icon-push gives0 weui_icon_success" mode="0" word="快递运输"></i>
		</div>
		<div class="fr-list wst-flex-row wst-jsb wst-ac" onclick="javascript:onSwitch(this);">
			<div class="wst-list-infose1 wst-flex-row wst-ac"><span>自提</span></div>
			<i class="ui-icon-push gives1 weui_icon_circle" mode="1" word="自提"></i>
		</div>
	</div>
	<div class="bottom-two-btn-box wst-flex-row wst-center">
		<button type="button" class="button wst-dialog-b1" onclick="javascript:dataHide('gives');">取消</button>
		<button type="button" class="button wst-dialog-b2" onclick="javascript:inDetermine('gives');">确定</button>
	</div>
</div>
{/* 积分支付 */}
<input type="hidden" name="" value="0" id="scoreh" autocomplete="off">
<div class="wst-fr-box frame" id="score">
	<div class="title"><span>积分支付</span><div class="wst-clear"></div></div>
	<div class="content" id="content">
		<div class="fr-list wst-flex-row wst-jsb wst-ac" onclick="javascript:onSwitch(this);">
			<div class="wst-list-infose1 wst-flex-row wst-ac"><span>是</span></div>
			<i class="ui-icon-push score1 weui_icon_circle" mode="1" word="是"></i>
		</div>
		<div class="fr-list wst-flex-row wst-jsb wst-ac" onclick="javascript:onSwitch(this);">
			<div class="wst-list-infose1 wst-flex-row wst-ac"><span>否</span></div>
			<i class="ui-icon-push score0 weui_icon_success" mode="0" word="否"></i>
		</div>
		<div class="wst-fr-score">（可用<span id="userOrderScore">{$userOrderScore}</span>个积分，可抵<span>¥<span id="userOrderMoney">{$userOrderMoney}</span></span>）</div>
	</div>
	<div class="bottom-two-btn-box wst-flex-row wst-center">
		<button type="button" class="button wst-dialog-b1" onclick="javascript:dataHide('score');">取消</button>
		<button type="button" class="button wst-dialog-b2" onclick="javascript:inDetermine('score');">确定</button>
	</div>
</div>
{/block}
{block name="js"}
<script type='text/javascript' src='__STATIC__/plugins/weui/js/picker.js'></script>
<script type='text/javascript' src='__STATIC__/plugins/weui/js/select.js'></script>
<script type='text/javascript' src='__MOBILE__/js/settlement.js?v={$v}'></script>
<script>
var payment = <?=json_encode($payments)?>;
</script>
{/block}