{extend name="wap/default/base" /}
{block name="resources"}
<link rel="stylesheet" type="text/css" href="__TEMP__/{$style}/public/css/order.css">
<link rel="stylesheet" type="text/css" href="__TEMP__/{$style}/public/css/pro-detail.css">
<link rel="stylesheet" type="text/css" href="__TEMP__/{$style}/public/css/payment_order_new.css">
<link rel="stylesheet" type="text/css" href="__TEMP__/{$style}/public/css/payment_order_popup.css">
{/block}

{block name="goodsHead"}
<section class="head">
	<a class="head_back" href="APP_MAIN"><i class="icon-back"></i></a>
	<div class="head-title">订单结算</div>
</section>
{/block}
 
{block name="main"}
<div class="h50"></div>
{if condition="$address_default.id neq ''"}
<div id="addressok" on7load="opener.location.reload()">
	<input type="hidden" id="addressid" value="{$address_default.id}">
	<div class="js-order-address express-panel js-edit-address express-panel-edit">
		<ul class="express-detail">
			<a href="APP_MAIN/Member/memberAddress.html?url=cart">
				<li class="clearfix">
					<span class="name">收货人：{$address_default.consigner}</span>
					<span class="tel">{$address_default.mobile}</span>
				</li>
				<li class="address-detail">收货地址：{$address_default.address_info}-{$address_default.address}</li>
			</a>
		</ul>
	</div>
</div>
{else /}
<div class="empty-address-tip">
	<div id="noaddress"><a href="APP_MAIN/Member/memberAddress.html">新增收货地址</a></div>
</div>
{/if}

<div class="block-item express" style="padding: 0;"></div>
<section class="order">
	{foreach name="itemlist" item="list"}
	<div class="order-goods-item clearfix" data-subtotal="{$list.subtotal}">
		<div class="name-card block-item">
			<a href="APP_MAIN/goods/goodsDetail?id={$list.goods_id}" class="thumb"><img src="__ROOT__/{$list['picture_info']['pic_cover_micro']}" alt="{$list.goods_name}" /></a>
			<div class="detail">
				<div class="clearfix detail-row">
					<div class="right-col">
						<input type="hidden" name="goods_skuid" value="{$list.sku_id}">
						<input type="hidden" name="goods_point_exchange"/>
						￥<span>{$list.price}
						{if condition="$list.point_exchange_type==1 "}
							{if condition=" $list.point_exchange>0"}
								+{$list.point_exchange}积分
							{/if}
						{/if}
						</span>
					</div>
					<div class="left-col">
						<h3 style="font-weight: normal;">
							<a href="javascript:;">{$list.goods_name}</a>
						</h3>
					</div>
				</div>
				<div class="clearfix detail-row">
					<div class="right-col">
						<div class=" c-gray-darker">
							×<span>{$list.num}</span>
						</div>
					</div>
					<div class="left-col">
						<p class="c-gray-darker">{if condition="$list['sku_name'] neq '0'"}{$list.sku_name}{/if}</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	{/foreach}
	
	
	{if condition="count($coupon_list) >0"}
	<div class="item-options" data-flag="use-coupon">
		<label class="float_left">优惠券</label>
		<span class="arrow-right color-gray">不使用优惠券</span>
	</div>
	{/if}
	
	
	<div class="item-options" data-flag="pay" data-select="0">
		<label>支付方式</label>
		<span class="arrow-right color-gray">在线支付</span>
	</div>
	
	<div class="item-options" data-flag="distribution" data-select="0">
		<label>配送方式</label>
		<span class="arrow-right color-gray">商家配送</span>
	</div>
	
	<div class="item-options" data-flag="pickup_address" data-id="0" data-count="{$pickup_point_list.total_count}" style="display:none;">
		<label>自提地址</label>
		<span class="arrow-right color-gray"></span>
	</div>
	
	{if condition="$shop_config['order_balance_pay'] == 1"}
	<div class="item-options">
		<label>使用余额<b class="account_balance">￥{$member_account.balance}</b></label>
		<span>
			使用<input type="text" id="account_balance" data-max="{$member_account.balance}" placeholder="0.00"/>元
		</span>
	</div>
	{/if}
	
	{if condition="count($shop_config.order_invoice_content_list)>0"}
	<div class="item-options" data-flag="invoice" data-select="0">
		<label>发票信息<span style="font-size:12px;color:#FF9800;font-weight:bold;"></span></label>
		<span class="arrow-right color-gray">不需要发票</span>
	</div>
	
	<div class="item-options invoice">
		<label><span style="font-size:12px;color:#FF9800;font-weight:bold;">将收取{$shop_config.order_invoice_tax}%的发票税率</span></label>
	</div>
	
	<div class="item-options invoice">
		<label>发票抬头</label>
		<textarea id="invoice-title" maxlength="50" placeholder="个人或公司发票抬头"></textarea>
	</div>
	
	<div class="item-options invoice" data-flag="invoice-content">
		<label>发票内容</label>
		<span class="arrow-right color-gray">选择发票内容</span>
	</div>
	{/if}
	
	<div class="item-options">
		<label>买家留言</label>
		<textarea id="leavemessage" placeholder="给卖家留言" maxlength="100"></textarea>
	</div>
	
	
	<div class="order-list">
		<h3>结算信息</h3>
		<p>
			<label>共<b class="orange-bold js-goods-num">1</b>种商品&nbsp;总计</label>
			<span>￥<b class="js-total-money">0.00</b></span>
		</p>
		
		<p>
			<label>运费</label>
			<span>￥<b id="express">0.00</b></span>
		</p>
		
		<p>
			<label>总优惠</label>
			<span>￥<b id="discount_money">0.00</b></span>
		</p>
		
		
		{if condition="count($shop_config.order_invoice_content_list)>0"}
		<p>
			<label>发票税额：</label>
			<span>￥<b id="invoice_tax_money">0.00</b></span>
		</p>
		{/if}
		
		
		{if condition="$shop_config['order_balance_pay'] == 1"}
		<p>
			<label>使用余额：</label>
			<span>￥<b id="use_balance">0.00</b></span>
		</p>
		{/if}
	</div>
