{{> layout/header}}
<div class="order-ensure-page yoho-page tickets-confirm-page">
    <section class="dispatch block">
        <!--<div class="sorry-tips">
            <p>虚拟商品不支持退换货，抱歉！</p>
        </div>-->
        <div class="sub-block payment-type">
            <h3>
                <p>支付方式</p>
                <span>在线支付</span>
            </h3>
        </div>
        <div class="sub-block delivery-id">
            <h3>
                <p>发送时间</p>
                <span>自动发货</span>
            </h3>
            <h4>在您支付成功后，系统将立即为您发送二维码，您可以在订单中查看。</h4>
        </div>
    </section>

    <section class="block tickets-mobile">
        <input type="text" name="mobile" placeholder="手机号" id="mobile">
        <span class="mobile-tips">(必填)</span>
    </section>

    <section class="block goods-bottom">
        {{#each goods}}
        {{> me/order/good}}
        {{/each}}
    </section>

    <section class="block dispatch">
        <div class="yoho-coin">
            <ul class="sale-invoice">
                <li class="coin" data-yoho-coin="{{yohoCoin}}">
                    <span class="title">YOHO币</span>

                    {{#if yohoCoin}}
                    <span class="desc used {{#unless useYohoCoin}}hide{{/unless}}">已抵¥{{useYohoCoin}}</span>
                    <span class="desc can-use {{#if useYohoCoin}}hide{{/if}}">可抵¥{{yohoCoin}}</span>

                    {{#if useYohoCoin}}
                <span class="coin-check">
                    <!-- <em>- ¥ {{useYohoCoin}}</em> -->
                    <i class="iconfont checkbox icon-cb-radio"></i>
                </span>
                    {{else}}
                <span class="coin-check">
                    <!-- <em style="display: none;">- ¥ {{useYohoCoin}}</em> -->
                    <i class="iconfont checkbox icon-radio"></i>
                </span>
                    {{/if}}
                    {{^}}
                <span class="not-used coin-check">
                    无YOHO币可用
                </span>
                    {{/if}}
                </li>
            </ul>
        </div>
        <div class="sub-block delivery-id">
            <h3>
                <p>发票</p>
            </h3>
            <h4>
                如需开具发票，请于我们的客服联系<br>
                客服电话：400-889-9646。
            </h4>
        </div>
    </section>

    <section  class="price-cal block">
        <ul class="total">
            {{#cartPayData}}
            <li>
                <p>{{promotion}}</p>
                <span>{{promotion_amount}}</span>
            </li>
            {{/cartPayData}}
        </ul>
        <div class="price-cost">
            实付金额
            <span>¥{{price}}</span>
        </div>
    </section>
    <div class="bill">
        您需要支付：<span>¥{{price}}</span>
        <a href="javascript:;" id="ticketsConfirm">确认</a>
    </div>
    <input type="hidden" name="ticketsPage" id="ticketsPage" value="1">
    <input type="hidden" name="productSku" id="productSku" value="{{productSku}}">
    <input type="hidden" name="buyNumber" id="buyNumber" value="{{buyNumber}}">
</div>
{{> layout/footer}}