{$layout}

{$template "../waf_menu"}
{$template "menu"}

<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)" />

    <div class="left-right-box-container">
        <div class="right-box">
            <!-- 区域设置 -->
            <div class="config-section">
                <div class="section-title">
                    <i class="icon globe"></i>
                    {{t('waf_ipadmin@区域设置')}}
                </div>

                <div class="config-item">
                    <div class="item-label">{{t('waf_ipadmin@仅允许的区域')}}</div>
                    <div class="item-content">
                        <http-firewall-region-selector :v-countries="allowedCountries" :v-type="'allow'"
                            @change="changeAllowedCountries"></http-firewall-region-selector>
                    </div>
                </div>

                <div class="config-item">
                    <div class="item-label">{{t('waf_ipadmin@仅封禁的区域')}}</div>
                    <div class="item-content">
                        <p class="comment" v-if="allowedCountries.length > 0">{{t('waf_ipadmin@提示')}}</p>
                        <http-firewall-region-selector :v-countries="deniedCountries" :v-type="'deny'"
                            v-show="allowedCountries.length == 0"></http-firewall-region-selector>
                    </div>
                </div>
            </div>

            <!-- 更多选项 -->
            <div class="config-section" v-show="moreOptionsVisible">
                <div class="section-title">
                    <i class="icon cog"></i>
                    {{t('waf_ipadmin@更多选项')}}
                </div>

                <div class="config-item">
                    <div class="item-label">
                        {{t('waf_ipadmin@例外URL')}}
                        <tip-icon :content="t('waf_ipadmin@对这些URL将不做任何限制。')"></tip-icon>
                    </div>
                    <div class="item-content">
                        <url-patterns-box v-model="exceptURLPatterns"></url-patterns-box>
                    </div>
                </div>

                <div class="config-item">
                    <div class="item-label">
                        {{t('waf_ipadmin@限制URL')}}
                        <tip-icon content="只对这些URL做限制。"></tip-icon>
                    </div>
                    <div class="item-content">
                        <url-patterns-box v-model="onlyURLPatterns"></url-patterns-box>
                    </div>
                </div>

                <div class="config-item">
                    <div class="item-label">
                        {{t('waf_ipadmin@提示内容')}}
                    </div>
                    <div class="item-content">
                        <textarea v-model="countryHTML" name="countryHTML" rows="3"></textarea>
                        <p class="comment">{{t('waf_ipadmin@提示')}}</p>
                    </div>
                </div>

                <div class="config-item">
                    <div class="item-label">
                        {{t('waf_ipadmin@允许搜索引擎')}}
                    </div>
                    <div class="item-content">
                        <checkbox name="allowSearchEngine" v-model="allowSearchEngine"></checkbox>
                        <p class="comment">{{t('waf_ipadmin@选中后，表示如果请求来自常见搜索引擎的IP，则不受区域限制。')}}</p>
                    </div>
                </div>
            </div>

            <div class="config-section">
                <more-options-indicator></more-options-indicator>
            </div>
            <div class="margin"></div>
            <submit-btn></submit-btn>
        </div>
    </div>


</form>