{$layout}
{$template "menu"}

<div v-if="countClusters == 0">
    <not-found-box>
        暂时还没有集群，请先 <a href="/ns/clusters/create">创建集群</a>。
    </not-found-box>
</div>

<div v-show="countClusters > 0">
    <form class="ui form" data-tea-action="$" data-tea-success="success">
        <csrf-token></csrf-token>
        <table class="ui table definition selectable">
            <tr>
                <td>域名 *</td>
                <td>
                    <input type="text" name="name" maxlength="255" ref="focus"/>
                </td>
            </tr>
            <tr>
                <td class="title">所属集群 *</td>
                <td>
                    <ns-cluster-selector></ns-cluster-selector>
                    <p class="comment">需要部署域名服务的集群。</p>
                </td>
            </tr>
            <tr>
                <td>所属用户</td>
                <td>
                    <ns-user-selector></ns-user-selector>
                    <p class="comment">当前域名所属的平台用户。</p>
                </td>
            </tr>
        </table>
        <submit-btn></submit-btn>
    </form>
</div>