{$layout}
{$template "menu"}

<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="64" ref="focus" />
                <p class="comment">为该 HTTPDNS 应用设置一个便于识别的名称。</p>
            </td>
        </tr>
        <tr>
            <td>主集群 *</td>
            <td>
                <select class="ui dropdown" name="primaryClusterId" v-model="defaultPrimaryClusterId">
                    <option value="">[请选择集群]</option>
                    <option v-for="cluster in clusters" :value="cluster.id">{{cluster.name}}</option>
                </select>
                <p class="comment">主集群用于优先处理应用解析请求。</p>
            </td>
        </tr>
        <tr>
            <td>备集群</td>
            <td>
                <select class="ui dropdown" name="backupClusterId" v-model="defaultBackupClusterId">
                    <option :value="0">[不设置]</option>
                    <option v-for="cluster in clusters" :value="cluster.id">{{cluster.name}}</option>
                </select>
                <p class="comment">当主集群不可用时，可切换到备集群。</p>
            </td>
        </tr>
        <tr>
            <td>所属用户</td>
            <td>
                <select class="ui dropdown auto-width" name="userId">
                    <option value="0">[不设置]</option>
                    <option v-for="user in users" :value="user.id">{{user.fullname}} ({{user.username}})</option>
                </select>
                <p class="comment">可以选择当前应用所属的平台用户。</p>
            </td>
        </tr>
    </table>
    <submit-btn></submit-btn>
</form>