{$layout}
{$template "menu"}

<div class="right-box">
    <div class="config-section">
        <div class="section-title">{{t('finance_orders_setting@订单设置')}}</div>
        <form class="ui form" data-tea-action="$" data-tea-success="success">
            <csrf-token></csrf-token>

            <div class="config-item">
                <div class="item-label">{{t('finance_orders_setting@启用在线支付')}}</div>
                <div class="item-content">
                    <checkbox name="enablePay" v-model="config.enablePay"></checkbox>
                    <p class="comment">{{t('finance_orders_setting@启用后，用户在用户系统中在线创建和支付订单。此功能需要你已经添加了支付方式')}}<span v-if="!hasValidMethods" class="red">{{t('finance_orders_setting@暂时没有添加可用的支付方式，此功能将不可用')}}</span></p>
                </div>
            </div>
            <div class="config-item">
                <div class="item-label">{{t('finance_orders_setting@不启用支付时的提示')}}</div>
                <div class="item-content">
                    <textarea name="disablePageHTML" v-model="config.disablePageHTML" :class="{disabled: config.enablePay}" rows="3" class="ui input"></textarea>
                    <p class="comment">{{t('finance_orders_setting@在没有启用在线支付或者没有可用的在线支付方式时的提示文字。支持HTML')}}</p>
                </div>
            </div>
            <div class="config-item">
                <div class="item-label">{{t('finance_orders_setting@订单过期时间')}}</div>
                <div class="item-content">
                    <time-duration-box :v-name="'orderLifeJSON'" :v-value="config.orderLife"></time-duration-box>
                    <p class="comment">{{t('finance_orders_setting@超过这个时间订单不能再支付')}}</p>
                </div>
            </div>
            <div class="config-item">
                 <div class="item-label"></div>
                 <div class="item-content">
                     <submit-btn></submit-btn>
                 </div>
            </div>
        </form>
    </div>
</div>