</section>

<div class="footer" style="min-height: 86px;">
	<div class="copyright">
		<div class="ft-copyright">
			<a href="APP_MAIN" target="_blank">Niushop开源商城提供技术支持</a>
		</div>
	</div>
</div>


<div style="height: 50px"></div>
<div class="order-total-pay bottom-fix">
	<div class="pay-container clearfix">
		<span class="c-gray-darker font-size-12">应付金额：</span>
		<span class="font-size-16 theme-price-color">￥<b id="realprice">0.00</b></span>
		{if condition="$count_point_exchange>0"}
		<span class="font-size-16 theme-price-color" id="count-point">+{$count_point_exchange}积分</span>
		{/if}
		<button class="commit-bill-btn" onclick="submitOrder()">提交订单</button>
		<input type="hidden" id="hidden_count_point_exchange" value="{$count_point_exchange}" />
		<input type="hidden" id="hidden_goods_sku_list" value="{$goods_sku_list}"/>
		<input type="hidden" id="hidden_discount_money" value="{$discount_money}" />
		<input type="hidden" id="hidden_express" value="{$express}" />
		<input type="hidden" id="hidden_count_money" value="{$count_money}" />
		<input type="hidden" id="is_calculate_express" value="{$is_calculate_express}" />
		<input type="hidden" id="res_message" value="{$res_message}" />
		<input type="hidden" id="count_point_exchange" value="{$count_point_exchange}"/>
		<input type="hidden" id="hidden_full_mail_money" value="{$promotion_full_mail.full_mail_money}"/>
		<input type="hidden" id="hidden_full_mail_is_open" value="{$promotion_full_mail.is_open}"/>
		<input type="hidden" id="goods_sku_list" value="{$goods_sku_list}" />
		<input type="hidden" id="hidden_order_invoice_tax" value="{$shop_config.order_invoice_tax}"/>
	</div>
</div>

<!----------------------------- 弹出层 ------------------------------>
<div class="mask-layer"></div>

{if condition="count($coupon_list) >0"}
<!-- 选择优惠券弹出框 -->
<div class="mask-layer-control" data-flag="use-coupon">
	<div class="header">选择优惠券<span class="close"></span></div>
	<div class="list">
		<ul>
			<li class="item active">
				<div class="check-img"></div>
				<div class="single">不使用优惠券</div>
			</li>
			{volist name="coupon_list" id="coupon"}
			<li class="item" data-id="{$coupon['coupon_id']}" data-code="{$coupon['coupon_code']}" data-money="{$coupon['money']}">
				<div class="check-img"></div>
				<div>
					<p class="font-size-12">{$coupon['coupon_name']}<em class="pull-right">{$coupon['money']}元</em></p>
					<p class="font-size-12 c-gray-darker">满{$coupon['at_least']}元减{$coupon['money']}元</p>
				</div>
			</li>
			{/volist}
		</ul>
	</div>
	<div class="footer">
		<button class="btn-green" style="margin: 0px;">确定</button>
	</div>
