{$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 system-settings-form" data-tea-success="success" data-tea-action="$">
            <input type="hidden" name="nodeId" :value="node.id"/>
            <csrf-token></csrf-token>
            
            <div class="config-section">
                <div class="section-title">
                    <i class="pi pi-microchip"></i> {{t('system_index@系统资源配置')}}
                </div>
                
                <div class="config-item">
                    <div class="item-label">{{t('system_index@CPU线程数')}}</div>
                    <div class="item-content">
                        <input type="text" name="maxCPU" v-model="node.maxCPU" style="width:5em" maxlength="4" class="ui input"/>
                        <p class="comment">{{t('system_index@当前节点可以使用的最多的CPU线程数如果为0则默认为总的CPU线程数')}}<pro-warning-label></pro-warning-label></p>
                    </div>
                </div>
                
                <div class="config-item" v-show="teaIsPlus">
                    <div class="item-label">{{t('system_index@BYPASS移动')}}</div>
                    <div class="item-content">
                        <checkbox :v-value="1" :name="bypassMobileCheckbox" v-model="node.bypassMobileCheckbox" @change="changeBypassMobile">
                            <slot></slot>
                        </checkbox>
                        <p class="comment"><plus-label></plus-label>{{t('system_index@选中后可优化移动网络访问成功率对于正常站点会增加访问延迟节点需安装nftables')}}<pro-warning-label></pro-warning-label></p>
                    </div>
                </div>
                
                <div class="config-item" v-show="teaIsPlus && node.bypassMobileCheckbox">
                    <div class="item-label">{{t('system_index@BYPASS移动窗口大小')}}</div>
                    <div class="item-content">
                        <input type="text" name="bypassMobile" v-model="node.bypassMobile" class="ui input"/>
                        <p class="comment"><plus-label></plus-label>{{t('system_index@TCP接收窗口大小默认值17')}}<pro-warning-label></pro-warning-label></p>
                    </div>
                </div>
            </div>
            
            <div class="config-section">
                <div class="section-title">
                    <i class="pi pi-globe"></i> {{t('system_index@DNS解析')}}
                </div>
                
                <div class="config-item">
                    <div class="item-content">
                        <dns-resolver-config-box :v-dns-resolver-config="dnsResolverConfig"></dns-resolver-config-box>
                    </div>
                </div>
            </div>
            
            <div class="config-section">
                <div class="section-title">
                    <i class="pi pi-code"></i> {{t('system_index@API相关')}}
                </div>
                
                <div class="config-item">
                    <div class="item-label">{{t('system_index@API节点地址')}}</div>
                    <div class="item-content">
                        <div style="margin-bottom: 0.5em">
                            <api-node-addresses-box :v-name="'apiNodeAddrsJSON'" :v-addrs="apiNodeAddrs"></api-node-addresses-box>
                        </div>
                        <p class="comment">{{t('system_index@当前节点单独使用的API节点设置')}}<pro-warning-label></pro-warning-label></p>
                    </div>
                </div>
            </div>
            
            <div class="form-actions">
                <submit-btn></submit-btn>
            </div>
        </form>
    </div>
</div>