{$layout}

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

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

    <div class="right-box">
        <div class="config-section">
            <div class="section-title">
                <i class="icon project diagram"></i>
                {{t('clusters_cluster_settings_network_security_index@网络安全策略')}}
            </div>

            <div style="padding: 1rem 1rem 0 1rem;">
                 <warning-message>{{t('clusters_cluster_settings_network_security_index@此功能为试验功能')}}</warning-message>
            </div>

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

                <div class="config-item" v-show="!isGlobal">
                    <div class="item-label">{{t('clusters_cluster_settings_network_security_index@使用全局配置')}}</div>
                    <div class="item-content">
                        <p-switch name="useGlobal" v-model="useGlobal"></p-switch>
                        <p class="comment">{{t('clusters_cluster_settings_network_security_index@确定当前配置是否使用全局集群配置')}}</p>
                    </div>
                </div>

                <div class="config-item">
                    <div class="item-label">{{t('clusters_cluster_settings_network_security_index@启用数据包统计')}}</div>
                    <div class="item-content">
                        <b-select
                            name="status"
                            v-model="policy.status"
                            auto-width
                            :options="[
                                {label: t('clusters_cluster_settings_network_security_index@自动'), value: 'auto'},
                                {label: t('clusters_cluster_settings_network_security_index@启用'), value: 'on'},
                                {label: t('clusters_cluster_settings_network_security_index@停用'), value: 'off'},
                            ]"
                        ></b-select>
                        <p class="comment" v-if="policy.status == 'auto'">{{t('clusters_cluster_settings_network_security_index@自动根据服务器硬件配置决定是否启用')}}</p>
                        <p class="comment" v-if="policy.status == 'on'">{{t('clusters_cluster_settings_network_security_index@强制启用如果节点服务器配置较低')}}</p>
                        <p class="comment" v-if="policy.status == 'off'">{{t('clusters_cluster_settings_network_security_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>