{extend name="$index_style_layout" /}
{block name="head_title"}我的购物车{/block}
{block name="nav"}{qb:nav title="购物车" url="" /}{/block}
{block name="body_content"}
<link rel="stylesheet" href="__STATIC__/css/pccar.css">
<div class="ShopCarContent">

{volist name="listdb" id="array"}
	<div class="ListCompany">
		<ul class="h">
			<li class="check"><input type="checkbox" value="1"/></li>
			<li><a href="?uid=$key">{$key|get_user_name}</a></li>
			<li class='edit'><span>操作</span></li>
		</ul>
		<div class="listCar">
	{volist name="array" id="rs"}

			<ul class="shops shops{$rs.id}">
				<li class="check"><input type="checkbox" {eq name="$rs._car_.ifchoose" value="1"}checked{/eq} value="{$rs.id}"/></li>
				<li class="img"><a href="{:urls('content/show',['id'=>$rs['id']])}"><img src="{$rs.picurl}" onError="this.src='__STATIC__/images/nopic.png'"/></a></li>
				<li class="info">
					<label>
						<h3><a href="{:urls('content/show',['id'=>$rs['id']])}">{$rs.title}</a></h3>
						<p>
							{notempty name="$rs._type1"}{$rs._type1_title}：<em>{$rs._type1}</em> {/notempty}
							{notempty name="$rs._type2"}{$rs._type2_title}：<em>{$rs._type2}</em> {/notempty}
							{notempty name="$rs._type3"}{$rs._type3_title}：<em>{$rs._type3}</em> {/notempty}
						</p>
						<div><em>&yen;<i>{$rs._price}</i></em></div>
					</label>
				</li>
				<li class="change">
					<div><span class="fa fa-minus"></span><i><input type="text" value="{$rs._num}"></i><em class="fa fa-plus"></em></div>
				</li>
				<li class="del" onclick="DelTheShop({$rs.id},$(this).parent().parent())">删除</li>
			</ul>
	{/volist}
		</div>
	</div>
{/volist}


	<ul class="AllJoin">
		<li class='select'><input class="allselect" type="checkbox" value="1"/> 全选</li>
		<li>合计：<em></em> 元</li>
		<li class='but'><a href="{:urls('order/add')}">去结算（<span></span>）</a></li>
	</ul>
</div>
<script>
/*$('.ListCompany .edit span').click(function(){
	var thisword=$(this).html();
	var Listobj=$(this).parent().parent().parent().find('.listCar');
	if(thisword=='编辑'){
		Listobj.find('.info label').hide();
		Listobj.find('.info dl').show();
		$(this).html('完成');
	}else{		
		Listobj.find('.info dl').hide();
		Listobj.find('.info label').show();
		$(this).html('编辑');
	}
});*/
$('.listCar .shops .change div em').click(function(){
	var thisshops=$(this).parent().parent().parent();
	var thisnum=parseInt($(this).parent().find('input').val());
	thisnum++;
	change_shops(thisshops,thisnum);
});
$('.listCar .shops .change div span').click(function(){
	var thisshops=$(this).parent().parent().parent();
	var thisnum=parseInt($(this).parent().find('input').val());
	thisnum--;
	if(thisnum<1){
		layer.alert('购买数量不能小于1！');
	}else{
		change_shops(thisshops,thisnum);
	}	
});
$('.listCar .shops .change div input').change(function(){
	var thisnum=parseInt($(this).val());
	if(thisnum<1){
		layer.alert('商品数量不能小于1');
		thisnum=1;
	}
	var thisshops=$(this).parent().parent().parent().parent();
	change_shops(thisshops,thisnum);
});
function change_shops(objs,num){
	var shopid=objs.find('.check input').val();
	$.get("{:urls('car/change_num')}?shopid="+shopid+"&num="+num+"&"+Math.random(),function(res){
		if(res.code==0){
			objs.find('.change input').val(num);
			changJoins();
		}else{
			layer.alert(res.msg);
		}
	});	
}
changJoins();
function changJoins(){
	var total_price=0;
	var Join_num=0;
	var Join_num0=0;
	$('.shops .check input').each(function(){
		Join_num0++;
		var shopnum=parseInt($(this).parent().parent().find('.change input').val());
		var shopprice=parseFloat($(this).parent().parent().find('.info label div em i').html());
		var shopid=parseInt($(this).val());
		if($(this).is(':checked')){			
			Join_num++;
			total_price+=parseFloat(shopnum*shopprice);
			$.get("{:urls('car/choose')}?shopid="+shopid+"&ck=1&"+Math.random());
		}else{
			$.get("{:urls('car/choose')}?shopid="+shopid+"&ck=0&"+Math.random());
		}
	});
	total_price=total_price.toFixed(2);
	$('.AllJoin em').html(total_price);
	$('.AllJoin span').html(Join_num);
	if(Join_num0<1){
		layer.alert('购物车没有任何商品！');
	}
}
$('.AllJoin .select input').click(function(){
	if($(this).is(':checked')){
		$('.ListCompany input[type="checkbox"]').prop("checked", true);
	}else{
		$('.ListCompany input[type="checkbox"]').prop("checked", false);
	}
	changJoins();
});
$('.shops .check input').click(function(){
	var checks=1;
	var thisList1=$(this).parent().parent().parent();
	thisList1.find('.check input').each(function(){
		if($(this).is(':checked')){
		}else{
			checks=0;
		}
	});
	if(checks==1){
		$(this).parent().parent().parent().parent().find('.h .check input').prop("checked", true);
	}else{
		$(this).parent().parent().parent().parent().find('.h .check input').prop("checked", false);
	}
	changJoins();
});

$('.ListCompany .h .check input').click(function(){
	if($(this).is(':checked')){
		$(this).parent().parent().parent().find('input[type="checkbox"]').prop("checked", true);
	}else{
		$(this).parent().parent().parent().find('input[type="checkbox"]').prop("checked", false);
	}
	changJoins();
});

function DelTheShop(num,objs){
	$.get("{:urls('car/delete')}?shopid="+num,function(res){
		if(res.code==0){			
			$('.shops'+num).remove();
			if(objs.html().length<20){
				objs.parent().remove();
			}
			changJoins();
		}else{
			layer.alert(res.msg);
		}
	});
}
</script>
{/block}