{include file="page_header"}
		<div class="con">
			<div class="flow-coupon user-coupon">
				<div class="hd tab-title j-tab-title  b-color-f">
					<ul class="dis-box">
						<li class="box-flex active"><a href="#">未使用({$status.one})</a></li>
						<li class="box-flex"><a href="#">已使用({$status.two})</a></li>
						<li class="box-flex"><a href="#">已过期({$status.three})</a></li>
					</ul>
				</div>
				<div id="j-tab-con">
					<div class="swiper-wrapper ">
						<section class="swiper-slide swiper-no-swiping ">
							<ul class="padding-all">
                            {foreach $bonus as $key}
                                {if $key.bonus_status ==0  || $key.bonus_status ==2}
								<li class="big-remark-all">
									<div class="dis-box position-rel">
                                    {if $key.near_time}
									<div class="remark-out">快过期</div>
                                    {/if}
									<a class="product-div-link"></a>
									<div class="remark-all temark-{if $key.type_money>=0}{if $key.type_money>=50}{if $key.type_money>=100}1{else}2{/if}{else}3{/if}{else}3{/if} tb-lr-center">
										<span class="b-r-a-price"><sup>¥</sup>{$key.type_money}</span>
									</div>
									<div class="box-flex b-color-f padding-all position-rel">
										<h4>{$key.rz_shopName}</h4>
										<p>{$key.type_name}</p>
										<p class="t-remark">{$key.use_startdate} ~ {$key.use_enddate}</p>

									</div>
									</div>
								</li>
                                {/if}
							{/foreach}
							</ul>
						</section>
						<section class="swiper-slide swiper-no-swiping">
							<ul class="select-three j-get-i-more padding-all">
                                {foreach $bonus as $key}
                                {if $key.bonus_status == 1}
								<li class="big-remark-all">
									<div class="dis-box position-rel">
										<a class="product-div-link"></a>
									<div class="remark-all temark-4 tb-lr-center">
										<span class="b-r-a-price"><sup>¥</sup>{$key.type_money}</span>
									</div>
									<div class="box-flex b-color-f padding-all">
										<h4>{$key.rz_shopName}</h4>
										<p>{$key.type_name}</p>
										<p class="t-remark">{$key.use_startdate} ~ {$key.use_enddate}</p>
									</div>
									</div>
								</li>
                                {/if}
                                {/foreach}
							</ul>
						</section>
							<section class="swiper-slide swiper-no-swiping">
							<ul class="select-three j-get-i-more padding-all">
                                {foreach $bonus as $key}
                                {if $key.bonus_status == 3}
								<li class="big-remark-all">
									<div class="dis-box position-rel">
										<a class="product-div-link"></a>
									<div class="remark-all temark-4 tb-lr-center">
										<span class="b-r-a-price"><sup>¥</sup>{$key.type_money}</span>
									</div>
									<div class="box-flex b-color-f padding-all">
                                        <h4>{$key.rz_shopName}</h4>
                                        <p>{$key.type_name}</p>
										<p class="t-remark">{$key.use_startdate} ~ {$key.use_enddate}</p>
									</div>
									</div>
								</li>
                                {/if}
                                {/foreach}
							</ul>
						</section>
					</div>
			</div>
                <div class="user-coupon-add padding-all filter-btn">
                    <a href="{U('add_bonus')}" type="button" class="btn-submit">添加优惠券/红包</a>

                </div>
		</div>
		<!--引用js-->
        {include file="script"}
		<script>
		/*切换*/
			var tabsSwiper = new Swiper('#j-tab-con', {
				speed: 0,
				noSwiping: true,
				autoHeight: true
			})
			$(".j-tab-title li").on('touchstart mousedown', function(e) {
				e.preventDefault()
				$(".j-tab-title .active").removeClass('active')
				$(this).addClass('active')
				tabsSwiper.slideTo($(this).index())
			})
			$(".j-tab-title li").click(function(e) {
				e.preventDefault()
			})
		</script>
	</body>
	
</html>