{$layout}
{$template "../settings_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="pi pi-globe"></i>
                {{t('index_DNS解析设置_0101')}}
            </div>
            
            <form class="ui form" data-tea-action="$" data-tea-success="success">
                <csrf-token></csrf-token>
                <input type="hidden" name="serverId" :value="serverId"/>
                
                <div class="config-item">
                    <div class="item-label">{{t('index_当前网站CNAME_0101')}}</div>
                    <div class="item-content">
                        <div class="ui segment basic">
                            <span id="cname-text" class="ui label large basic">
                                {{dnsName}}.<span v-if="dnsDomain.length > 0">{{dnsDomain}}</span><span v-else>{{t('index_根域名_0101')}}</span>
                            </span>
                            
                            <div class="ui mini buttons" style="margin-left: 0.5rem">
                                <copy-to-clipboard :v-target="'cname-text'"></copy-to-clipboard>
                                <a-button type="link" @click.prevent="regenerateCNAME()">
                                    <i class="pi pi-refresh"></i> {{t('index_重新生成_0101')}}
                                </a-button>
                                <a-button type="link" @click.prevent="updateCNAME()">
                                    <i class="pi pi-edit"></i> {{t('index_手动修改_0101')}}
                                </a-button>
                            </div>
                        </div>
                        
                        <p class="comment">{{t('index_你需要为你的每个_0101')}}<a :href="'/servers/server/settings/serverNames?serverId=' + serverId">{{t('index_网站域名_0101')}}</a>{{t('index_设置一个CNAME解析_0101')}}，{{t('index_值为上面内容_0101')}}。</p>
                        
                        <p v-if="dnsDomain.length == 0" class="ui message warning">
                            <i style="font-size: 16px; margin-right: 0.5em;" class="pi pi-exclamation-triangle"></i>
                            {{t('index_你尚未为当前网站所在集群指定CNAME根域名_0101')}}，{{t('index_可以在_0101')}} <a :href="'/clusters/cluster/settings/dns?clusterId=' + server.clusterId" target="_blank">{{t('index_集群DNS设置_0101')}}</a> {{t('index_修改_0101')}}。
                        </p>
                    </div>
                </div>
                
                <div class="config-item">
                    <div class="item-content">
                        <checkbox name="supportCNAME" :v-value="1" v-model="supportCNAME">{{t('index_支持任意域名CNAME_0101')}}</checkbox>
                        <p class="comment">{{t('index_选中后表示允许任意域名使用此服务的CNAME直接访问此服务_0101')}}。{{t('index_需要节点服务器可以正确解析DNS记录_0101')}}。{{t('index_在严格匹配域名时才会生效_0101')}}。{{t('index_此选项可能导致安全问题_0101')}}，{{t('index_请谨慎开启_0101')}}。</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>