{$layout}
{$template "menu_domain"}

<form class="ui form" data-tea-action="$" data-tea-success="success">
    <csrf-token></csrf-token>
    <input type="hidden" name="domainId" :value="domain.id"/>

    <div class="config-section">
        <div class="section-title">{{t('ns_domains_update@修改域名信息')}}</div>

        <div class="config-item">
            <div class="item-label">{{t('ns_domains_update@域名*')}}</div>
            <div class="item-content">{{domain.name}}</div>
        </div>

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

        <div class="config-item" v-show="dnsHosts != null && dnsHosts.length > 0">
            <div class="item-label">{{t('ns_domains_update@DNS服务器')}}</div>
            <div class="item-content">
                <span v-for="host in dnsHosts" class="ui basic small label" style="margin-right: 5px; margin-bottom: 5px;">{{host}}</span>
            </div>
        </div>

        <div class="config-item">
            <div class="item-label"></div>
             <div class="item-content">
                 <more-options-indicator></more-options-indicator>
             </div>
        </div>

        <div v-show="moreOptionsVisible">
            <div class="config-item">
                <div class="item-label">{{t('ns_domains_update@所属用户')}}</div>
                <div class="item-content">
                    <ns-user-selector :v-user-id="domain.userId" @change="changeUserId"></ns-user-selector>
                    <p class="comment">{{t('ns_domains_update@当前域名所属的平台用户')}}</p>
                </div>
            </div>

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

            <div class="config-item">
                <div class="item-label">{{t('ns_domains_update@启用')}}</div>
                <div class="item-content">
                    <checkbox name="isOn" :v-value="1" v-model="domain.isOn"></checkbox>
                </div>
            </div>
        </div>
    </div>

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