<div class="installment-order-page yoho-page">
    {{#order}}
        <div class="order-info">
            {{#greaterThanZero refunded_amt}}
                <div class="refund-text">
                    该订单已退款¥{{refunded_amt}}
                </div>
            {{/greaterThanZero}}
            <div class="order-detail">
                {{#order_goods}}
                    <div class="image-box">
                        <img src="{{image goods_image 90 120}}" alt="{{product_name}}">
                    </div>
                    <div class="info-box">
                        <h3>{{product_name}}</h3>
                        <h4>订单编号: {{../order_code}}</h4>
                        <div class="date-box">{{../create_time}}</div>
                    </div>
                {{/order_goods}}
            </div>

            <div class="installment-summary">

                <div class="installment-box">
                    <div>分期本金</div>
                    <div>¥{{avg_principal_amt}}</div>
                </div>

                <div class="installment-box">
                    <div>分期手续费</div>
                    <div>¥{{avg_fee_amt}}</div>
                </div>

                <div class="installment-box">
                    <div>分期总应还</div>
                    <div>¥{{total_amt}}</div>
                </div>
            </div>
        </div>
        <div class="detail-list-container {{#greaterThanZero refunded_amt}}refunded-list{{/greaterThanZero}}">
            <ul class="installment-list repay-list">
                {{#each package_list}}
                    <li>
                        {{#isPaymentIncomplete status}}
                            <input id="sort-{{@index}}" type="checkbox"
                                   class="installment-check-btn installment-term"
                                   data-order-code="{{../order_code}}"
                                   data-curr-amt="{{curr_amt}}"
                                   data-sort-id="{{sort_id}}"
                                   data-fee="{{curr_fee_amt}}"
                                   data-delay-fee="{{curr_dealy_fee_amt}}"
                                   data-amount="{{curr_principal_amt}}"/>
                        {{/isPaymentIncomplete}}
                        <label for="sort-{{@index}}">
                            {{#isPaymentComplete status}}
                                <span class="detail-index">{{sort_id}}.</span>
                            {{/isPaymentComplete}}

                            <span class="amount">¥{{curr_amt}}</span>
                            <div class="fee">
                                {{curr_date}}
                                本金:¥{{curr_principal_amt}}

                                {{#if curr_fee_amt}}
                                    手续费:¥{{curr_fee_amt}}
                                {{/if}}

                                {{#greaterThanZero curr_dealy_fee_amt}}
                                    逾期服务费:¥{{curr_dealy_fee_amt}}
                                {{/greaterThanZero}}
                            </div>
                            <div class="status">
                                {{desc}}
                                <span class="iconfont notice">&#xe639;</span>
                            </div>
                            <div class="clearfix"></div>
                        </label>
                    </li>
                {{/each}}
            </ul>
        </div>
    {{/order}}
    {{> installment/repayment-bottom}}

    {{#isRefundedAll order.status}}
        <div class="all-completed">已退款</div>
    {{/isRefundedAll}}

    {{#isRepaymentAllCompleted order.status}}
        <div class="all-completed">已还清</div>
    {{/isRepaymentAllCompleted}}
</div>