{$layout}
{$template "/left_menu"}

<div class="right-box">
	<p class="comment"><a :href="'/dns/clusters/cluster?clusterId=' + clusterId">查看DNS解析记录 &raquo;</a></p>
	<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
		<input type="hidden" name="clusterId" :value="clusterId"/>
		<csrf-token></csrf-token>

		<table class="ui table selectable definition">
			<tr v-if="hasDomains">
				<td>选择主域名</td>
				<td>
					<dns-domain-selector :v-domain-id="domainId" :v-domain-name="domainName"></dns-domain-selector>
					<p class="comment">用于生成集群节点和网站服务的DNS解析记录。</p>
				</td>
			</tr>
			<tr>
				<td class="title">DNS子域名</td>
				<td>
					<div class="ui input right labeled">
						<input type="text" name="dnsName" maxlength="64" style="width:10em" v-model="dnsName"/>
						<span class="ui label">.主域名</span>
					</div>
					<p class="comment">和主域名一起组成子域名。</p>
				</td>
			</tr>
		</table>

		<submit-btn></submit-btn>
	</form>
</div>