{$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 dns-settings-form" data-tea-action="$" data-tea-success="success">
            <csrf-token></csrf-token>
            <input type="hidden" name="nodeId" :value="node.id"/>
            
            <div class="config-section">
                <div class="section-title">
                    <i class="pi pi-globe"></i> {{t('dns_index@DNS线路配置')}}
                </div>
                
                <div class="config-item">
                    <div class="item-label">{{t('dns_index@DNS线路')}}</div>
                    <div class="item-content">
                        <div v-if="allDNSRoutes.length > 0">
                            <dns-route-selector :v-all-routes="allDNSRoutes" :v-routes="dnsRoutes"></dns-route-selector>
                            <p class="comment">{{t('dns_index@当前节点对应的DNS线路可用线路是根据集群设置的域名获取的注意DNS服务商可能对这些线路有其他限制')}}</p>
                        </div>
                        <div v-else>
                            <span class="disabled">{{t('dns_index@暂时没有可选的线路')}}</span>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="form-actions">
                <submit-btn></submit-btn>
            </div>
        </form>
    </div>
</div>