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

    <div class="left-right-box-container">
        <div class="right-box">
            <!-- IP检查设置 -->
            <div class="config-section">
                <div class="section-title">
                    <i class="icon search"></i>
                    {{t('ipadmin@IP检查设置')}}
                </div>

                <div class="config-item">
                    <div class="item-label">IP *</div>
                    <div class="item-content">
                        <input type="text" name="ip" class="text" maxlength="100" ref="focus" placeholder="x.x.x.x"
                            v-model="ip" />
                        <p class="comment">{{t('ipadmin@要检查的IP')}}</p>
                    </div>
                </div>

                <div class="config-item">
                    <div class="item-label">{{t('ipadmin@检查结果')}}</div>
                    <div class="item-content">
                        <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">{{t('ipadmin@在')}} {{result.list.name}} {{t('ipadmin@中')}} <ip-item-text
                                                :v-item="result.item"></ip-item-text>&nbsp;<a href=""
                                                @click.prevent="updateItem(result.item.id)" title="查看和修改"><i
                                                    class="icon pencil small"></i></a></span>
                                    </div>
                                    <div v-else>
                                        <span class="red">{{t('ipadmin@在')}} {{result.list.name}} {{t('ipadmin@中')}} <ip-item-text
                                                :v-item="result.item"></ip-item-text>&nbsp;<a href=""
                                                @click.prevent="updateItem(result.item.id)" title="查看和修改"><i
                                                    class="icon pencil small"></i></a></span>
                                    </div>
                                </div>
                                <div v-if="result.province != null">
                                    <span class="red">{{t('ipadmin@在省份封禁中')}} "{{result.province.name}}"</span>
                                </div>
                                <div v-if="result.country != null && result.province == null">
                                    <span class="red">{{t('ipadmin@在国家/地区封禁中')}} "{{result.country.name}}"</span>
                                </div>
                            </div>
                            <div v-if="!result.isFound">
                                {{t('ipadmin@没有找到和')}} {{ip}} {{t('ipadmin@匹配的配置。')}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="margin"></div>
            <submit-btn>{{t('ipadmin@检查IP状态')}}</submit-btn>
        </div>
    </div>


</form>