{$layout "layout_popup"}

<!-- <h3>{{t('dns_providers@修改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">{{t('dns_providers@账号说明*')}}</td>
			<td>
				<input type="text" name="name" maxlength="50" ref="focus" v-model="provider.name"/>
				<p class="comment">{{t('dns_providers@用来方便区分不同的账号。')}}</p>
			</td>
		</tr>
		<tr>
			<td>{{t('dns_providers@服务商厂家*')}}</td>
			<td>
				{{provider.typeName}}
				<p class="comment">{{typeDescription}}{{t('dns_providers@创建后无法修改此选项。')}}</p>
			</td>
		</tr>
		<tr>
			<td colspan="2">{{t('dns_providers@API参数')}}</td>
		</tr>

		<!-- DNSPod -->
		<tbody v-if="provider.type == 'dnspod'">
            <tr>
                <td>{{t('dns_providers@密钥类型*')}}</td>
                <td>
                    <b-select
                        name="paramDNSPodAPIType"
                        v-model="provider.params.apiType"
                        auto-width
                        :options="[
                            {label: t('dns_providers@腾讯云API密钥'), value: 'tencentDNS'},
                            {label: t('dns_providers@DNSPodToken'), value: 'dnsPodToken'},
                        ]"
                    ></b-select>

                    <!-- <select class="ui dropdown auto-width" name="paramDNSPodAPIType" v-model="provider.params.apiType">
                        <option value="tencentDNS">{{t('dns_providers@腾讯云API密钥')}}</option>
                        <option value="dnsPodToken">{{t('dns_providers@DNSPodToken')}}</option>
                    </select> -->
                </td>
            </tr>
            <tr v-show="provider.params.apiType == 'tencentDNS'">
                <td>{{t('dns_providers@SecretId*')}}</td>
                <td>
                    <input type="text" name="paramDNSPodAccessKeyId" maxlength="100" v-model="provider.params.accessKeyId"/>
                    <p class="comment">{{t('dns_providers@在DNSPod控制台"账号中心--API密钥"中获取。')}}</p>
                </td>
            </tr>
            <tr v-show="provider.params.apiType == 'tencentDNS'">
                <td>{{t('dns_providers@SecretKey*')}}</td>
                <td>
                    <input type="text" name="paramDNSPodAccessKeySecret" maxlength="100" v-model="provider.params.accessKeySecret"/>
                    <p class="comment">{{t('dns_providers@在DNSPod控制台"账号中心--API密钥"中获取。')}}<mask-warning></mask-warning></p>
                </td>
            </tr>
			<tr v-show="provider.params.apiType == null || provider.params.apiType.length == 0 || provider.params.apiType == 'dnsPodToken'">
				<td>{{t('dns_providers@密钥ID*')}}</td>
				<td>
					<input type="text" name="paramDNSPodId" maxlength="100" v-model="provider.params.id"/>
					<p class="comment">{{t('dns_providers@在DNSPod控制台"账号中心--API密钥--DNSPodToken"中获取。')}}</p>
				</td>
			</tr>
			<tr v-show="provider.params.apiType == null || provider.params.apiType.length == 0 || provider.params.apiType == 'dnsPodToken'">
				<td>{{t('dns_providers@密钥Token*')}}</td>
				<td>
					<input type="text" name="paramDNSPodToken" maxlength="100" v-model="provider.params.token" spellcheck="false"/>
                    <p class="comment">{{t('dns_providers@在DNSPod控制台"账号中心--API密钥--DNSPodToken"中获取。')}}<mask-warning></mask-warning></p>
				</td>
			</tr>
            <tr v-if="provider.params.apiType == null || provider.params.apiType.length == 0 || provider.params.apiType == 'dnsPodToken'">
                <td>{{t('dns_providers@区域')}}</td>
                <td>
                    <b-select
                        name="paramDNSPodRegion"
                        v-model="provider.params.region"
                        auto-width
                        :options="[
                            {label: t('dns_providers@中国站'), value: ''},
                            {label: t('dns_providers@国际站'), value: 'international'},
                        ]"
                    ></b-select>

                    <!-- <select class="ui dropdown auto-width" name="paramDNSPodRegion" v-model="provider.params.region">
                        <option value="">{{t('dns_providers@中国站')}}</option>
                        <option value="international">{{t('dns_providers@国际站')}}</option>
                    </select> -->
                </td>
            </tr>
		</tbody>

		<!-- AliDNS -->
		<tbody v-if="provider.type == 'alidns'">
			<tr>
				<td>{{t('dns_providers@AccessKeyId*')}}</td>
				<td>
					<input type="text" name="paramAliDNSAccessKeyId" maxlength="100" v-model="provider.params.accessKeyId" spellcheck="false"/>
					<p class="comment">{{t('dns_providers@登录阿里云控制台--在访问控制中创建和获取。')}}</p>
				</td>
			</tr>
			<tr>
				<td>{{t('dns_providers@AccessKeySecret*')}}</td>
				<td>
					<input type="text" name="paramAliDNSAccessKeySecret" maxlength="100" v-model="provider.params.accessKeySecret" spellcheck="false"/>
					<p class="comment">{{t('dns_providers@登录阿里云控制台--在访问控制中创建和获取。')}}<mask-warning></mask-warning></p>
				</td>
			</tr>
            <tr>
                <td>{{t('dns_providers@区域ID')}}<optional-label></optional-label></td>
                <td>
                    <input type="text" name="paramAliDNSRegionId" maxlength="100" v-model="provider.params.regionId"/>
                    <p class="comment">{{t('dns_providers@阿里云产品所在区域代号，通常不需要填写。')}}</p>
                </td>
            </tr>
		</tbody>

        <!-- 华为云 -->
        <tbody v-if="provider.type == 'huaweiDNS'">
            <tr>
                <td>{{t('dns_providers@AccessKeyId*')}}</td>
                <td>
                    <input type="text" name="paramHuaweiAccessKeyId" maxlength="100" v-model="provider.params.accessKeyId" spellcheck="false"/>
                    <p class="comment">{{t('dns_providers@登录华为云控制台--在我的凭证--访问密钥中创建和获取。')}}</p>
                </td>
            </tr>
            <tr>
                <td>{{t('dns_providers@AccessKeySecret*')}}</td>
                <td>
                    <input type="text" name="paramHuaweiAccessKeySecret" maxlength="100" v-model="provider.params.accessKeySecret" spellcheck="false"/>
                    <p class="comment">{{t('dns_providers@登录华为云控制台--在我的凭证--访问密钥中创建和获取。')}}<mask-warning></mask-warning></p>
                </td>
            </tr>
            <tr>
                <td>{{t('dns_providers@终端节点')}}</td>
                <td>
                    <input type="text" name="paramHuaweiEndpoint" maxlength="100" v-model="provider.params.endpoint" spellcheck="false"/>
                    <p class="comment">{{t('dns_providers@选填项。可以填写终端节点（Endpoint）区域代号或者域名，参考')}} <a href="https://developer.huaweicloud.com/endpoint?DNS" target="_blank">https://developer.huaweicloud.com/endpoint?DNS</a>{{t('dns_providers@（如果此链接失效，请到华为云开发者中心自行查找）。')}}</p>
                </td>
            </tr>
        </tbody>


        <!-- CloudFlare -->
        <tbody v-if="provider.type == 'cloudFlare'">
            <tr>
                <td>{{t('dns_providers@API密钥*')}}</td>
                <td>
                    <input type="text" name="paramCloudFlareAPIKey" maxlength="100" v-model="provider.params.apiKey" spellcheck="false"/>
                    <p class="comment">{{t('dns_providers@在个人资料中的API令牌--API密钥--GlobalAPIKey中获取。')}}<mask-warning></mask-warning></p>
                </td>
            </tr>
            <tr>
                <td>{{t('dns_providers@账号邮箱*')}}</td>
                <td>
                    <input type="text" name="paramCloudFlareEmail" maxlength="100" v-model="provider.params.email" spellcheck="false"/>
                    <p class="comment">{{t('dns_providers@登录账号使用的邮箱。')}}</p>
                </td>
            </tr>
        </tbody>

        <!-- GoDaddy -->
        <tbody v-if="provider.type == 'godaddy'">
            <tr>
                <td>{{t('dns_providers@Key*')}}</td>
                <td>
                    <input type="text" name="paramGoDaddyKey" maxlength="100" v-model="provider.params.key" spellcheck="false"/>
                    <p class="comment" v-html="t('dns_providers@可以在GoDaddy开发者中心创建，创建时Environment选择Production。')"></p>
                </td>
            </tr>
            <tr>
                <td>{{t('dns_providers@Secret*')}}</td>
                <td>
                    <input type="text" name="paramGoDaddySecret" maxlength="100" v-model="provider.params.secret" spellcheck="false"/>
                    <p class="comment"><mask-warning></mask-warning></p>
                </td>
            </tr>
        </tbody>

        <!-- ClouDNS -->
        <tbody v-if="provider.type == 'cloudns'">
            <tr>
                <td>{{t('dns_providers@用户认证ID')}}<em>{{t('dns_providers@（auth-id）')}}</em></td>
                <td>
                    <input type="text" name="paramClouDNSAuthId" maxlength="20" v-model="provider.params.authId" spellcheck="false"/>
                    <p class="comment" v-html="t('dns_providers@和子用户认证ID二选一。可以在ClouDNSAPI设置页面添加。')"></p>
                </td>
            </tr>
            <tr>
                <td>{{t('dns_providers@子用户认证ID')}}<em>{{t('dns_providers@（sub-auth-id）')}}</em></td>
                <td>
                    <input type="text" name="paramClouDNSSubAuthId" maxlength="20" v-model="provider.params.subAuthId"/>
                    <p class="comment" v-html="t('dns_providers@和子用户认证ID二选一。可以在ClouDNSAPI设置页面添加。')"></p>
                </td>
            </tr>
            <tr>
                <td>{{t('dns_providers@认证密码*')}}<em>{{t('dns_providers@（auth-password）')}}</em></td>
                <td>
                    <input type="password" name="paramClouDNSAuthPassword" maxlength="100" v-model="provider.params.authPassword" spellcheck="false"/>
                    <p class="comment">{{t('dns_providers@用户或者子用户的认证密码。')}}<mask-warning></mask-warning></p>
                </td>
            </tr>
        </tbody>

        <!-- DNS.COM -->
        <tbody v-if="provider.type == 'dnscom'">
            <tr>
                <td>{{t('dns_providers@APIKey*')}}</td>
                <td>
                    <input type="text" name="paramDNSComKey" maxlength="100" v-model="provider.params.key" spellcheck="false"/>
                    <p class="comment">{{t('dns_providers@在控制台账号中心API设置中创建和查看')}}</p>
                </td>
            </tr>
            <tr>
                <td>{{t('dns_providers@APISecret*')}}</td>
                <td>
                    <input type="text" name="paramDNSComSecret" maxlength="100" v-model="provider.params.secret" spellcheck="false"/>
                    <p class="comment">{{t('dns_providers@在控制台账号中心API设置中创建和查看')}}<mask-warning></mask-warning></p>
                </td>
            </tr>
        </tbody>

        <!-- DNS.LA -->
        <tbody v-if="provider.type == 'dnsla'">
            <tr>
                <td>{{t('dns_providers@APIID*')}}</td>
                <td>
                    <input type="text" name="paramDNSLaAPIId" maxlength="100" v-model="provider.params.apiId" spellcheck="false"/>
                    <p class="comment">{{t('dns_providers@在控制台账户信息中查看')}}</p>
                </td>
            </tr>
            <tr>
                <td>{{t('dns_providers@API密钥*')}}</td>
                <td>
                    <input type="text" name="paramDNSLaSecret" maxlength="100" v-model="provider.params.secret" spellcheck="false"/>
                    <p class="comment">{{t('dns_providers@在控制台账户信息中查看')}}<mask-warning></mask-warning></p>
                </td>
            </tr>
        </tbody>

        <!-- VolcEngine -->
        <tbody v-if="provider.type == 'volcEngine'">
            <tr>
                <td>{{t('dns_providers@AccessKeyID*')}}</td>
                <td>
                    <input type="text" name="paramVolcEngineAccessKeyId" maxlength="100" v-model="provider.params.accessKeyId" spellcheck="false"/>
                    <p class="comment">{{t('dns_providers@在火山引擎"访问控制--API访问密钥"中获取。')}}</p>
                </td>
            </tr>
            <tr>
                <td>{{t('dns_providers@SecretAccessKey*')}}</td>
                <td>
                    <input type="text" name="paramVolcEngineAccessKeySecret" maxlength="100" v-model="provider.params.accessKeySecret" spellcheck="false"/>
                    <p class="comment"><mask-warning></mask-warning></p>
                </td>
            </tr>
        </tbody>

        <!-- Amazon Route 53 -->
        <tbody v-if="provider.type == 'amazonRoute53'">
            <tr>
                <td>{{t('dns_providers@AccessKeyID*')}}</td>
                <td>
                    <input type="text" name="paramAmazonRoute53AccessKeyId" maxlength="100" v-model="provider.params.accessKeyId" spellcheck="false"/>
                </td>
            </tr>
            <tr>
                <td>{{t('dns_providers@SecretAccessKey*')}}</td>
                <td>
                    <input type="text" name="paramAmazonRoute53AccessKeySecret" maxlength="100" v-model="provider.params.accessKeySecret" spellcheck="false"/>
                    <p class="comment"><mask-warning></mask-warning></p>
                </td>
            </tr>
            <tr>
                <td>{{t('dns_providers@API区域')}}</td>
                <td>
                    <input type="text" name="paramAmazonRoute53Region" maxlength="100" v-model="provider.params.region" spellcheck="false"/>
                    <p class="comment">{{t('dns_providers@通常不需要填写。')}}</p>
                </td>
            </tr>
        </tbody>

        <!-- Microsoft Azure DNS -->
        <tbody v-if="provider.type == 'azureDNS'">
            <tr>
                <td>{{t('dns_providers@订阅ID')}} <br/><em>{{t('dns_providers@(SubscriptionID)*')}}</em></td>
                <td>
                    <input type="text" name="paramAzureDNSSubscriptionId" maxlength="100" v-model="provider.params.subscriptionId" spellcheck="false"/>
                    <p class="comment">{{t('dns_providers@可以在订阅（Subscriptions）服务中查看。')}}</p>
                </td>
            </tr>
            <tr>
                <td>{{t('dns_providers@目录(租户)ID')}} <br/><em>{{t('dns_providers@(DirectoryTenantID)*')}}</em></td>
                <td>
                    <input type="text" name="paramAzureDNSTenantId" maxlength="100" v-model="provider.params.tenantId" spellcheck="false"/>
                    <p class="comment">{{t('dns_providers@可以在应用注册（Appregistrations）中对应应用概述（Overview）中查看。')}}</p>
                </td>
            </tr>
            <tr>
                <td>{{t('dns_providers@应用程序(客户端)ID')}} <br/><em>{{t('dns_providers@(ClientID)*')}}</em></td>
                <td><input type="text" name="paramAzureDNSClientId" maxlength="100" v-model="provider.params.clientId" spellcheck="false"/>
                    <p class="comment">{{t('dns_providers@需要在应用注册（Appregistrations）中新注册应用程序获得。')}}</p>
                </td>
            </tr>
            <tr>
                <td>{{t('dns_providers@客户端密码值')}} <br/><em>{{t('dns_providers@(ClientSecretValue)*')}}</em></td>
                <td>
                    <input type="text" name="paramAzureDNSClientSecret" maxlength="100" v-model="provider.params.clientSecret" spellcheck="false"/>
                    <p class="comment">{{t('dns_providers@可以在应用注册（Appregistrations）中对应应用的"证书和密码（Certificates&secrets）"--"客户端密码（Clientsecrets）"中创建和查看。')}}<mask-warning></mask-warning></p>
                </td>
            </tr>
            <tr>
                <td>{{t('dns_providers@资源组')}} <br/><em>{{t('dns_providers@(ResourceGroupName)*')}}</em></td>
                <td>
                    <input type="text" name="paramAzureDNSResourceGroupName" maxlength="100" v-model="provider.params.resourceGroupName" spellcheck="false"/>
                    <p class="comment">{{t('dns_providers@权限设置帮助：你需要在对应资源组（Resourcegroup）--访问控制（Accesscontrol(IAM)）--角色分配（Roleassignments）中添加一个角色分配（Roleassignment），其中作业职能角色（Jobfunctionroles）为DNS区域参与者(DNSZoneContributor)，成员（Members）为应用注册（Appregistrations）中的应用程序（application）（有时需要在选择成员（selectmembers）界面搜索应用程序（application）名称才能看到）。')}}</p>
                </td>
            </tr>
        </tbody>

        <!-- bunny.net -->
        <tbody v-if="provider.type == 'bunnyNet'">
            <tr>
                <td>{{t('dns_providers@API密钥*')}}</td>
                <td>
                    <input type="text" name="paramBunnyNetAPIKey" maxlength="100" spellcheck="false" v-model="provider.params.apiKey"/>
                    <p class="comment">{{t('dns_providers@在Editaccountdetails--APIKey中获取。')}}<mask-warning></mask-warning></p>
                </td>
            </tr>
        </tbody>

        <!-- EdgeDNS -->
        <tbody v-if="provider.type == 'localEdgeDNS'">
            <tr>
                <td>{{t('dns_providers@选择域名服务集群*')}}</td>
                <td>
                    <b-select
                        name="paramLocalEdgeDNSClusterId"
                        v-model="provider.params.clusterId"
                        auto-width
                        :options="[
                            {label: t('dns_providers@选择域名服务集群'), value: '0'},
                            ...nsClusters.map(cluster => ({
                                label: cluster.name,
                                value: cluster.id,
                            }))
                        ]"
                    ></b-select>
                </td>
            </tr>
        </tbody>


        <!-- EdgeDNS API -->
        <tbody v-if="provider.type == 'edgeDNSAPI'">
            <tr>
                <td>{{t('dns_providers@API地址*')}}</td>
                <td>
                    <input type="text" name="paramEdgeDNSAPIHost" maxlength="100" v-model="provider.params.host"/>
                </td>
            </tr>
            <tr>
                <td>{{t('dns_providers@AccessKey类型*')}}</td>
                <td>
                    <b-select
                        name="paramEdgeDNSAPIRole"
                        v-model="provider.params.role"
                        auto-width
                        :options="[
                            {label: t('dns_providers@平台用户'), value: 'user'},
                            {label: t('dns_providers@管理员'), value: 'admin'},
                        ]"
                    ></b-select>

                    <!-- <select class="ui dropdown auto-width" name="paramEdgeDNSAPIRole" v-model="provider.params.role">
                        <option value="user">{{t('dns_providers@平台用户')}}</option>
                        <option value="admin">{{t('dns_providers@管理员')}}</option>
                    </select> -->
                </td>
            </tr>
            <tr>
                <td>{{t('dns_providers@AccessKeyID*')}}</td>
                <td>
                    <input type="text" name="paramEdgeDNSAPIAccessKeyId" maxlength="64" v-model="provider.params.accessKeyId"/>
                </td>
            </tr>
            <tr>
                <td>{{t('dns_providers@AccessKey密钥*')}}</td>
                <td>
                    <input type="text" name="paramEdgeDNSAPIAccessKeySecret" maxlength="64" v-model="provider.params.accessKeySecret"/>
                    <p class="comment"><mask-warning></mask-warning></p>
                </td>
            </tr>
        </tbody>

        <!-- Vultr -->
        <tbody v-if="provider.type == 'vultr'">
            <tr>
                <td>{{t('API密钥')}} *</td>
                <td>
                    <input type="text" name="paramVultrAPIKey" maxlength="100" v-model="provider.params.apikey" spellcheck="false"/>
                    <p class="comment">https://my.vultr.com/settings/#settingsapi。<mask-warning></mask-warning></p>
                </td>
            </tr>
        </tbody>

        <!-- baiducloud-->
        <tbody v-if="provider.type == 'baiduCloud'">
            <tr>
                <td>AccessKeyId *</td>
                <td>
                    <input type="text" name="paramBaiduCloudAccessKeyId" maxlength="100" v-model="provider.params.accessKeyId" spellcheck="false"/>
                    <p class="comment">{{t('在百度云控制台“访问管理--访问密钥”中获取。')}}</p>
                </td>
            </tr>
            <tr>
                <td>AccessKeySecret *</td>
                <td>
                    <input type="text" name="paramBaiduCloudAccessKeySecret" maxlength="100" v-model="provider.params.accessKeySecret" spellcheck="false"/>
                    <p class="comment">{{t('在百度云控制台“访问管理--访问密钥”中获取。')}}<mask-warning></mask-warning></p>
                </td>
            </tr>
        </tbody>

        <!-- pdns-->
        <tbody v-if="provider.type == 'pdns'">
            <tr>
                <td>API URL *</td>
                <td>
                    <input type="text" name="paramPowerDNSAPIServer" maxlength="200" v-model="provider.params.apiServer"/>
                    <p class="comment">{{t('PowerDNS API的地址，通常是类似于{0}的格式。',['http://pdns.example.com:8081/'])}}</p>
                </td>
            </tr>
            <tr>
                <td>{{t('API虚拟主机')}}</td>
                <td>
                    <input type="text" name="paramPowerDNSAPIVhost" maxlength="10"  v-model="provider.params.apiVhost"/>
                    <p class="comment">{{t('PowerDNS API的虚拟主机名，通常不需要填写。')}}</p>
                </td>
            </tr>
            <tr>
                <td>{{t('API密钥')}} *</td>
                <td>
                    <input type="text" name="paramPowerDNSAPIKey" maxlength="100" v-model="provider.params.apiKey"/>
                    <p class="comment">{{t('PowerDNS API的密钥。')}}</p>
                </td>
            </tr>
        </tbody>
        <!-- namecheap-->
         <tbody v-if="provider.type == 'namecheap'">
            <tr>
                <td>{{t('用户名')}} *</td>
                <td>
                    <input type="text" name="paramNamecheapUserName" maxlength="100" v-model="provider.params.userName"/>
                    <p class="comment">{{t('在Namecheap控制台中查看。')}}</p>
                </td>
            </tr>
            <tr>
                <td>{{t('API用户')}} *</td>
                <td>
                    <input type="text" name="paramNamecheapApiUser" maxlength="100" v-model="provider.params.apiUser"/>
                    <p class="comment">{{t('在Namecheap控制台中查看。')}}</p>
                </td>
            </tr>
            <tr>
                <td>{{t('API密钥')}} *</td>
                <td>
                    <input type="text" name="paramNamecheapApiKey" maxlength="100"  v-model="provider.params.apiKey"/>
                    <p class="comment">{{t('在Namecheap控制台中查看。')}}<mask-warning></mask-warning></p>
                </td>
            </tr>
            <tr>
                <td>{{t('客户端IP')}} *</td>
                <td>
                    <input type="text" name="paramNamecheapClientIp" maxlength="100"  v-model="provider.params.clientIp"/>
                    <p class="comment">{{t('这里是指白名单IP，只有白名单IP才能请求API')}}</p>
                </td>
            </tr>
        </tbody>
        
        <!-- 自定义HTTP-->
        <tbody v-if="provider.type == 'customHTTP'">
            <tr>
                <td>{{t('dns_providers@HTTPURL*')}}</td>
                <td>
                    <input type="text" name="paramCustomHTTPURL" maxlength="200" v-model="provider.params.url"/>
                    <p class="comment">{{t('dns_providers@HTTPURL完整地址，DNS所有操作都会以POST的方式转发到此地址。')}}</p>
                </td>
            </tr>
            <tr>
                <td>{{t('dns_providers@私钥*')}}</td>
                <td>
                    <input type="text" name="paramCustomHTTPSecret" maxlength="64" v-model="provider.params.secret"/>
                    <p class="comment">{{t('dns_providers@通讯用的私钥，转发请求时会在Header中加入相关信息，方便开发者校验请求是否合法。')}}</p>
                </td>
            </tr>
        </tbody>

        <!-- DigitalOcean -->
        <tbody v-if="provider.type == 'digitalOcean'">
            <tr>
                <td>API密钥 *</td>
                <td>
                    <input type="text" name="digitalOceanAPIKey" maxlength="100" spellcheck="false"  v-model="provider.params.apiKey"/>
                    <p class="comment">https://cloud.digitalocean.com/account/api/tokens</p>
                </td>
            </tr>
        </tbody>

        <!-- Linenode -->
        <tbody v-if="provider.type == 'linode'">
            <tr>
                <td>API密钥 *</td>
                <td>
                    <input type="text" name="linodeAPIKey" maxlength="100" spellcheck="false"  v-model="provider.params.apiKey"/>
                    <p class="comment">https://cloud.linode.com/profile/tokens</p>
                </td>
            </tr>
        </tbody>

        <!-- DNS Made Easy -->
        <tbody v-if="provider.type == 'dnsMadeEasy'">
            <tr>
                <td>API密钥 *</td>
                <td>
                    <input type="text" name="paramDmeApiKey" maxlength="100" spellcheck="false"  v-model="provider.params.apiKey"/>
                    <p class="comment">登录 DNS Made Easy 控制面板并访问 
                        <a href="https://cp.dnsmadeeasy.com/account/info" target="_blank">https://cp.dnsmadeeasy.com/account/info</a> 
                        页面，在底部生成 API 密钥并保存。请妥善保管此密钥。
                        <mask-warning></mask-warning>
                    </p>
                </td>
            </tr>
            <tr>
                <td>Secret密钥 *</td>
                <td>
                    <input type="text" name="paramDmeSecretKey" maxlength="64" spellcheck="false"  v-model="provider.params.secretKey"/>
                    <p class="comment">与 API 密钥一起生成的 Secret 密钥，仅显示一次。请确保在生成后立即复制并妥善保存。</p>
                </td>
            </tr>
        </tbody>

        <!-- easyDNS -->
        <tbody v-if="provider.type == 'easyDNS'">
            <tr>
                <td>API密钥 *</td>
                <td>
                    <input type="text" name="paramEasyDNSApiKey" maxlength="100" spellcheck="false" v-model="provider.params.apiKey"/>
                    <p class="comment">登录 easyDNS 控制面板并访问 
                        <a href="https://cp.easydns.com/manage/security/api/signup.php" target="_blank">https://cp.easydns.com/manage/security/api/signup.php</a> 
                        页面以生成 API 密钥和 API 代币。API 密钥用于标识账号。
                        <mask-warning></mask-warning>
                    </p>
                </td>
            </tr>
            <tr>
                <td>API代币 *</td>
                <td>
                    <input type="text" name="paramEasyDNSApiToken" maxlength="64" v-model="provider.params.apiToken"/>
                    <p class="comment">与 API 密钥一起生成的代币，用于验证身份。请在生成后立即复制并妥善保存。</p>
                </td>
            </tr>
        </tbody>

        <!-- Sakura Cloud -->
        <tbody v-if="provider.type == 'sakuraCloud'">
            <tr>
                <td>API代币 *</td>
                <td>
                    <input type="text" name="paramSakuraCloudApiToken" maxlength="100" spellcheck="false" v-model="provider.params.apiToken"/>
                    <p class="comment">
                        登录 <a href="https://secure.sakura.ad.jp/cloud/" target="_blank">Sakura Cloud 控制面板</a>，点击右上角用户名，在下拉菜单中选择 “API キーの管理（API 密钥管理）” 生成 API 令牌。
                        <mask-warning></mask-warning>
                    </p>
                </td>
            </tr>
            <tr>
                <td>API密钥 *</td>
                <td>
                    <input type="text" name="paramSakuraCloudApiSecret" maxlength="64" v-model="provider.params.apiSecret"/>
                    <p class="comment">生成 API 密钥时，会同时显示 API Secret（密钥）。此密钥仅显示一次，请在生成后立即妥善保存。</p>
                </td>
            </tr>
        </tbody>

        <!-- Scaleway -->
        <tbody v-if="provider.type == 'scaleway'">
            <tr>
                <td>Access Key *</td>
                <td>
                    <input type="text" name="paramScalewayAccessKey" maxlength="100" spellcheck="false" v-model="provider.params.accessKey"/>
                    <p class="comment">
                        登录 <a href="https://console.scaleway.com/project/settings/api-keys" target="_blank">Scaleway 控制面板</a>，进入“API Keys”页面，点击“Generate API Key”生成 Access Key（访问密钥）和 Secret Key。
                        <mask-warning></mask-warning>
                    </p>
                </td>
            </tr>
            <tr>
                <td>Secret Key *</td>
                <td>
                    <input type="text" name="paramScalewaySecretKey" maxlength="64" v-model="provider.params.secretKey"/>
                    <p class="comment">Secret Key（密钥）只会显示一次，请在生成后立即妥善保存。</p>
                </td>
            </tr>

            <tr>
                <td>项目ID *</td>
                <td>
                    <input type="text" name="paramScalewayProjectId" maxlength="64" v-model="provider.params.projectId"/>
                    <p class="comment">在 <a href="https://console.scaleway.com/project/settings" target="_blank">项目设置</a>页面中，可以在“Identifiers”部分找到 Project ID。</p>
                </td>
            </tr>
        </tbody>

        <!-- 更多选项 -->
        <tr>
            <td colspan="2"><more-options-indicator></more-options-indicator></td>
        </tr>

        <tbody v-show="moreOptionsVisible">
            <tr>
                <td>{{t('dns_providers@最小TTL')}}</td>
                <td>
                    <div class="ui right labeled input">
                        <input type="text" name="minTTL" size="4" maxlength="6" style="width: 6em" v-model="provider.minTTL"/>
                        <span class="ui label">{{t('dns_providers@秒')}}</span>
                    </div>
                    <p class="comment">{{t('dns_providers@生成的DNS时可以使用的最小TTL，请根据你选择的服务商和你在服务商中的账号等级进行填写；不填写或者0表示默认。')}}</p>
                </td>
            </tr>
        </tbody>
	</table>

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