{$layout}
{$template "../menu"}
{$template "/left_menu_with_menu"}

<div class="left-right-box-container">

    <div class="right-box">
        <form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
            <input type="hidden" name="clusterId" :value="clusterId"/>

            <div class="config-section">
                <div class="section-title">{{t('settings_soa_index@SOA设置')}}</div>

                <div class="config-item">
                    <div class="item-label">{{t('settings_soa_index@主要服务器名称')}}</div>
                    <div class="item-content">
                        <input type="text" name="mName" value="" v-model="config.mName" maxlength="128" ref="focus"/>
                        <p class="comment">{{t('settings_soa_index@不填表示默认为从')}}<a :href="'/ns/clusters/cluster/settings?clusterId=' + clusterId">{{t('settings_soa_index@DNS主机域名')}}</a> {{t('settings_soa_index@中随机选取一个')}}</p>
                    </div>
                </div>

                <div class="config-item">
                    <div class="item-label">{{t('settings_soa_index@管理员电子邮箱')}}</div>
                    <div class="item-content">
                        <input type="text" name="rName" value="" v-model="config.rName" maxlength="128"/>
                        <p class="comment">{{t('settings_soa_index@不填使用集群设置的管理员邮箱')}}<a :href="'/ns/clusters/cluster/settings?clusterId=' + clusterId">{{t('settings_soa_index@管理员电子邮箱')}}</a></p>
                    </div>
                </div>

                <div class="config-item">
                    <div class="item-label">{{t('settings_soa_index@刷新时间间隔')}}</div>
                    <div class="item-content">
                        <div class="ui input right labeled">
                            <input type="text" name="refreshSeconds" v-model="config.refreshSeconds" style="width: 7em" maxlength="10"/>
                            <span class="ui label">{{t('settings_soa_index@秒')}}</span>
                        </div>
                    </div>
                </div>

                <div class="config-item">
                    <div class="item-label">{{t('settings_soa_index@重试时间间隔')}}</div>
                    <div class="item-content">
                        <div class="ui input right labeled">
                            <input type="text" name="retrySeconds" v-model="config.retrySeconds" style="width: 7em" maxlength="10"/>
                            <span class="ui label">{{t('settings_soa_index@秒')}}</span>
                        </div>
                    </div>
                </div>

                <div class="config-item">
                    <div class="item-label">{{t('settings_soa_index@过期时间间隔')}}</div>
                    <div class="item-content">
                        <div class="ui input right labeled">
                            <input type="text" name="expireSeconds" v-model="config.expireSeconds" style="width: 7em" maxlength="10"/>
                            <span class="ui label">{{t('settings_soa_index@秒')}}</span>
                        </div>
                    </div>
                </div>

                <div class="config-item">
                    <div class="item-label">TTL</div>
                    <div class="item-content">
                        <div class="ui input right labeled">
                            <input type="text" name="minimumTTL" v-model="config.minimumTTL" style="width: 7em" maxlength="10"/>
                            <span class="ui label">{{t('settings_soa_index@秒')}}</span>
                        </div>
                    </div>
                </div>
            </div>

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