{php $this->template('header')}
	
	<link rel="stylesheet" href="{$public}css/shop/order/add.css?{php echo time()}">
	
	<div class="bui-page ">

		<main class="main " id="main">
			{if $good['shiwu']==1}
			<div class="card_box">
				<div class="title">收货地址</div>
				<div class="card">
					<ul class="bui-list">

				        <li class="bui-btn bui-box box_address">

				            <div class="bui-icon primary"><i class="iconfont icon-ico_site"></i></div>
				           
				            <div class="span1">
				            	<div class="address"> 
				            	<span class="name" id="name" data-name="{$address['name']}"> {if $address['name']==''}收货人姓名{else}{$address['name']}{/if} </span> 
				            	<span class="phone" data-phone="{$address['phone']}" id="phone"> {if $address['phone']==''}手机号{else}{$address['phone']}{/if} </span> 
				            	</div>
				            	<div class="yue" data-address="{$address['address']}" id="address"> {if $address['address']==''}收货人地址{else}{$address['address']}{/if} </div>
				            </div>
				           	<i class="icon-listright"></i>
				        </li>
				

				    </ul>
				</div>
			</div>
			{/if}
			<div class="good_box">
				<div class="title">商品信息</div>
                 <ul class="bui-list bui-list-thumbnail">
		            <li class="bui-btn bui-box">
		                <div class="bui-thumbnail bgauto img" style="background-image: url({$good['img']})"></div>
		                <div class="span1">
		                    <h3 class="item-title bui-ellipsis-2">{$good['title']}</h3>
		                    <p class="item-text"><i class="iconfont icon-zhangqidanbao"></i> 质量平台担保 </p>
		                    <p class="item-text hei"><span class="hong">￥ {$good['price']}</span> ×<span id="num">1</span> </p>
		                </div>
		            </li>
		         
					<li class="bui-btn bui-box clearactive">
						<label class="bui-label">选择数量:</label>
						<div class="span1"></div>
						<div class="bui-value">
							<div id="uiNumber" class="bui-number">    
								<div class="bui-number-prev add" data-type="0">
									<i class="icon-minus"></i>
								</div>    
								<input type="text" name="num" value="1" id="count">    
								<div class="bui-number-next add" data-type="1">
									<i class="icon-plus"></i>
								</div>
							</div>
						</div>
					</li>
					<li class="bui-btn bui-box">
		                <div class="span1" >单价</div>
		                <div class="right danjia" data-fan="{$good['songintegral']}" data-tuijian="{$good['numstick']}" data-zhiding="{$good['numtui']}" data-money="{$good['price']}" data-jifen="{$good['gouintegral']}">{if $good['price']==0} {$good['gouintegral']} 个积分 {else} {if $good['gouintegral']==0}{php echo $good['price']} 元 {else} {php echo $good['price']} 元 + {$good['gouintegral']} 个积分{/if} {/if}</div>
		            </li>
		            {if $good['gouintegral']!=0}
		            <li class="bui-btn bui-box">
		                <div class="span1">支付积分</div>
		                <div class="right" id="gouintegral">{$good['gouintegral']}</div>
		            </li>
					{/if}
					{if $good['price']!=0}
		            <li class="bui-btn bui-box">
		                <div class="span1">支付现金</div>
		                <div class="right" id="price">{$good['price']}</div>
		            </li>
		            {/if}
		            {if $good['songintegral']!=0}
		            <li class="bui-btn bui-box">
		                <div class="span1">赠送积分</div>
		                <div class="right" id="songintegral">{$good['songintegral']}</div>
		            </li>
		            {/if}

                 </ul>
           	</div>
           	{if $good['price']!=0}
           	<div class="zhifu_box">
           		<div class="title">支付方式</div>
                 <div class="zhifu">
					<ul class="bui-list">
			            <li class="bui-btn bui-box">
			            	<div class="span1">
								<img src="{$public}img/tuijian.png" class="tuijian">
			                    <label for="interest21">
			                    	<img src="{$public}img/wxpay.png" class="wxpay">微信支付
			                    </label>
			                </div>
			                <input type="radio" class="bui-radio" name="type" value="1" checked="checked">
			            </li>
			            <li class="bui-btn bui-box">
			            	<div class="span1">
			                    <label for="interest21">
			                    	<img src="{$public}img/yue.png" class="wxpay">余额支付
			                    </label>
			                </div>
			                <input type="radio" class="bui-radio" name="type" value="2">
			            </li>
			        </ul>
		        </div>
			</div>
			{/if}
           <footer class="footres">
				<div class="weui-grids">

			        <div class="weui-grid lianxi" >
			            <div class="text-l"> 
			               
			                <span class="wen">合计： 
				                <span class="money"> 
				                {if $good['price']==0} 
				                	{$good['gouintegral']} 个积分 
				                {else} 
					                {if $good['gouintegral']==0}
					                	{php echo $good['price']} 元 
					                {else} 
					                	{php echo $good['price']} 元 + {$good['gouintegral']} 个积分
					                {/if} 
				                {/if} 
				                </span>
			                </span> 
			            </div>
			        </div> 
			        
			        <div class="weui-grid baocun" data-jifen="{php echo $this->user['credit1']}" style="background-color: #ea413c;width: 40%;color: #fff">
			            <div class="text-c">
			                <span class="wen">立即购买</span> 
			            </div>
			        </div> 
			       
			    </div>
			</footer>
			
		</main>
		
	</div>
	
	<div id="dialogDown" class="bui-dialog" style="display: none;">
    	<div class="bui-dialog-head">我的地址</div>
	    <div class="bui-dialog-main">
	        <div class="bui-panel-main">
	        	<div class="bui-panel-head bui-box" style="line-height: 2">
	                <div class="span1" style="text-align: left;margin: .2rem;">
	                	<i class="icon" style="line-height: .3rem;">
	                		<img src="{$public}img/icon-location.png" style="width: .3rem;">
	                	</i> 
	                	请选择地址
	                </div>
	                <div class="bui-btn-text click" data-url="{php echo iurl('shop/address/add')}">
	                	<i class="icon-new">&#xe61d;</i>新增
	                </div>
	            </div>
	            <ul class="bui-list list-address">
	            	{if empty($addresss)}
						<div class="img" id="kongkong">
							<img src="{$public}img/empty.png">
							
						</div>
	            	{/if}
            		{loop $addresss $k $v}
		                <li class="bui-btn bui-box-align-middle">
		                    <div class="span1 address_xuanze" data-name="{$v['name']}" data-address="{$v['province']} {$v['city']} {if $v['district']!='城区'}{$v['district']}{/if} {$v['address']}" data-phone="{$v['phone']}" data-ses="{$v['sex']}">
		                        <h3 class="address-title">
			                        <span class="address-name">{$v['name']}</span>
			                        <span class="address-sex">{if $v['sex']==1} 先生 {else} 女士 {/if}</span>
			                        <span class="address-phone">{$v['phone']}</span>
		                        </h3>
		                        <div class="address-desc">{$v['province']} {$v['city']} {if $v['district']!='城区'}{$v['district']}{/if} {$v['address']}</div>
		                    </div>
		                    <i class="icon-edit edit" data-id="{$v['id']}"> 修改 </i>
		                    <i class="icon-close del" data-id="{$v['id']}"> 删除 </i>
		                </li>
	                {/loop}
	            </ul>
	        </div>
			
	    </div>
	    <div class="bui-dialog-close"><i class="icon-close"></i></div>
	</div>

	<script>
 
		bui.ready(function(){


			 // 底部出来对话框
		    var uiDialogDown = bui.dialog({
		        id: "#dialogDown",
		        effect: "fadeInUp",
		        position: "bottom",
		        fullscreen: false,
		        buttons: []
		    });

		    $('.box_address').on("click", function() {
		        uiDialogDown.open();
		    })

			$(document).on('click','.address_xuanze',function(){
				var t=$(this);
				var name=t.data('name');
				var phone=t.data('phone');
				var address=t.data('address');
				$('#name').data('name',name);
				$('#address').data('address',address);
				$('#phone').data('phone',phone);
				$('#name').text(name);
				$('#address').text(address);
				$('#phone').text(phone);
				uiDialogDown.close();
			})

			$(document).on('click','.edit',function(){
				var id=$(this).data('id');
				window.location.href="{php echo iurl('shop/address/add',['type'=>1])}&id="+id;
			})

			$(document).on('click','.del',function(){
				var t=$(this);
				var id=t.data('id');
				console.log(id)
				bui.confirm("确认删除吗？", function(e) {
		            var text = $(e.target).text();

		            if (text == "确定") {
		                
		                $.post("{php echo iurl('shop/address/del')}",{id:id},function(r){

		                	if (r.code) {

		                		t.parents('li').remove();
		                		return msg(r.msg,2);

		                	}else{

		                		return msg(r.msg,2);

		                	}

		                })

		            }
		            this.close();
		        });
			})


		})

	



    var price="{$good['price']}", gouintegral="{$good['gouintegral']}";

    $('.baocun').click(function(){
    	var data={};
    	data.shiwu="{$good['shiwu']}";
    	data.name=$('#name').data('name');
    	data.phone=$('#phone').data('phone');
    	data.address=$('#address').data('address');
    	data.num=$('#count').val();
    	ujifen=$(this).data('jifen');
    	data.jifen=$('#gouintegral').text()?$('#gouintegral').text():0;
    	data.jifenfan=$('#songintegral').text()?$('#songintegral').text():0;
    	data.price=$('#price').text()?$('#price').text():0;
    	data.zhifu=$('input[name="type"]:checked').val();
   
    	if (data.shiwu==1) {

    		if (data.name==''||data.phone==''||data.address=='') {
    			return msg('请选择您的收货地址',2);
    		}

    	}

    	$.post('',data,function(res){
    		
    		if (res.code) {

	    			if (data.zhifu==1) {


	    				if(miniProgram){

		                    wx.miniProgram.navigateTo({
		                    	url:"/pages/pay/index?type=shop&name=商城购买&sn="+res.data.sn+"&url={php echo urlencode(iurl('shop/order/index'))}"
		                    })

						}else{
							

							
							my.pay({tid:res.data.sn,title:'商城购买',fee:res.data.price},function(r){

		                        
								setTimeout(function(){
									window.location.href="{php echo iurl('shop/order/index')}";
								},2000);
						    });
						}

					
    			}else{

    				msg(res.msg,2);
    				setTimeout(function(){
    					window.location.href="{php echo iurl('shop/order/index')}";
    				},2000);
    			}

    		}else{

    			return msg(res.msg,2);

    		}


    	}) 

    	
    });


    $('input').bind('input propertychange', function(){

	 	var p=$('.danjia'),money=p.data('money'),jifen=p.data('jifen'),zhiding=p.data('zhiding'),tuijian=p.data('tuijian'),count=$('#count').val(),fan=p.data('fan');

	 	pay(count,jifen,money,zhiding,tuijian,fan);

	})



    $('.add').click(function(){
    	var type=$(this).data('type'),count,p=$('.danjia'),money=p.data('money'),jifen=p.data('jifen'),zhiding=p.data('zhiding'),tuijian=p.data('tuijian'),fan=p.data('fan');

            if (type==1) {

                count=Number($('#count').val())+Number(1);
                $('#count').val(count);

            }else{
                count=Number($('#count').val())-Number(1);
               
                if (count<2) {

                    pay(count,jifen,money,zhiding,tuijian,fan,type);
                    return  $('#count').val('1');
                }else{
                    $('#count').val(count);
                    
                }

            }
            pay(count,jifen,money,zhiding,tuijian,fan,type);


    });


    function pay(count,jifen,money,zhiding,tuijian,fan,type=1){


		if (count<2) {

	 		$('#gouintegral').text(Number(jifen));
	        $('#price').text(Number(money));
	        $('#zhiding').text(Number(zhiding));
	        $('#tuijian').text(Number(tuijian));
	        $('#songintegral').text(Number(fan));
	        if (gouintegral!=0&&price!=0) {
	        	$('.money').text(Number(money)+'元'+Number(jifen)+'个积分');
	        }
	        if (gouintegral!=0&&price==0) {
	        	$('.money').text(Number(jifen)+'个积分');
	        }
	        if (gouintegral==0&&price!=0) {
	        	$('.money').text(Number(money)+'元');
	        }
	        return  $('#count').val('1');
	 	}else{

	 		$('#count').val(count);
	        $('#gouintegral').text(Number(count)*Number(jifen));
	        $('#price').text((Number(count)*parseFloat((money*100).toPrecision(12)))/100);
	        $('#zhiding').text(Number(count)*Number(zhiding));
	        $('#tuijian').text(Number(count)*Number(tuijian));
	        $('#songintegral').text(Number(count)*Number(fan));
	        if (gouintegral!=0&&price!=0) {
	        	$('.money').text(((Number(count)*parseFloat((money*100).toPrecision(12)))/100)+' 元 +'+(Number(count)*Number(jifen))+' 个积分');
	        }
	        if (gouintegral==0&&price!=0) {
	        	$('.money').text(((Number(count)*parseFloat((money*100).toPrecision(12)))/100)+' 元');
	        }
	        if (gouintegral!=0&&price==0) {
	        	$('.money').text((Number(count)*Number(jifen))+' 个积分');
	        }

	 	}
  
	}
	</script>