{$layout "layout_popup"}

<!-- <h3 v-if="!isUpdating">添加域名绑定</h3> -->
<!-- <h3 v-if="isUpdating">修改域名绑定</h3> -->
<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
	<input type="hidden" name="mode" :value="mode"/>
	<table class="ui table selectable definition">
		<tr v-if="mode == 'single'">
			<td class="title">{{t('index_单个域名_0101')}} *</td>
			<td>
				<input type="text" name="serverName" ref="focus" maxlength="1024" v-model="serverName.name"/>
         <p class="comment">{{t('index_请输入单个域名_0101')}}，{{t('index_比如_0101')}}<code-label>example.com</code-label>、<code-label>www.example.com</code-label>，<strong> {{t('index_不要_0101')}}</strong> {{t('index_包含_0101')}}<code-label>http://</code-label> {{t('index_或_0101')}}<code-label>https://</code-label> {{t('index_或端口号_0101')}}；{{t('index_也可以使用泛域名_0101')}}，{{t('index_比如_0101')}}<code-label>*.example.com</code-label>。</p>
			</td>
		</tr>
		<tr v-if="mode == 'multiple'">
			<td class="title">{{t('index_多个域名_0101')}} *</td>
			<td>
				<textarea name="serverNames" ref="serverNames" v-model="multipleServerNames"></textarea>
				<p class="comment">{{t('index_每行一个域名_0101')}}，{{t('index_比如_0101')}}<code-label>example.com</code-label>、<code-label>www.example.com</code-label>，<strong> {{t('index_不要_0101')}}</strong> {{t('index_包含_0101')}}<code-label>http://</code-label> {{t('index_或_0101')}}<code-label>https://</code-label> {{t('index_或端口号_0101')}}；{{t('index_也可以使用泛域名_0101')}}，{{t('index_比如_0101')}}<code-label>*.example.com</code-label>。</p>
			</td>
		</tr>
	</table>
	<submit-btn></submit-btn> &nbsp; <a href="" v-if="mode == 'single'" @click.prevent="switchMode('multiple')">{{t('index_批量添加_0101')}}</a><a href="" v-if="mode == 'multiple'" @click.prevent="switchMode('single')">{{t('index_单个添加_0101')}}</a>
</form>