{$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>

        <form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
            <input type="hidden" name="firewallPolicyId" :value="firewallPolicyId"/>
            <table class="ui table selectable definition">
                <tr>
                    <td class="title">IP *</td>
                    <td>
                        <input type="text" name="ip" class="text" maxlength="100" ref="focus" placeholder="x.x.x.x" v-model="ip"/>
                        <p class="comment">要检查的IP</p>
                    </td>
                </tr>
                <tr>
                    <td>检查结果</td>
                    <td>
                        <div v-if="result.isDone">
                            <div v-if="!result.isOk">
                                <span class="red">{{result.error}}</span>
                            </div>
                            <div v-if="result.isFound">
                                <div v-if="result.item != null">
                                    <div v-if="result.isAllowed">
                                        <span class="green" v-if="result.item.listType == 'white'">在白名单中 <ip-item-text :v-item="result.item"></ip-item-text>&nbsp;<a href="" @click.prevent="updateItem(result.list.id, result.item.id)" title="查看和修改"><i class="icon pencil small"></i></a></span>
                                        <span class="grey" v-if="result.item.listType == 'grey'">在灰名单中 <ip-item-text :v-item="result.item"></ip-item-text>&nbsp;<a href="" @click.prevent="updateItem(result.list.id, result.item.id)" title="查看和修改"><i class="icon pencil small"></i></a></span>
                                    </div>
                                    <div v-else>
                                        <span class="red">在黑名单中 <ip-item-text :v-item="result.item"></ip-item-text>&nbsp;<a href="" @click.prevent="updateItem(result.list.id, result.item.id)" title="查看和修改"><i class="icon pencil small"></i></a></span>
                                    </div>
                                </div>
                                <div v-if="result.province != null">
                                    <span class="red">在省份封禁中 "{{result.province.name}}"</span>
                                </div>
                                <div v-if="result.country != null && result.province == null">
                                    <span class="red">在国家/地区封禁中 "{{result.country.name}}"</span>
                                </div>
                            </div>
                            <div v-if="!result.isFound">
                                没有找到和{{ip}}匹配的配置。
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
            <submit-btn>检查IP状态</submit-btn>
        </form>
        {$end}
    </div>
</div>