{$layout}
{$template "menu"}

<div class="margin"></div>

<form class="ui form" data-tea-action="$" data-tea-success="success">
    <csrf-token></csrf-token>

    <div class="config-section">
        <div class="section-title">{{t('users_setting_server@网站设置')}}</div>

        <div class="config-item">
            <div class="item-label">{{t('users_setting_server@必须使用套餐')}}</div>
            <div class="item-content">
                <checkbox name="requirePlan" v-model="config.requirePlan"></checkbox>
                <p class="comment">{{t('users_setting_server@选中后，用户在创建网站时，必须选择一个套餐。')}}</p>
            </div>
        </div>

        <div class="config-item">
            <div class="item-label">{{t('users_setting_server@网站分组')}}<optional-label></optional-label></div>
            <div class="item-content">
                 <b-select
                    name="groupId"
                    v-model="config.groupId"
                    auto-width
                    :options="[
                        {label: t('选择分组'), value: '0'},
                        ...groups.map(group => ({
                            label: group.name,
                            value: group.id,
                        }))
                    ]"
                ></b-select>
                 <p class="comment">{{t('users_setting_server@用户创建的新网站自动加入此分组。')}}</p>
            </div>
        </div>

        <div class="config-item">
            <div class="item-label">{{t('users_setting_server@启用统计')}}</div>
            <div class="item-content">
                <checkbox name="enableStat" v-model="config.enableStat"></checkbox>
                <p class="comment">{{t('users_setting_server@选中后，用户在创建网站后，自动启用统计。')}}</p>
            </div>
        </div>

        <div class="config-item">
            <div class="item-label">{{t('users_setting_server@更多选项')}}</div>
            <div class="item-content"><more-options-indicator></more-options-indicator></div>
        </div>

        <div v-show="moreOptionsVisible">
            <div class="config-item">
                <div class="item-label">{{t('users_setting_server@缓存清理任务限制')}}</div>
                <div class="item-content">
                    <div class="ui fields inline" style="margin-bottom: 10px !important;">
                        <div class="ui field">
                            <div class="ui input right labeled">
                                <digit-input name="purgeMaxKeysPerTask" v-model="config.httpCacheTaskPurgeConfig.maxKeysPerTask"></digit-input>
                                <span class="ui label">{{t('users_setting_server@个URL/每任务')}}</span>
                            </div>
                            <p class="comment">{{t('users_setting_server@每次能提交的最多URL数量，默认。{0}', [defaultMaxCacheKeysPerTask])}}</p>
                        </div>
                    </div>
                    <div class="ui fields inline">
                        <div class="ui field">
                            <div class="ui input right labeled">
                                <digit-input name="purgeMaxKeysPerDay" v-model="config.httpCacheTaskPurgeConfig.maxKeysPerDay"></digit-input>
                                <span class="ui label">{{t('users_setting_server@个URL/天/每用户')}}</span>
                            </div>
                             <p class="comment">{{t('users_setting_server@每天每个用户能提交的最多URL数量，默认。{0}', [defaultMaxCacheKeysPerDay])}}</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="config-item">
                 <div class="item-label">{{t('users_setting_server@缓存预热任务限制')}}</div>
                 <div class="item-content">
                    <div class="ui fields inline" style="margin-bottom: 10px !important;">
                        <div class="ui field">
                            <div class="ui input right labeled">
                                <digit-input name="fetchMaxKeysPerTask" v-model="config.httpCacheTaskFetchConfig.maxKeysPerTask"></digit-input>
                                <span class="ui label">{{t('users_setting_server@个URL/每任务')}}</span>
                            </div>
                            <p class="comment">{{t('users_setting_server@每次能提交的最多URL数量，默认。{0}', [defaultMaxCacheKeysPerTask])}}</p>
                        </div>
                    </div>
                     <div class="ui fields inline">
                        <div class="ui field">
                            <div class="ui input right labeled">
                                <digit-input name="fetchMaxKeysPerDay" v-model="config.httpCacheTaskFetchConfig.maxKeysPerDay"></digit-input>
                                <span class="ui label">{{t('users_setting_server@个URL/天/每用户')}}</span>
                            </div>
                             <p class="comment">{{t('users_setting_server@每天每个用户能提交的最多URL数量，默认。{0}', [defaultMaxCacheKeysPerDay])}}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 提交按钮 -->
        <div class="config-item">
            <div class="item-label">{{t('users_setting_server@提交按钮')}}</div> <!-- 占位 -->
            <div class="item-content">
                 <submit-btn></submit-btn>
            </div>
        </div>
    </div> <!-- config-section 结束 -->
</form>