{$layout "layout_popup"}

<!-- <h3>修改规则集</h3> -->

<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
	<input type="hidden" name="setId" :value="setConfig.id"/>
	<table class="ui table definition selectable">
		<tr>
			<td class="title">{{t('waf_createSetPopup@规则集名称_带星号')}}</td>
			<td>
				<input type="text" name="name" maxlength="100" ref="focus" v-model="setConfig.name"/>
                <p class="comment">{{t('waf_createSetPopup@规则集用途描述')}}</p>
			</td>
		</tr>
		<tr>
			<td>{{t('waf_createSetPopup@规则_带星号')}}</td>
			<td style="word-break: break-word">
				<http-firewall-rules-box :v-rules="rules" :v-type="type"></http-firewall-rules-box>
			</td>
		</tr>
		<tr v-show="rules.length > 1">
			<td>{{t('waf_createSetPopup@规则之间关系_带星号')}}</td>
			<td>
				<b-select
					style="width:10em"
					name="connector"
					v-model="selectedConnector"
					@change="changeConnector()"
					:options="[
						...connectors.map(connector => ({
							label: connector.name,
							value: connector.value,
						}))
					]"
				></b-select>

				<!-- <select class="ui dropdown" name="connector" style="width:10em" @change="changeConnector()" v-model="selectedConnector">
					<option v-for="connector in connectors" :value="connector.value">{{connector.name}}</option>
				</select> -->
				<p class="comment">{{selectedConnectorDescription}}</p>
			</td>
		</tr>
		<tr>
            <td>{{t('waf_createSetPopup@执行动作_带星号')}}</td>
            <td>
                <http-firewall-actions-box :v-actions="actions" :v-firewall-policy="firewallPolicy" :v-action-configs="actionConfigs" :v-group-type="type"></http-firewall-actions-box>
            </td>
        </tr>
        <tr>
            <td>{{t('waf_createSetPopup@允许局域网IP')}}</td>
            <td>
                <checkbox name="ignoreLocal" v-model="setConfig.ignoreLocal"></checkbox>
                <p class="comment">{{t('waf_createSetPopup@跳过局域网IP提示')}}</p>
            </td>
        </tr>
        <tr>
            <td>{{t('waf_createSetPopup@允许搜索引擎')}}</td>
            <td>
                <checkbox name="ignoreSearchEngine" v-model="setConfig.ignoreSearchEngine"></checkbox>
                <p class="comment">{{t('waf_createSetPopup@跳过搜索引擎提示')}}</p>
            </td>
        </tr>
	</table>
	<submit-btn></submit-btn>
</form>