{$layout}

<first-menu>
	<menu-item href="/settings/pages" :active="true">{{t('settings_pages_index@服务配置')}}</menu-item>
    <menu-item href="/settings/pages/storages">{{t('settings_pages_index@存储管理')}}</menu-item>
    <menu-item href="/settings/pages/storages/create">{{t('settings_pages_index@添加存储')}}</menu-item>
</first-menu>

<div class="margin"></div>
<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
	<csrf-token></csrf-token>
	<div class="config-section">
	    <div class="section-title">{{t('settings_pages_index@Pages 服务配置')}}</div>
        
        <div class="config-item">
            <div class="item-label">{{t('settings_pages_index@启用 Pages 服务')}}</div>
            <div class="item-content">
                <p-switch name="isOn" v-model="config.isOn"></p-switch>
                <p class="comment">{{t('settings_pages_index@启用后，用户才能上传和管理静态网站页面。')}}</p>
            </div>
        </div>
        
        <div class="config-item">
            <div class="item-label">{{t('settings_pages_index@默认存储')}}</div>
            <div class="item-content">
                <b-select
                name="storageId"
                v-model="storageId"
                :options="[
                    ...storages.map(node => ({
                        label: node.name??'',
                        value: node.id??'',
                    }))
                ]"
                :placeholder="t('settings_pages_index@选择默认的存储方式')"
            ></b-select>
            <p class="comment">{{t('settings_pages_index@选中后表示后续存储使用该存储方式存储用户上传的pages页面。')}}</p>
            </div>
        </div>
        
        <div class="config-item">
            <div class="item-label">{{t('settings_pages_index@默认首页')}}</div>
            <div class="item-content">
                <input type="text" name="indexPage" v-model="config.defaultPage" maxlength="50" :placeholder="t('settings_pages_index@例如：index.html')"/>
                 <p class="comment">{{t('settings_pages_index@访问网站根目录时默认展示的文件名。')}}</p>
            </div>
        </div>
        
        <div class="config-item">
            <div class="item-label">{{t('settings_pages_index@默认404页面')}}</div>
            <div class="item-content">
                <input type="text" name="default404Page" v-model="config.default404Page" maxlength="50" :placeholder="t('settings_pages_index@例如：404.html')"/>
                 <p class="comment">{{t('settings_pages_index@当用户访问不存在的页面时，默认展示的文件名。')}}</p>
            </div>
        </div>
    </div>
	<submit-btn></submit-btn>
</form>