{php $this->template('header')}

  <link rel="stylesheet" href="{$public}css/user/vip/index.css?{php echo time()}">

<style>
    
</style>

<div class="bui-page">

    <main>

   		<div class="vip_box">

			<div class="vip bgauto" style="background-image: url({$public}img/vipbox.jpg)">
				
				<div class="vip_zi"> {php echo config('name').'VIP'} </div>
				<div class="vip_zuidi"> 费用低至 {php echo $vips[0]['price']/100?$vips[0]['price']/100:'--'}元/{$vips[0]['num']}{$vips[0]['units']} </div>
				<div class="vip_jiage c-hong text-r"> {php echo $vips[0]['price']/100?$vips[0]['price']/100:'--'}元/{$vips[0]['num']}{$vips[0]['units']} </div>
			</div>

   		</div>

		<div class="lei">
			<div class="text-l"> VIP选择 <span class="rights"> 到期时间：{if $this->vip!=1} 您还没有开通过VIP或者已到期 {else} {php echo date("Y年m月d日",user($this->user['id'],'viptime'))} {/if}</span> </div>
			<!-- <div >11111</div>  -->
		</div>
           
        <!--  -->
		
		{if !$vips}

			<div class="img text-c"  id="kongkong">
				<img src="{$public}img/empty.png">
				<p>空空如也...</p>
			</div>

		{/if}

		<div class="vip_item_box">	
			{loop $vips $k $v}
				<div class="vip_item {if $k==0}active{/if}" data-money="{php echo $v['price']/100}" data-unit="{$v['units']}" data-num="{$v['num']}" data-id="{$v['id']}">
					<div class="title">{$v['title']}</div>
					<div class="bgauto tu" style="background-image: url({$public}img/vip.png)"></div>
					<div class="info">
						<div class="name"><del>原价：{php echo $v['orderprice']/100} </del> </div>
						<div class="name">现价：<span class="c-hong">{php echo $v['price']/100} 元</span></div>
						<div class="name">赠送：{$v['integral']}积分 {$v['gold']}金币</div>
					</div>
				</div>
			{/loop}


		</div>
        <div class="sub_box">
			<div class="bui-btn ring large bc-hong sub click" data-url="{php echo iurl('user/vip/add')}&vid={$vips[0]['id']}">需要支付 <span id="money">{php echo $vips[0]['price']/100?$vips[0]['price']/100:'--'}</span> 元</div>
        </div>

         
    </main>
    </div>
</div>




<script>


    bui.ready(function(){

    	$('.vip_item').on('click',function(){

    		var t=$(this),money=t.data('money'),num=t.data('num'),units=t.data('unit'),url="{php echo iurl('user/vip/add')}&vid="+t.data('id');
    		if (!t.hasClass('active')) {

    			t.addClass('active').siblings().removeClass('active');
    			$('#money').text(money);
    			$('.vip_zuidi').text('费用低至'+money+'元/'+num+units);
    			$('.vip_jiage').text(money+'元/'+num+units);
    			$('.sub').attr('data-url',url);
    			
    		}


    	});

    })

 
</script>

{php $this->template('footer')}