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

    <div class="right-box">
        <form class="ui form ddos-protection-form" data-tea-action="$" data-tea-success="success">
            <csrf-token></csrf-token>
            <input type="hidden" name="nodeId" :value="nodeId"/>
            
            <div class="config-section">
                <div class="section-title">
                    <i class="pi pi-shield"></i> {{t('ddos_protection_index@防护配置')}}
                </div>
                
                <div class="config-item">
                    <div class="item-content">
                        <node-ddos-protection-config-box :v-ddos-protection-config="config" :v-default-configs="defaultConfigs" :v-is-node="true" :v-cluster-is-on="clusterDDoSProtectionIsOn"></node-ddos-protection-config-box>
                    </div>
                </div>
            </div>
            
            <div class="message-section">
                <div class="ui message success" v-if="checkResult != null && checkResult.isOk">{{t('ddos_protection_index@节点检查结果')}}{{checkResult.message}}</div>
                <div class="ui message error" v-if="checkResult != null && !checkResult.isOk">{{t('ddos_protection_index@节点检查结果有错误发生')}}{{checkResult.message}}</div>
            </div>
            
            <div class="form-actions">
                <submit-btn></submit-btn>
            </div>
        </form>
    </div>
</div>