{$layout}
{$template "menu"}

<div class="ui margin"></div>

<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
    <csrf-token></csrf-token>
    <table class="ui table definition selectable">
        <tr>
            <td class="title">集群名称 *</td>
            <td>
                <input type="text" name="name" maxlength="50" ref="focus" placeholder="例如 gateway-cn-hz" />
                <p class="comment">用于在系统内部标识该 HTTPDNS 集群。</p>
            </td>
        </tr>
        <tr>
            <td>服务域名 *</td>
            <td>
                <input type="text" name="gatewayDomain" maxlength="255" placeholder="例如 gw-hz.httpdns.example.com" />
                <p class="comment">当前集群对外提供 HTTPDNS 服务的接入域名。</p>
            </td>
        </tr>
        <tr>
            <td>默认解析 TTL</td>
            <td>
                <div class="ui input right labeled">
                    <input type="text" name="cacheTtl" maxlength="5" value="30" style="width: 6em" />
                    <span class="ui label">秒</span>
                </div>
                <p class="comment">SDK 通过 HTTPDNS 解析域名时返回的默认 TTL。</p>
            </td>
        </tr>
        <tr>
            <td>降级超时容忍度</td>
            <td>
                <div class="ui input right labeled">
                    <input type="text" name="fallbackTimeout" maxlength="5" value="300" style="width: 6em" />
                    <span class="ui label">毫秒</span>
                </div>
                <p class="comment">节点回源查询上游 DNS 时的最大等待时间。</p>
            </td>
        </tr>
        <tr>
            <td>节点安装根目录</td>
            <td>
                <input type="text" name="installDir" maxlength="255" value="/opt/edge-httpdns" />
                <p class="comment">边缘节点安装 HTTPDNS 服务的默认目录。</p>
            </td>
        </tr>
        <tr>
            <td>启用当前集群</td>
            <td>
                <div class="ui checkbox">
                    <input type="checkbox" name="isOn" value="1" v-model="isOn" @change="syncDefaultClusterEnabled" checked />
                    <label></label>
                </div>
            </td>
        </tr>
        <tr>
            <td>默认集群</td>
            <td>
                <div class="ui checkbox">
                    <input type="checkbox" value="1" v-model="defaultClusterEnabled" @change="syncDefaultClusterEnabled" />
                    <label>设为默认集群</label>
                </div>
                <div class="ui form" style="margin-top: .8em;" v-if="defaultClusterEnabled">
                    <div class="grouped fields" style="margin:0;">
                        <div class="field">
                            <div class="ui radio checkbox">
                                <input type="radio" v-model="defaultClusterRole" value="primary" />
                                <label>主集群</label>
                            </div>
                        </div>
                        <div class="field">
                            <div class="ui radio checkbox">
                                <input type="radio" v-model="defaultClusterRole" value="backup" />
                                <label>备用集群</label>
                            </div>
                        </div>
                    </div>
                </div>
                <input type="hidden" name="isDefaultPrimary" value="1" v-if="defaultClusterEnabled && defaultClusterRole == 'primary'" />
                <input type="hidden" name="isDefaultBackup" value="1" v-if="defaultClusterEnabled && defaultClusterRole == 'backup'" />
            </td>
        </tr>
    </table>
    <submit-btn></submit-btn>
</form>