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

<div class="right-box with-menu server-names-container">
    <div class="server-names-form">
        <div class="form-title">域名绑定管理</div>
        
        <!-- 审核中 -->
        <div v-show="isAuditing" class="audit-message warning">
            <i class="icon exclamation triangle"></i>
            <div>当前域名正在审核中，暂时不能访问，请耐心等待管理员审核。</div>
        </div>

        <!-- 审核不通过 -->
        <div class="audit-message error" v-if="!isAuditing && !auditingResult.isOk">
            <i class="icon times circle"></i>
            <div>审核不通过，原因：{{auditingResult.reason}} （{{auditingResult.createdTime}}），请修改后重新提交。</div>
        </div>

        <form method="post" id="serverNamesForm" class="ui form" data-tea-action="$" data-tea-success="success">
            <csrf-token></csrf-token>
            <input type="hidden" name="serverId" :value="serverId"/>
            
            <div class="config-section">
                <div class="section-title">
                    <i class="icon globe"></i>
                    <span>域名设置</span>
                </div>
                <div class="config-item">
                    <div class="item-content">
                        <server-name-box :v-server-names="serverNames" @submit="submit"></server-name-box>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>