{{#availableCoupons}}
    <section class="coupon usable-usual" data-code="{{ couponCode }}">
        <div class="coupon-title">{{ couponDetailInfomation }}</div>
        <div class="coupon-content">
            <div class="content-left pull-left">
                <div class="value">{{ couponValue }}</div>
            </div>
            <div class="content-middle pull-left">{{ couponValidity}}</div>
            <div class="content-right pull-left">
                <i class="iconfont checkbox{{#if checked}} icon-cb-radio{{^}} icon-radio{{/if}}"></i>
            </div>
        </div>
    </section>
{{/availableCoupons}}
{{#usableFreesCoupons}}
    <section class="coupon usable-free" data-code="{{ couponCode }}">
        <div class="coupon-title">{{ couponDetailInfomation }}</div>
        <div class="coupon-content">
            <div class="content-left pull-left">
                <div class="value">{{ couponValue }}</div>
            </div>
            <div class="content-middle pull-left">{{ couponValidity}}</div>
            <div class="content-right pull-left">
                <i class="iconfont checkbox{{#if checked}} icon-cb-radio{{^}} icon-radio{{/if}}"></i>
            </div>
        </div>
    </section>
{{/usableFreesCoupons}}