{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 style="background:#ffffff;" class="ui-header ui-header-positive wst-header">
    	<a href="{:url('mobile/carts/index')}"><i class="ui-icon-return"></i></a><h1>确认订单</h1>
    </header>
{php}$freight = 0;{/php}
{/block}
{block name="main"}
    {php}
	if($carts['isFreeShipping']){
       $freight = 0;
    }else{
		if(!empty($userAddress)){
			$freight = WSTOrderFreight($userAddress['areaId2']);
		}else{
			$freight = WSTOrderFreight(0);
		}
	}
	{/php}
	 <input type="hidden" name="" value="1" id="sign" autocomplete="off">
     <section class="ui-container">
		<ul class="ui-list ui-list-text ui-list-link wst-se-address">
			<input type="hidden" name="" value="{if isset($userAddress['addressId']) }{$userAddress['addressId']}{/if}" id="addressId" autocomplete="off">
		    <input type="hidden" name="" value="{if isset($userAddress['addressId']) }{$userAddress['areaId2']}{/if}" id="areaId" autocomplete="off">
		    
		    {if empty($userAddress)}
		    <li onclick="javascript:addAddress(1);"><h4><p class="infono">您还没添加收货地址，请添加。</p></h4></li>
		    {else}
		    <li onclick="javascript:addAddress(1,{$userAddress['addressId']});"><h5>
		    	<p class="infot">{$userAddress['userName']}    {$userAddress['userPhone']}</p>
		    	<p class="infob"><i class="ui-icon-pin"></i>{$userAddress['areaName']}{$userAddress['userAddress']}</p>
		    </h5></li>
		    {/if}
		    
		</ul>
		
		<div class="wst-se-sh">
			{volist name="$carts['carts']" id="ca"}
			{:hook('mobileDocumentSettlementGoodsPromotion',['goods'=>$ca])}
			<ul class="ui-row goods">
			    <li class="ui-col ui-col-25">
			    	<div class="img j-imgAdapt">
				    	<a href="javascript:void(0);" onclick="javascript:WST.intoGoods({$ca['goodsId']});">
				    	<img src="__RESOURCE_PATH__/{:WSTConf('CONF.goodsLogo')}" data-echo="__RESOURCE_PATH__/{:WSTImg($ca['goodsImg'],3)}" title="{$ca['goodsName']|WSTStripTags}">
				    	</a>
			    	</div>
			    </li>
			    <li class="ui-col ui-col-75">
			    	<ul class="ui-row info">
			    		<li class="ui-col ui-col-75">
			    			<div class="name"><p class="names">{$ca['goodsName']}</p>
			    			{if($ca['specNames'])}
			    			<p class="spec">规格：
			    			{volist name="ca['specNames']" id="sp"}
								{$sp['catName']}:{$sp['itemName']}
							{/volist}
			    			</p>
			    			{/if}</div>
			    		</li>
					    <li class="ui-col ui-col-25"><p class="price">¥{$ca['shopPrice']}</p><p class="number">×{$ca['cartNum']}</p></li>
					</ul>
			    </li>
			</ul>
			{/volist}
			{:hook('mobileDocumentCartShopPromotion',$carts)}
			<div class="remarks">
			<textarea id="remark" autocomplete="off" placeholder="填写订单备注："></textarea>
			</div>
		</div>
		
		<ul class="ui-list ui-list-text ui-list-link ui-list-active wst-se-mode" style='margin-bottom:0.95rem'>
		    <li class="mode" onclick="javascript:dataShow('payments');">
		        <h4 class="ui-nowrap">支付方式</h4>
		        <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>
		    </li>
		    <li class="mode" onclick="javascript:dataShow('gives');">
		        <h4 class="ui-nowrap">配送方式</h4>
		        <div class="ui-txt-info" id="givest">快递运输</div>
		    </li>
		    
		    <li class="{if(WSTConf('CONF.isOpenScorePay')==1)}mode{/if}" onclick="javascript:getInvoiceList();">
		        <h4 class="ui-nowrap">发票信息</h4>
		        <div class="ui-txt-info" id="invoicest">不开发票</div>
		    </li>

		    {if(WSTConf('CONF.isOpenScorePay')==1)}
		   	<li onclick="javascript:dataShow('score');">
		        <h4 class="ui-nowrap">积分支付</h4>
		        <div class="ui-txt-info" id="scoret">否</div>
		    </li>
		    {/if}
		    <div class="cost">
		    	<div>商品合计：<span id="goodsMoney">¥{php}echo sprintf("%.2f", $carts['goodsTotalMoney']);{/php}</span></div>
				<div>运费：<span id="shopFreight">¥{php}echo sprintf("%.2f", $freight);{/php}</span></div>
				<div {if WSTConf('CONF.isOrderScore')!=1 }style='display:none'{/if}>可获得积分：<span class="integral" id='orderScore'>{:WSTMoneyGiftScore($carts["goodsTotalMoney"]-$carts['promotionMoney'],0)}</span></div>
			</div>
		</ul>
     </section>
{/block}
{block name="footer"}
		{/* 大加载 */}
		<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>
        <footer class="ui-footer wst-footer-btns" style="height:85px; border-top: 1px solid #e8e8e8;" id="footer">
        	<input type="hidden" name="" value="{php}echo sprintf("%.2f", $carts["goodsTotalMoney"]+$freight);{/php}" id="totalPrice" autocomplete="off">
			<div class="wst-se-total">应付总金额(含运费)：<span id="totalMoney">
			¥{php}echo sprintf("%.2f", $carts["goodsTotalMoney"]+$freight-$carts['promotionMoney']);{/php}
             </span></div>
			<div class="wst-se-confirm"><button class="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}{${block name="footer"}
		
		{/* 大加载 */}
		<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>
        <footer class="ui-footer wst-footer-btns" style="height:85px; border-top: 1px solid #e8e8e8;" id="footer">
        	<input type="hidden" name="" value="{php}echo sprintf("%.2f", $carts["goodsTotalMoney"]+$freight);{/php}" id="totalPrice" autocomplete="off">
			<div class="wst-se-total">应付总金额(含运费)：<span id="totalMoney">
			¥{php}echo sprintf("%.2f", $carts["goodsTotalMoney"]+$freight-$carts['promotionMoney']);{/php}
             </span></div>
			<div class="wst-se-confirm"><button class="button" onclick="javascript:submitOrder();">确定</button></div>
        </footer>
{/block}['0']['0']['payCode']}{/if}" id="paymentsw" autocomplete="off">
<div class="wst-fr-box frame" id="payments">
	<div class="title"><span>支付方式</span><i class="ui-icon-close-page" onclick="javascript:dataHide('payments');"></i><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'}
          <ul class="ui-list" onclick="javascript:onSwitch(this);" style="border-bottom: 1px solid #f2f1f1;">
             <li><div class="wst-list-infose1" style="padding-left: 25px;"><i class="{$paymentitem['payCode']}"></i><span>{$paymentitem['payName']}</span></div></li>
             <i class="ui-icon-push payments_{$paymentitem['payCode']} ui-icon-checked-s" payCode="{$paymentitem['payCode']}" mode="{$paymentitem['isOnline']}" word="{$paymentitem['payName']}"></i>
          </ul>
          {php}$paymentkey++;{/php}
          {/volist}
       {/volist}
    {/if}
	</div>
	<button class="button" onclick="javascript:inDetermine('payments');">确定</button>
