{$layout}
{$template "menu"}

<form class="ui form" data-tea-action="$" data-tea-success="success">
    <csrf-token></csrf-token>

    <div class="config-section">
        <div class="section-title">{{t('batch_index@批量创建域名')}}</div>

        <div class="config-item">
            <div class="item-label">{{t('batch_index@域名')}} *</div>
            <div class="item-content">
                <textarea rows="15" name="names" :placeholder="t('batch_index@每行一个域名')" ref="namesInput"></textarea>
            </div>
        </div>

        <div class="config-item">
            <div class="item-label">{{t('batch_index@所属集群')}} *</div>
            <div class="item-content">
                <ns-cluster-selector></ns-cluster-selector>
                <p class="comment">{{t('batch_index@需要部署域名服务的集群')}}</p>
            </div>
        </div>

        <div class="config-item">
            <div class="item-label">{{t('batch_index@所属用户')}}</div>
            <div class="item-content">
                <ns-user-selector @change="changeUserId"></ns-user-selector>
                <p class="comment">{{t('batch_index@当前域名所属的平台用户')}}</p>
            </div>
        </div>

        <div class="config-item" v-if="hasGroups">
            <div class="item-label">{{t('batch_index@所属分组')}}</div>
            <div class="item-content">
                <ns-domain-group-selector ref="groupSelector"></ns-domain-group-selector>
            </div>
        </div>
    </div>

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