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

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

        <warning-message v-if="!featureIsOn">{{t("servers_groups_group_settings_waf_ipadmin_denyList@尚未为当前用户开通此功能")}}</warning-message>

        {$ if .featureIsOn}
        <second-menu>
            <menu-item @click.prevent="createIP('black')">{{t("servers_groups_group_settings_waf_ipadmin_denyList@添加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="t('servers_groups_group_settings_waf_ipadmin_denyList@ID可以用于使用API操作此IP名单')"></tip-icon></span>
        </second-menu>

        <warning-message v-if="!wafIsOn">{{t("servers_groups_group_settings_waf_ipadmin_denyList@当前WAF未启用设置将在")}}<a :href="'/servers/server/settings/waf?serverId=' + serverId">{{t("servers_groups_group_settings_waf_ipadmin_denyList@启用Web防火墙")}}</a>{{t("servers_groups_group_settings_waf_ipadmin_denyList@后生效")}}</warning-message>

        <b-empty v-if="items.length == 0">{{t("servers_groups_group_settings_waf_ipadmin_denyList@暂时还没有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>