{$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">规则集名称 *</td>
      <td>
        <input
          type="text"
          name="name"
          maxlength="100"
          ref="focus"
          v-model="setConfig.name"
        />
        <p class="comment">可以用来描述当前规则集用途。</p>
      </td>
    </tr>
    <tr>
      <td>规则 *</td>
      <td>
        <http-firewall-rules-box
          :v-rules="rules"
          :v-type="type"
        ></http-firewall-rules-box>
      </td>
    </tr>
    <tr v-show="rules.length > 1">
      <td>规则之间的关系</td>
      <td>
        <b-select
          name="connector"
          v-model="selectedConnector"
          style="width: 10em"
          @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>执行动作 *</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>允许局域网IP</td>
      <td>
        <checkbox name="ignoreLocal" v-model="setConfig.ignoreLocal"></checkbox>
        <p class="comment">
          选中后表示如果请求来自局域网IP，则直接跳过当前规则集。
        </p>
      </td>
    </tr>
    <tr>
      <td>允许搜索引擎</td>
      <td>
        <checkbox
          name="ignoreSearchEngine"
          v-model="setConfig.ignoreSearchEngine"
        ></checkbox>
        <p class="comment">
          选中后，表示如果请求来自常见搜索引擎的IP，则直接跳过当前规则集。
        </p>
      </td>
    </tr>
  </table>
  <submit-btn></submit-btn>
</form>
