{$layout}
{$template "../../settings_menu"}

<div class="left-right-box-container">
    {$template "/left_menu"}

    <div class="right-box">
        {$template "../menu"}

        <warning-message v-if="!featureIsOn">尚未为当前用户开通此功能。</warning-message>

        {$ if .featureIsOn}
        <warning-message v-if="!wafIsOn">当前WAF未启用，设置将在<a :href="'/servers/server/settings/waf?serverId=' + serverId">[启用Web防火墙]</a>后生效。</warning-message>
        <warning-message v-if="clusterFirewallPolicy != null && clusterFirewallPolicy.mode != 'defend'">当前网站所在集群的WAF策略模式为
            <span v-if="clusterFirewallPolicy.modeInfo != null"><strong>{{clusterFirewallPolicy.modeInfo.name}}</strong></span>
            <span v-else>非防御模式</span>，当前设置将不会生效。
        </warning-message>

        <form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
            <input type="hidden" name="firewallPolicyId" :value="firewallPolicyId"/>
            <input type="hidden" name="exceptURLPatternsJSON" :value="JSON.stringify(exceptURLPatterns)"/>
            <input type="hidden" name="onlyURLPatternsJSON" :value="JSON.stringify(onlyURLPatterns)"/>
            <table class="ui table selectable definition">
                <tr>
                    <td class="title">仅允许的区域</td>
                    <td>
                        <http-firewall-region-selector :v-countries="allowedCountries" :v-type="'allow'" @change="changeAllowedCountries"></http-firewall-region-selector>
                    </td>
                </tr>
                <tr>
                    <td class="title">仅封禁的区域</td>
                    <td>
                        <p class="comment" v-if="allowedCountries.length > 0">由于你已设置"仅允许的区域"，所以不需要再设置封禁区域。</p>
                        <http-firewall-region-selector :v-countries="deniedCountries" :v-type="'deny'" v-show="allowedCountries.length == 0"></http-firewall-region-selector>
                    </td>
                </tr>
                <tr>
                    <td colspan="2"><more-options-indicator></more-options-indicator></td>
                </tr>
                <tbody v-show="moreOptionsVisible">
                    <tr>
                        <td>例外URL &nbsp;<tip-icon content="对这些URL将不做任何限制。"></tip-icon></td>
                        <td><url-patterns-box v-model="exceptURLPatterns"></url-patterns-box></td>
                    </tr>
                    <tr>
                        <td>限制URL &nbsp;<tip-icon content="只对这些URL做限制。"></tip-icon></td>
                        <td><url-patterns-box v-model="onlyURLPatterns"></url-patterns-box></td>
                    </tr>
                    <tr>
                        <td>提示内容</td>
                        <td>
                            <textarea v-model="countryHTML" name="countryHTML" rows="3"></textarea>
                            <p class="comment">当客户端所在区域被封禁时提示页面的HTML内容；不填则表示使用默认的提示内容；支持请求变量。</p>
                        </td>
                    </tr>
                    <tr>
                        <td>允许搜索引擎</td>
                        <td>
                            <checkbox name="allowSearchEngine" v-model="allowSearchEngine"></checkbox>
                            <p class="comment">选中后，表示如果请求来自常见搜索引擎的IP，则不受区域限制。</p>
                        </td>
                    </tr>
                </tbody>
            </table>
            <submit-btn></submit-btn>
        </form>
        {$end}
    </div>
</div>