{$layout}
{$template "../menu"}
{$template "/left_menu_with_menu"}

<div class="left-right-box-container">

	<div class="right-box">
		<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
			<input type="hidden" name="clusterId" :value="clusterId"/>

			<div class="config-section">
				<div class="section-title">{{t('settings_answer_index@应答模式设置')}}</div>

				<div class="config-item">
					<div class="item-label">{{t('settings_answer_index@应答模式')}} *</div>
					<div class="item-content">
						<b-select
							name="mode"
							v-model="config.mode"
							auto-width
							:options="[
								...modes.map(mode => ({
									label: mode.name,
									value: mode.code,
								}))
							]"
						></b-select>
						<p class="comment" v-for="mode in modes" v-if="mode.code == config.mode">{{mode.description}}</p>
					</div>
				</div>

				<div class="config-item" v-show="config.mode == 'random'">
					<div class="item-label">{{t('settings_answer_index@最多结果数量')}}</div>
					<div class="item-content">
						<input type="text" name="maxSize" v-model="config.maxSize" style="width: 7em;"/>
					</div>
				</div>
			</div>

			<submit-btn></submit-btn>
		</form>
	</div>
</div>