{template '_header'}
<link rel="stylesheet" type="text/css" href="../addons/{EWEI_SHOP_V2_MODULE_NAME}/template/mobile/default/static/css/index.css?v=1.0.0">
<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_ahs53c80msawnrk9.css"/>
<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_057ap6ia2gbep14i.css"/>
<div class="fui-page cav">
	<div class="fui-header">
		<div class="fui-header-left">
			<a class="back" id="btn-back"></a>
		</div>
		<div class="title">
			卡券包
		</div>
		<div class="fui-header-right"></div>
	</div>
	<div class="fui-content">
		<div class="fui-list-group notop" style="background: #f7f7f7;">
			<div class="fui-list">
				<div class="fui-list-media">
					<img src="{php echo tomedia($item['thumb']);}"/>
				</div>
				<div class="fui-list-inner">
					<div class="title">{$item['title']}</div>
					<div class="subtitle">{$item['subtitle']}</div>
				</div>
				<div class="fui-list-angle">
					<div></div>
				</div>
			</div>
		</div>
		{if $cansee ==1}
		<div class="code_box">
			<p>请将二维码出示给核销员</p>
			<div class="img_box detail_code">
				<img  src="{php echo tomedia($qrurl);}"  alt="" />
			</div>
			<div class="cav_code">{$verifycode}</div>
		</div>
		{elseif $cansee ==2}
		<div class="code_box" style="height: 50px">
			<p style="top: auto;">记次/时商品已过期</p>
		</div>
		{elseif $cansee ==3}
		<div class="code_box" style="height: 50px">
			<p >记次/时商品已经使用完毕</p>
		</div>
		{/if}
		<div class="fui-cell-group noborder cav_detail">
			<div class="fui-cell-title upright" style="padding-left: 1rem;font-size: 0.7rem;">核销详情</div>

			{if !empty($goodsstore)}
			<div class="fui-cell" >
				<div class="fui-cell-label " style="padding-left:15px;">指定门店</div>
				<div class="fui-cell-info"  >
					{$goodsstore['storename']}
				</div>
			</div>
			{/if}

			<div class="fui-cell" >
				<div class="fui-cell-label " style="padding-left:15px;">核销数</div>
				<div class="fui-cell-info"  >
					{if empty($item['limitnum'])}
					不限
					{else}
					剩余 {php echo intval($item['limitnum']) - $verifynum} 次 /  总数 <span class="text-danger ">{$item['limitnum']}</span> 次
					{/if}
				</div>
			</div>




			<div class="fui-cell " >
				<div class="fui-cell-label "  style="padding-left:15px;">有效期</div>
				<div class="fui-cell-info" >{$limitdatestr} 前有效</div>
			</div>

		<div class="fui-list-group cav_record">
			<div class="fui-list_title upright" style="padding-left: 1rem;font-size: 0.7rem">核销记录</div>
			{if !empty($verifygoodlogs)}
			{loop $verifygoodlogs $verifygoodlog}
			<div class="fui-list">
				<div class="fui-list-inner">
					<div>核销员:{$verifygoodlog['salername']}</div>
					<div>核销门店:{$verifygoodlog['storename']}</div>
					<div>核销次数:{$verifygoodlog['verifynum']}</div>
					<div>备注:{$verifygoodlog['remarks']}</div>
				</div>
				<div class="fui-list-angle" style="width:auto;">{php echo date('Y-m-d H:i:s', $verifygoodlog['verifydate']) }</div>
			</div>
			{/loop}
			{else}
			<div class="fui-list" style="font-size: 0.7rem;color: #999;text-align:center;">
				<div style="margin: 0 auto;"><i class="iconfont icon-none" style="font-size: 2rem;color: #999;margin-right: 0.5rem;"></i>暂时没有记录</div>
			</div>
			{/if}
		</div>
	</div>
	<div id="gotop"><i class="icon icon-totop" style="font-size:1.5rem;"></i></div>


	<div class="mask">
		<div class="codebox">
			<p>请将二维码出示给核销员</p>
			<div class="img_box">
				<img class="qrimg" src="{php echo tomedia($qrurl);}"/>
			</div>
			<div class="cav_code">{$verifycode}</div>
			<div class="error">
				<p style="padding: 0 1.3rem">温馨提示：为了更好的保护您利益,请不要轻易将您的核销二维码泄露给他人</p>
			</div>
		</div>
	</div>

</div>

<script type="text/javascript">
    $(".fui-content").bind('scroll resize', function () {
        var scrolltop = $(".fui-content").scrollTop();
        if (scrolltop >100) {
            $("#gotop").fadeIn(100)
        } else {
            $("#gotop").fadeOut(100)
        }
    });
    $("#gotop").unbind('click').click(function () {
        $(".fui-content").animate({scrollTop: "0px"}, 1000)
    });

    $('.detail_code').click(function(){
        $('.mask').css({display:'block'})
    })
    $('.mask').click(function(){
        $(this).css({display:'none'})
    })
</script>