{$layout}
{$template "menu"}

<div class="right-box">
	<form class="ui form" data-tea-action="$" data-tea-success="success">
		<csrf-token></csrf-token>

		<div class="config-section">
			<div class="section-title">{{t('ns_clusters_create@基本信息')}}</div>
			<div class="config-item">
				<div class="item-label">{{t('ns_clusters_create@集群名称*')}}</div>
				<div class="item-content">
					<input type="text" name="name" maxlength="50" ref="focus" placeholder="" class="ui input"/>
				</div>
			</div>
			<div class="config-item">
				<div class="item-label">{{t('ns_clusters_create@管理员电子邮箱*')}}</div>
				<div class="item-content">
					<input type="text" name="email" :placeholder="t('ns_clusters_create@比如JoeExampleOrgPlaceholder')" class="ui input"/>
					<p class="comment">{{t('ns_clusters_create@域名管理员电子邮箱地址用于生成SOA记录等处')}}</p>
				</div>
			</div>
		</div>

		<div class="config-section">
            <div class="section-title">{{t('ns_clusters_create@DNS主机域名SectionTitle')}} <span class="sub-title">({{t('ns_clusters_create@DNSHostsSubtitle')}})</span></div>
			<div class="config-item">
				<div class="item-label">{{t('ns_clusters_create@DNS主机域名Label')}}</div>
				<div class="item-content">
					<values-box name="hosts" :placeholder="t('ns_clusters_create@比如Ns1ExampleComPlaceholder')"></values-box>
					<p class="comment">{{t('ns_clusters_create@类似于')}}<code-label>ns1.example.com</code-label>；{{t('ns_clusters_create@需要确保这些域名已经解析到集群节点')}}</p>
				</div>
			</div>
		</div>

		<div class="config-section">
			<div class="section-title">{{t('settings_accessLog_index@访问日志设置')}}</div>
			<ns-access-log-ref-box :v-access-log-ref="accessLogRef"></ns-access-log-ref-box>
		</div>

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