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

<div class="right-box with-menu dns-config-container">
	<div class="dns-config-form">
		<div class="form-title">DNS解析配置</div>
		
		<div class="config-section">
			<div class="section-title">
				<i class="icon globe"></i>
				<span>CNAME设置</span>
			</div>
			
			<div class="config-item">
				<div class="item-label">当前网站CNAME</div>
				<div class="item-content">
					<div class="cname-value">
						<span id="cname-text">{{dnsName}}.<span v-if="dnsDomain.length > 0">{{dnsDomain}}.</span><span v-else>根域名</span></span> 
						<copy-to-clipboard :v-target="'cname-text'"></copy-to-clipboard>
					</div>
					<p class="comment">你需要为你的每个<a style="color: var(--color-text-active) !important;" :href="'/servers/server/settings/serverNames?serverId=' + serverId">网站域名</a>设置一个CNAME解析，值为上面内容。</p>
				</div>
			</div>
		</div>
	</div>
</div>