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

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

    <div class="right-box">
        <first-menu>
            <menu-item :href="'.?clusterId=' + clusterId" class="active">{{t('settings_ddosProtection_index@设置')}}</menu-item>
            <menu-item :href="'.status?clusterId=' + clusterId" >{{t('settings_ddosProtection_index@状态')}}</menu-item>
        </first-menu>

        <form class="ui form" data-tea-action="$" data-tea-success="success">
            <csrf-token></csrf-token>
            <input type="hidden" name="clusterId" :value="clusterId"/>

            <ns-node-ddos-protection-config-box :v-ddos-protection-config="config" :v-default-configs="defaultConfigs"></ns-node-ddos-protection-config-box>

            <submit-btn></submit-btn>
        </form>
    </div>
</div>