{extend name="default/base" /}
{block name="title"}购物车 - {__block__}{/block}
{block name="css"}
<link rel="stylesheet"  href="__MOBILE__/css/carts.css?v={$v}">
{/block}
{block name="header"}
       <header style="background:#ffffff;" class="ui-header ui-header-positive wst-header">
       	   <a class="ui-icon-return" href="{:url('mobile/index/index')}"></a><h1>购物车</h1>
       	   {if(count($carts['carts'])>0)}<span id="edit" class="edit" onclick="javascript:edit(0);">编辑</span><span id="complete" class="edit" onclick="javascript:edit(1);" style="display: none;">完成</span>
       	   <div class="wst-ca-more" onclick="javascript:inMore();">···</div>
       	   {/if}
       </header>
        <div class="wst-go-more" id="arrow" style="display: none;"><i class="arrow"></i>
	    	<ul class="ui-row ui-list-active more">
			    <li class="ui-col"><div class="column line"><a href="{:url('mobile/index/index')}"><i class="home"></i><p>首页</p></a></div></li>
			    <li class="ui-col"><div class="column line"><a href="{:url('mobile/goodscats/index')}"><i class="category"></i><p>分类</p></a></div></li>
			    <li class="ui-col"><div class="column line"><a href="{:url('mobile/favorites/goods')}"><i class="follow"></i><p>关注</p></a></div></li>
			    <li class="ui-col"><div class="column"><a href="{:url('mobile/users/index')}"><i class="user"></i><p>我的</p></a></div></li>
			</ul>
	    </div>
	    <div class="wst-ca-layer" id="layer" onclick="javascript:inMore();"></div>
{/block}
{block name="footer"}
{if(count($carts['carts'])>0)}
        <footer class="ui-footer wst-footer-btns" style="height:42px; border-top: 1px solid #e8e8e8;bottom:0px;" id="footer">
			<div class="wst-ca-se">
			<div class="wst-ca-layout">
				<div class="wst-ca-10 totall"><i class="ui-icon-choose ui-icon-unchecked-s" cartId="0" mval="0"></i>&nbsp;</div>
				<div class="wst-ca-90 totalr">
					<span>全选</span>
					<button id="settlement" class="button" type="button" onclick="javascript:toSettlement();">结算</button>
					<button id="delete" class="button" type="button" onclick="javascript:deletes();" style="display: none;">删除</button>
					<span id="total" class="total">合计：<span id="totalMoney">¥{php}echo sprintf("%.2f", $carts['goodsTotalMoney']);{/php}</span></span>
				</div>
			</div>
			</div>
        </footer>
{/if}
{/block}
{block name="main"}
     <section class="ui-container">
     {if(count($carts['carts'])>0)}
     <input type="hidden" name="" value="0" id="buyNum_0" autocomplete="off">
     <input type="hidden" name="" value="{php}echo count($carts['carts'])+1;{/php}" id="totalshop" autocomplete="off">
     {volist name="$carts['carts']" id="ca" key="k"}
     {:hook('mobileDocumentCartGoodsPromotion',['goods'=>$ca])}
	     <div class="wst-ca-s">
			<div class="wst-ca-layout goods{if($ca['goodsStock']==0)} nogoods{/if}">
				<div class="wst-ca-10 goodsl"><i id="gchk_{$ca["cartId"]}" class="ui-icon-chooseg {if($ca['isCheck'])}ui-icon-success-block wst-active{else}ui-icon-unchecked-s{/if} clist{$k}" cartId="{$ca['cartId']}" mval="{$ca['shopPrice']}"></i>&nbsp;</div>
				<div class="wst-ca-90">
					<div class="wst-ca-24 goodsr">
					<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>
					</div>
					<div class="wst-ca-76">
						<div class="info">
						<a href="javascript:void(0);" onclick="javascript:WST.intoGoods({$ca['goodsId']});"><p class="name">{$ca['goodsName']}</p></a>
						{if($ca['specNames'])}
						<p class="spec">规格：
						{volist name="ca['specNames']" id="sp"}
							{$sp['catName']}:{$sp['itemName']}
						{/volist}
						</p>
						{/if}
					<div class="wst-buy_l">
						<p class="price">¥{$ca['shopPrice']}</p>
					 	<input class="wst-buy_l1" type="button" value="-" onclick='javascript:WST.changeIptNum(-1,"#buyNum",{$ca["cartId"]},"statCartMoney")'><input id="buyNum_{$ca['cartId']}" class="wst-buy_l2" data-min='1' data-max='{$ca["goodsStock"]}' type="number" value="{$ca['cartNum']}" autocomplete="off" onkeyup='WST.changeIptNum(0,"#buyNum",{$ca["cartId"]},"statCartMoney")'><input class="wst-buy_l3" type="button" value="+" onclick='javascript:WST.changeIptNum(1,"#buyNum",{$ca["cartId"]},"statCartMoney")'>
					</div>
						</div>
					</div>
				</div>
				<span id="noprompt{$ca['cartId']}" class="noprompt" style="display: none;"></span>
			</div>

		</div>
		{/volist}
		    <div class="wst-ca-layout bottom">
				<p class="wst-ca-50">共 {php}echo count($carts['carts']);{/php} 件商品</p>
			</div>
		{else}
	     <div class="wst-prompt-icon" style="width: 1rem;height: 1rem;"><img src="__MOBILE__/img/nothing-cart.png" style="width: 1rem;height: 1rem;"></div>
		<div class="wst-prompt-info">
			<p>购物车内还没商品哦，去逛逛吧~</p>
			<button class="ui-btn-s" onclick="javascript:WST.intoIndex();">去逛逛</button>
		</div>
		{/if}
     </section>
{/block}
{block name="include"}
{include file="default/dialog" /}<!-- 对话框模板 -->
{/block}
{block name="js"}
<script type='text/javascript' src='__MOBILE__/js/carts.js?v={$v}'></script>
{/block}