{$layout}

<div class="left-right-box-container">
    {$template "/left_menu"}

    <div class="right-box">
        {$template "../menu"}

        <warning-message v-if="!featureIsOn">尚未为当前用户开通此功能。</warning-message>

        {$ if .featureIsOn}
        <second-menu>
            <menu-item @click.prevent="createIP('black')">添加IP</menu-item>
            <span class="separator">|</span>
            <div class="item"><ip-list-bind-box :v-http-firewall-policy-id="firewallPolicyId" :v-type="'black'"></ip-list-bind-box></div>
            <span class="separator">|</span>
            <span class="item">ID: {{listId}} &nbsp; <tip-icon content="ID可以用于使用API操作此IP名单"></tip-icon></span>
        </second-menu>

        <warning-message v-if="!wafIsOn">当前WAF未启用，设置将在<a :href="'/servers/server/settings/waf?serverId=' + serverId">[启用Web防火墙]</a>后生效。</warning-message>

        <b-empty v-if="items.length == 0">暂时还没有IP。</b-empty>
        <ip-list-table v-if="items.length > 0" :v-items="items" @update-item="updateItem" @delete-item="deleteItem"></ip-list-table>

        <div class="page" v-html="filterPageContent(page)"></div>
        {$end}
    </div>
</div>