{$layout "layout_popup"}

<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
	 <table class="ui table definition selectable">
		<tr>
			<td class="title">策略名称 *</td>
			<td>
				<input type="text" name="name" maxlength="100" ref="focus"/>
				<p class="comment">给策略起一个容易识别的名字。</p>
			</td>
		</tr>
		 <tr>
			 <td>启用预置的规则</td>
			 <td>
				 <div class="ui checkbox" v-for="group in groups" style="width:10em;margin-bottom:0.5em">
					 <input type="checkbox" name="groupCodes" :value="group.code" :id="'group-checkbox-' + group.code" v-model="group.isOn"/>
					 <label :for="'group-checkbox-' + group.code">{{group.name}}</label>
				 </div>
				 <p class="comment">可以启用一些我们预置的规则组。</p>
			 </td>
		 </tr>
		 <tr>
			 <td colspan="2"><more-options-indicator></more-options-indicator></td>
		 </tr>
		 <tbody v-show="moreOptionsVisible">
		 	<tr>
				<td>描述</td>
				<td>
					<textarea name="description" rows="3"></textarea>
				</td>
			</tr>
		 	<tr>
				<td>是否启用</td>
				<td>
					<div class="ui checkbox">
						<input type="checkbox" name="isOn" value="1" checked="checked"/>
						<label></label>
					</div>
				</td>
			</tr>
		 </tbody>
	 </table>
	<submit-btn></submit-btn>
</form>