{$layout}
{$template "list_menu"}
<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
    <csrf-token></csrf-token>
    <input type="hidden" name="listId" :value="list.id"/>
    <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">{{t('iplists@要检查的IP')}}</p>
            </td>
        </tr>
        <tr>
            <td>{{t('iplists@检查结果')}}</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'">{{t('iplists@在白名单中')}} <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>
                                <span class="grey"  v-if="result.item.listType == 'grey'">{{t('iplists@在灰名单中')}} <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('iplists@在黑名单中')}} <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>
                    <div v-if="!result.isFound">
                        {{t('iplists@没有找到和{0}匹配的配置', [ip])}}
                    </div>
                </div>
            </td>
        </tr>
    </table>
    <submit-btn>{{t('iplists@检查IP状态')}}</submit-btn>
</form>