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

<div class="right-box with-menu">
    {$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>