<?php include_once(mvc::$cfg['PATH_TPL'].'public/headBase.php');?>  
  <div class="layui-fluid bgw">
  	  <form class="layui-form" action="">
		 <input type="radio" name="show" lay-filter="show" value="all" title="全部">
		 <input type="radio" name="show" lay-filter="show" value="wsw" title="未售完" checked>
		 <input type="radio" name="show" lay-filter="show" value="zjks" title="最近可售">
		 <input type="radio" name="show" lay-filter="show" value="zjdq" title="最近到期">
		 <input type="radio" name="show" lay-filter="show" value="sw" title="售罄">
	  </form>
	  <br>
	  <?php foreach($groupArr as $style=>$gv){?>
	  <fieldset class="layui-elem-field" style="width:600px">
		  <legend><?php if($style == 'province') echo '按省份'; else if($style == 'brand') echo '按品牌'; else if($style == 'world') echo '独家';?></legend>
		  <div class="layui-field-box">
			<?php foreach($gv as $gvval){?>
				<div class="gad-list">
					<a class="gray" href="javascript:;"  lay-href="<?php echo $gvval['url']?>">
						<span class="style-name"><?php echo $gvval['name'];?></span>
						<span class="style-pla">
						  <?php foreach($gvval['plas'] as $as){?>
							<?php if($as['can'] > 0){?>
							<span class="green wsw"><?php echo $as['name'].' 剩'.$as['can'].'个';?></span>
							<?php }else if($as['candate'] <= 30){?>
							<span class="orange zjks"><?php echo $as['name'].' '.$as['cantime'].'['.$as['candate'].'天]';?></span>
							<?php }else{ ?>
							<span class="gray zjsw"><?php echo $as['name'].' '.$as['cantime'];?></span>
							<?php }?>
						  <?php }?>
						 </span>
					</a>
				</div>
			<?php }?>
		  </div>
		</fieldset>
		<br>
		<?php }?>
  </div>
<?php include_once(mvc::$cfg['PATH_TPL'].'public/footBase.php');?>
<script>

layui.use(['laydate','form','table'], function(){
  var $ = layui.$
  ,laydate = layui.laydate
  ,form = layui.form
  ,table = layui.table;
   form.on('radio(show)', function(data){
		var val = data.value;
		changeshow(val);
	});
	changeshow('wsw');
});

function changeshow(val)
{
	$('.gad-list').show();
	if(val == 'all'){
		$('.style-pla>span').show();	
	}else if(val == 'wsw'){
		$('.style-pla>span:not(.wsw)').hide();
		$('.style-pla>span.wsw').show();
	}else if(val == 'zjdq'){
		$('.style-pla>span:not(.zjks)').hide();
		$('.style-pla>span.zjks').show();
	}else if(val == 'zjks'){
		$('.style-pla>span.zjsw').hide();
		$('.style-pla>span:not(.zjsw)').show();
	}else if(val == 'sw'){
		$('.style-pla>span:not(.zjsw,.zjks)').hide();
		$('.style-pla>span.zjks, .style-pla>span.zjsw').show();
	}

	$('.gad-list').each(function(i, e){
		if($(this).find('.style-pla>span:visible').length < 1){
			$(this).hide();
		}else{
			$(this).show();
		}
	});
}
</script>