{$layout}
{$template "menu"}

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

	<div class="config-section">
		<div class="section-title">{{t('log_settings@日志设置')}}</div>

		<div class="config-item" v-show="logConfig.canChange">
			<div class="item-label">{{t('log_settings@允许手动删除日志')}}</div>
			<div class="item-content">
				<checkbox name="canDelete" v-model="logConfig.canDelete"></checkbox>
			</div>
		</div>

		<div class="config-item" v-show="logConfig.canChange">
			<div class="item-label">{{t('log_settings@允许手动清理')}}</div>
			<div class="item-content">
				<checkbox name="canClean" v-model="logConfig.canClean"></checkbox>
			</div>
		</div>

		<div class="config-item" v-show="logConfig.canChange">
			<div class="item-label">{{t('log_settings@日志保留天数')}}</div>
			<div class="item-content">
				<input type="text" name="days" v-model="logConfig.days" style="width:5em" maxlength="3"/>
				<p class="comment">{{t('log_settings@超过此天数的日志将会被自动清理，0表示不自动清理')}}</p>
			</div>
		</div>

		<div class="config-item">
			<div class="item-label">{{t('log_settings@最大容量限制')}}</div>
			<div class="item-content">
				<size-capacity-box :v-name="'capacityJSON'" :v-value="logConfig.capacity"></size-capacity-box>
				<p class="comment">{{t('log_settings@超出此容量限制后将会发送提醒')}}</p>
			</div>
		</div>

		<div class="config-item" v-show="logConfig.canChange">
			<div class="item-label">{{t('log_settings@允许修改清除配置')}}</div>
			<div class="item-content">
				<checkbox name="canChange" v-model="logConfig.canChange"></checkbox>
				<p class="comment">{{t('log_settings@选中后，不能再次修改删除、清理等相关设置，防止攻击者用来擦除日志')}}</p>
			</div>
		</div>
	</div>

	<div class="margin"></div>
	<submit-btn></submit-btn>
</form>