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

<div class="left-right-box-container">
    <div class="right-box" v-if="isGlobal">
        <p>当前不能修改全局设置</p>
    </div>
    <div class="right-box" v-if="!isGlobal">
        <div class="config-section">
            <div class="section-title">
                <i class="icon shield"></i>
                {{t('clusters_cluster_settings_waf_index@集群WAF设置')}}
            </div>
            <form class="ui form" method="post" data-tea-action="$" data-tea-success="success">
                <csrf-token></csrf-token>
                <input type="hidden" name="clusterId" :value="clusterId"/>

                <div class="config-item">
                    <div class="item-label">{{t('clusters_cluster_settings_waf_index@选择WAF策略')}}</div>
                    <div class="item-content">
                        <http-firewall-policy-selector :v-http-firewall-policy="firewallPolicy"></http-firewall-policy-selector>
                        <p class="comment">{{t('clusters_cluster_settings_waf_index@部署在当前集群上的所有网站都会自动使用此策略')}}</p>
                    </div>
                </div>

                <div class="config-item">
                    <div class="item-label"></div>
                    <div class="item-content">
                        <submit-btn></submit-btn>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>