</div>
{/if}
{/* 配送方式 */}
<input type="hidden" name="" value="0" id="givesh" autocomplete="off">
<div class="wst-fr-box frame" id="gives">
	<div class="title"><span>配送方式</span><i class="ui-icon-close-page" onclick="javascript:dataHide('gives');"></i><div class="wst-clear"></div></div>
	<div class="content" id="content">
         <ul class="ui-list" onclick="javascript:onSwitch(this);">
             <li><div class="wst-list-infose1"><span>快递运输</span></div></li>
             <i class="ui-icon-push gives0 ui-icon-checked-s wst-active" mode="0" word="快递运输"></i>
         </ul>
		 <div class="wst-se-line"><p></p></div>
         <ul class="ui-list" onclick="javascript:onSwitch(this);">
             <li><div class="wst-list-infose1"><span>自提</span></div></li>
             <i class="ui-icon-push gives1 ui-icon-unchecked-s" mode="1" word="自提"></i>
         </ul>
	</div>
	<button class="button" onclick="javascript:inDetermine('gives');">确定</button>
</div>
{/* 用户发票列表  */}
<script type="text/html" id="invoiceBox">
	{{# for(var i = 0; i < d.length; i++){ }}
	<li class="{{ d[i].invoiceType==0?'j-normal':'j-special'  }}"
		invType="{{d[i].invoiceType}}"
		invId="{{d[i].id}}"
		invCode="{{d[i].invoiceCode}}">{{d[i].invoiceHead}}</li>
	{{# } }}
</script>

{/* 发票信息层  */}
<div class="invoice_box" id="frame">
    <div class="title" id="boxTitle"><span>发票信息</span><i class="ui-icon-close-page" onclick="javascript:invoiceHide();"></i><div class="wst-clear"></div></div>
    <div class="content" id="invoice_content">
		<div class="inv_item">
			<div class="inv_tit">发票类型</div>
			<div class="ui-list inv_ul wst-flex-row" id="j-normal-btn" onclick="javascript:invTypeSwitch(this,0);">
				<i class="ui-icon-push invoices0 ui-icon-checked-s wst-active inv_chk" mode="0" word="普通发票"></i>
				<div class="pdtb10 inv_type"><span>普通发票</span></div>
			</div>
			<div class="ui-list inv_ul wst-flex-row" id="j-special-btn" onclick="javascript:invTypeSwitch(this,1);">
				<i class="ui-icon-push invoices1 ui-icon-unchecked-s inv_chk" mode="1" word="专用发票"></i>
				<div class="pdtb10 inv_type"><span>专用发票</span></div>
			</div>
			<div class="wst-clear"></div>
		</div>
		<div class="inv_item" id="j-special-box">
			<div class="special_inv_hidebox" style="display: block">
				<div class="inv_head_inputbox">
					<input class="inv_head_input" readonly type="text" id="special_invoice_head" placeholder="请选择发票" />
					<div id="special_inv_headlist">
						<ul class="inv_list_item">
						</ul>
					</div>
				</div>
			</div>
		</div>
		<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>
			<ul class="ui-list inv_ul" onclick="javascript:invOnSwitch(this,0);">
	             <li><div class="pdtb10"><span>个人</span></div></li>
	             <i class="ui-icon-push invoices0 ui-icon-checked-s wst-active inv_chk" mode="0" word="个人"></i>
	        </ul>
	        <ul class="ui-list inv_ul" onclick="javascript:invOnSwitch(this,1);">
	             <li><div class="pdtb10"><span>单位</span></div></li>
	             <i class="ui-icon-push invoices1 ui-icon-unchecked-s inv_chk" mode="1" word="单位"></i>
	        </ul>
	        <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">
			<input type="hidden" id="isInvoice" value="0" />
			<div class="inv_tit inv_line">发票内容</div>
			<ul class="ui-list inv_ul" onclick="javascript:isInvoice(this,0);">
	             <li><div class="pdtb10"><span>不开发票</span></div></li>
	             <i class="ui-icon-push invoices0 ui-icon-checked-s wst-active inv_chk" mode="0" word="不开发票"></i>
	        </ul>
	        <ul class="ui-list inv_ul" onclick="javascript:isInvoice(this,1);">
	             <li><div class="pdtb10"><span>明细</span></div></li>
	             <i class="ui-icon-push invoices1 ui-icon-unchecked-s inv_chk" mode="1" word="明细"></i>
	        </ul>
	        <div class="wst-clear"></div>
		</div>

		<ul class="inv_tip">
			<li><i>·</i>发票金额含优惠券和积分支付部分</li>
		</ul>
		<button class="button" onclick="javascript:saveInvoice();">确定</button>
    </div>
</div>
{/* 积分支付 */}
{if(WSTConf('CONF.isOpenScorePay')==1)}
<input type="hidden" name="" value="0" id="scoreh" autocomplete="off">
<div class="wst-fr-box frame" id="score">
	<div class="title"><span>积分支付</span><i class="ui-icon-close-page" onclick="javascript:dataHide('score');"></i><div class="wst-clear"></div></div>
	<div class="content" id="content">
         <ul class="ui-list" onclick="javascript:onSwitch(this);">
             <li><div class="wst-list-infose1"><span>是</span></div></li>
             <i class="ui-icon-push score1 ui-icon-checked-s wst-active" mode="1" word="是"></i>
         </ul>
		 <div class="wst-se-line"><p></p></div>
         <ul class="ui-list" onclick="javascript:onSwitch(this);">
             <li><div class="wst-list-infose1"><span>否</span></div></li>
             <i class="ui-icon-push score0 ui-icon-unchecked-s" mode="0" word="否"></i>
         </ul>
         <div class="wst-fr-score">（可用<span id="userOrderScore">{$userOrderScore}</span>个积分，可抵<span>¥<span id="userOrderMoney">{$userOrderMoney}</span></span>）</div>
	</div>
	<button class="button" onclick="javascript:inDetermine('score');">确定</button>
</div>
{/if}
{/block}
{block name="js"}
<script type='text/javascript' src='__MOBILE__/js/jquery.min.js'></script>
<script type='text/javascript' src='__MOBILE__/js/settlement.js?v={$v}'></script>
{/block}