</div>
<!-- 选择优惠券弹出框 -->
{/if}

<!-- 选择支付方式弹出框 -->
<div class="mask-layer-control" data-flag="pay">
	<div class="header">选择支付方式<span class="close"></span></div>
	<div class="list">
		<ul>
			<li class="item active" data-flag="0">
				<div class="check-img"></div>
				<div class="single">在线支付</div>
			</li>
			{if condition="$shop_config.order_delivery_pay == 1"}
			<li class="item" data-flag="4">
				<div class="check-img"></div>
				<div class="single">货到付款</div>
			</li>
			{/if}
		</ul>
	</div>
	<div class="footer">
		<button class="btn-green" style="margin: 0px;">确定</button>
	</div>
</div>
<!-- 选择支付方式弹出框 -->

<!-- 选择配送方式弹出框 -->
<div class="mask-layer-control" data-flag="distribution">
	<div class="header">选择配送方式<span class="close"></span></div>
	<div class="list">
		<ul>
			<li class="item active" data-flag="1">
				<div class="check-img"></div>
				<div class="single">商家配送</div>
			</li>
			{if condition="$shop_config.buyer_self_lifting == 1"}
			<li class="item" data-flag="2">
				<div class="check-img"></div>
				<div class="single">门店自提</div>
			</li>
			{/if}
		</ul>
	</div>
	<div class="footer">
		<button class="btn-green" style="margin: 0px;">确定</button>
	</div>
</div>
<!-- 选择配送方式弹出框 -->

{if condition="$shop_config.buyer_self_lifting == 1"}
<!-- 选择自提地址弹出框 -->
<div class="mask-layer-control" data-flag="pickup_address">
	<div class="header">选择自提地址<span class="close"></span></div>
	{if condition="$pickup_point_list.total_count>0"}
	<div class="list">
		<ul>
			{foreach name="$pickup_point_list.data" item="pickup" key="k"}
			<li class="item {if condition="$k==0"}active{/if}" data-id="{$pickup.id}">
				<div class="check-img"></div>
				<div class="single">{$pickup.province_name}&nbsp;{$pickup.city_name}&nbsp;{$pickup.dictrict_name}&nbsp;{$pickup.address}</div>
			</li>
			{/foreach}
		</ul>
	</div>
	<div class="footer">
		<button class="btn-green" style="margin: 0px;">确定</button>
	</div>
	{else/}
	<p style="padding: 30px;text-align: center;">暂时没有自提列表</p>
	{/if}
</div>
<!-- 选择自提地址弹出框 -->
{/if}

<!-- 选择发票信息弹出框 -->
<div class="mask-layer-control" data-flag="invoice">
	<div class="header">选择发票<span class="close"></span></div>
	<div class="list">
		<ul>
			<li class="item active" data-flag="0">
				<div class="check-img"></div>
				<div class="single">不需要发票</div>
			</li>
			<li class="item" data-flag="1">
				<div class="check-img"></div>
				<div class="single">需要发票</div>
			</li>
		</ul>
	</div>
	<div class="footer">
		<button class="btn-green" style="margin: 0px;">确定</button>
	</div>
</div>
<!-- 选择发票信息弹出框 -->

{if condition="count($shop_config.order_invoice_content_list)>0"}
<!-- 选择发票内容信息弹出框 -->
<div class="mask-layer-control" data-flag="invoice-content">
	<div class="header">选择发票内容<span class="close"></span></div>
	<div class="list">
		<ul>
			{foreach name="$shop_config.order_invoice_content_list" item="invoice" key="k"}
			<li class="item {if condition="$k==0"}active{/if}">
				<div class="check-img"></div>
				<div class="single">{$invoice}</div>
			</li>
			{/foreach}
		</ul>
	</div>
	<div class="footer">
		<button class="btn-green" style="margin: 0px;">确定</button>
	</div>
</div>
<!-- 选择发票内容信息弹出框 -->
{/if}
<!----------------------------- 弹出层 ------------------------------>

{/block}
{block name="bottom"}{/block}
{block name="javascript"}
<script type="text/javascript" src="__TEMP__/{$style}/public/js/payment_order.js"></script>
{/block}