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

<div class="left-right-box-container">

    <div class="right-box">
        <div v-if="hasGroupConfig">
            <div class="margin"></div>
            <warning-message>{{t('waf_index@分组配置提示')}} <a :href="groupSettingURL">{{t('reverseProxy_index@网站分组')}}</a> {{t('access-log-config-box@中进行了对应的配置，在这里的配置将不会生效')}}</warning-message>
        </div>

        <div :class="{'opacity-mask': hasGroupConfig}">
            {$template "menu"}

            <form method="post" class="ui form" data-tea-action="$"  data-tea-success="success">
                <input type="hidden" name="webId" :value="webId"/>
                <div class="config-section">
                    <div class="section-title">
                        <i class="pi pi-server"></i>
                        {{t('waf_index@WAF设置')}}
                    </div>
                    <http-firewall-config-box :v-firewall-config="firewallConfig" :v-firewall-policy="firewallPolicy" @submit="submit"></http-firewall-config-box>
                </div>
                <submit-btn></submit-btn>
            </form>
        </div>
    </div>
</div>