{extend name="$LAYOUT_WECHAT_BASE" /}
{block name="title"}我的优惠券 - {__block__}{/block}
{block name="header"}
<header class="weui-header wst-header">
    <div class="weui-header-left"><a class="icon icon-return close-popup" href="{:url('wechat/users/index')}"></a></div>
    <h1 class="weui-header-title">我的优惠券</h1>
</header>
{/block}
{block name="footer"}
{/block}
{block name="css"}
<link rel="stylesheet"  href="__ROOT__/addons/coupon/view/wechat/users/coupon.css?v={$v}">
{/block}
{block name="main"}
    <!--
    <div class="wst-us-cp">
        <div class="title">
            <img src="__ROOT__/addons/coupon/view/wechat/img/return.png" onClick="history.go(-1)">
            我的优惠券
            <a onClick="javascript:openCard()">优惠码</a>
        </div>
    </div>-->
    <input type="hidden" name="" value="" id="currPage" autocomplete="off">
    <input type="hidden" name="" value="" id="totalPage" autocomplete="off">
    <input type="hidden" name="" value="{$status}" id="status" autocomplete="off">

    <script id="shopList" type="text/html">
        {{# for(var i = 0; i < d.length; i++){ }}
        <div class="coupon_item">
            <div class="coupon_item_left {{# if($('#status').val()==2) { }}coupon_expired{{# } }}  ">
                <div class="coupon_left_main">
                    <div class="coupon_left_main_inner">
                        <p class="coupon_left_txt1"><span class="yan">￥</span>{{d[i].couponValue}}</p>
                        <span class="coupon_left_txt2">
                        {{# if(d[i].useCondition==0){ }}
                            无金额门槛
                        {{# }else{  }}
                            满{{d[i].useMoney}}可用
                        {{# }  }}
                        </span>
                    </div>
                </div>
                <div class="wst-clear"></div>
            </div>
            <div class="coupon_item_right">
                <div class="coupon_item_right_inner">
                    <div class="c_item_r_left">
                        <p class="c_item_txt1 ui-nowrap ui-whitespace">{{d[i].couponValue}}元优惠券</p>
                        <p class="c_item_txt4 ui-nowrap ui-whitespace">{{d[i].createTime.split(' ')[0]}}~{{d[i].endDate}}</p>
                    </div>

                    {{# if($('#status').val()==2){  }}
                    <a href="javascript:" class="get_btn unuse_btn">已过期</a>
                    {{# }else if($('#status').val()==1){  }}
                    <a href="javascript:" class="get_btn unuse_btn">已使用</a>
                    {{# }else{  }}
                    <a href="javascript:void(0)" onClick="useCoupon({{d[i].couponId}})"  class="get_btn">立即使用</a>
                    {{# }  }}

                    <div class="wst-clear"></div>
                </div>
            </div>
            <div class="wst-clear"></div>
        </div>
        {{#  } }}
    </script>

    <section class="ui-container" id="shopBox">
        <div>
            <ul class="ui-tab-nav coupon-tab wst-flex-row wst-jsb">
                <li class="tab-item tab-curr" status='0'>未使用</li>
                <li class="tab-item" status='1'>已使用</li>
                <li class="tab-item" status='2'>已过期</li>
            </ul>
        </div>

        <div id="order-box">
        </div>

    </section>
    </div>
<div class="wst-cp-card">
    <div class="cards">
        <input type="" name="" id="code" value="">
        <button onClick="javascript:getCard()">兑换</button>
    </div>
</div>
{/block}
{block name="include"}
{/* 遮盖层  */}
<div class="wst-cover" id="cover"></div>
{block name="js"}
<script type='text/javascript' src='__ROOT__/addons/coupon/view/wechat/users/list.js?v={$v}'></script>
{/block}