{{> layout/header}}
<div class="yoho-page select-coupon-page my-coupon-page">
    <form id="new-coupon" method="POST" action="">
        <input type="text" name="couponCode" value="" placeholder="输入优惠券码">
        <button type="submit" class="submit">确定</button>
    </form>
    <div class="coupon-wrap">
        <div id="coupon-list" class="coupon-list"></div>
        <div class="not-avaliable-coupon-line hide">不可使用的优惠券</div>
        <div id="coupon-list-not" class="coupon-list"></div>
    </div>
</div>
<script id="tmpl-coupon" type="text/tmpl">
\{{#coupons}}
    \{{^ notAvailable}}
    <a class="employ-main" data-coupon-code="\{{ couponCode}}" data-coupon-name="\{{ couponDetailInfomation}}" href="javascript:void(0);">
        <span>\{{ couponValue}}</span>
        <p class="coupon-name">\{{ couponDetailInfomation}}</p>
        <p>有效期：\{{ couponValidity}}</p>
    </a>
    \{{/ notAvailable}}
\{{/coupons}}
<a class="not-use" href="/cart/index/orderEnsure">不使用任何优惠券</a>
</script>
<script id="tmpl-coupon-not-avaliable" type="text/tmpl">
\{{# notAvailableCoupons}}
    <div class="employ-main not-avaliable">
        <span>\{{ couponValue}}</span>
        <p class="coupon-name">\{{ couponDetailInfomation}}</p>
        <p>有效期：\{{ couponValidity}}</p>
    </div>
\{{/ notAvailableCoupons}}
</script>
<script id="tmpl-no-coupon" type="text/tmpl">
<div class="coupon-list">
    <div class="null">
        <i></i>
        <p>您还没有优惠券!</p>
    </div>
</div>
</script>
{{> layout/footer}}