{$layout "layout_popup"}

<h3>修改DNS服务商账号</h3>
<form class="ui form" data-tea-action="$" data-tea-success="success">
	<csrf-token></csrf-token>
	<input type="hidden" name="providerId" :value="provider.id"/>
	<input type="hidden" name="type" :value="provider.type"/>
	<table class="ui table definition selectable">
		<tr>
			<td class="title">账号说明 *</td>
			<td>
				<input type="text" name="name" maxlength="50" ref="focus" v-model="provider.name"/>
				<p class="comment">用来方便区分不同的账号。</p>
			</td>
		</tr>
		<tr>
			<td>服务商厂家 *</td>
			<td>
				{{provider.typeName}}
				<p class="comment">创建后无法修改此选项。</p>
			</td>
		</tr>
		<tr>
			<td colspan="2">API参数</td>
		</tr>

		<!-- DNSPod -->
		<tbody v-if="provider.type == 'dnspod'">
			<tr>
				<td>密钥ID *</td>
				<td>
					<input type="text" name="paramId" maxlength="100" v-model="provider.params.id"/>
					<p class="comment">获取方法参考：<a href="https://docs.dnspod.cn/account/5f2d466de8320f1a740d9ff3/" target="_blank">文档</a> </p>
				</td>
			</tr>
			<tr>
				<td>密钥Token *</td>
				<td>
					<input type="text" name="paramToken" maxlength="100" v-model="provider.params.token"/>
					<p class="comment">获取方法参考：<a href="https://docs.dnspod.cn/account/5f2d466de8320f1a740d9ff3/" target="_blank">文档</a> </p>
				</td>
			</tr>
		</tbody>

		<!-- AliDNS -->
		<tbody v-if="provider.type == 'alidns'">
			<tr>
				<td>AccessKeyId *</td>
				<td>
					<input type="text" name="paramAccessKeyId" maxlength="100" v-model="provider.params.accessKeyId"/>
					<p class="comment">登录阿里云控制台 -- 在"访问控制"中创建和获取。</p>
				</td>
			</tr>
			<tr>
				<td>AccessKeySecret *</td>
				<td>
					<input type="text" name="paramAccessKeySecret" maxlength="100" v-model="provider.params.accessKeySecret"/>
					<p class="comment">登录阿里云控制台 -- 在"访问控制"中创建和获取。</p>
				</td>
			</tr>
		</tbody>
	</table>

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