{$layout "layout_popup"}

<h3>添加应用</h3>

<form method="post" class="ui form" data-tea-action="$">
    <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="clusterId" v-model="defaultClusterId">
                    <option value="">[请选择集群]</option>
                    <option v-for="cluster in clusters" :value="cluster.id">{{cluster.name}}</option>
                </select>
                <p class="comment">应用的解析请求将由所选集群下的网关节点处理。默认值来自“HTTPDNS 用户设置”。</p>
            </td>
        </tr>
        <tr>
            <td>所属用户</td>
            <td>
                <select class="ui dropdown" name="userId">
                    <option value="0">[平台自用 / 不指定]</option>
                    <option v-for="user in users" :value="user.id">{{user.name}} ({{user.username}})</option>
                </select>
                <p class="comment">可分配给指定租户用户；留空表示平台管理员自用。</p>
            </td>
        </tr>
    </table>
    <submit-btn></submit-btn>
</form>