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

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

    {$ if .featureIsOn}
    <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>

    {$else}
    <server-feature-required></server-feature-required>
    {$end}
</div>