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


<div class="left-right-box-container">
    <div class="right-box">
        <!-- 审核中 -->
        <div v-show="isAuditing" class="config-section">
            <div class="section-title">
                <i class="pi pi-shield"></i>
                {{t('index_域名审核_0101')}}
            </div>
            
            <warning-message>{{t('index_当前域名正在审核中，请审核域名的所有人、备案情况等。_0101')}}</warning-message>
            
            <form method="post" class="ui form" data-tea-action=".audit" data-tea-success="auditSuccess">
                <csrf-token></csrf-token>
                <input type="hidden" name="serverId" :value="serverId"/>
                
                <div class="config-item">
                    <div class="item-label">{{t('index_审核中域名_0101')}}</div>
                    <div class="item-content">
                        <div class="domain-labels">
                            <div v-for="serverName in allServerNames" class="domain-label" :class="{green: serverName.isPassed}">
                                <div class="domain-name">
                                    <i class="pi pi-globe"></i>
                                    {{serverName.name}}
                                </div>
                            </div>
                        </div>
                        <p class="comment" v-if="hasPassedDomains"><span class="green">{{t('index_绿色_0101')}}</span> {{t('index_标注的域名表示之前已经审核通过的域名。_0101')}}</p>
                    </div>
                </div>
                
                <div class="config-item" v-if="auditingTime.length > 0">
                    <div class="item-label">{{t('index_提交审核时间_0101')}}</div>
                    <div class="item-content">
                        <span class="ui label basic">{{auditingTime}}</span>
                    </div>
                </div>
                
                <div class="config-item">
                    <div class="item-label">{{t('index_审核结果_0101')}}</div>
                    <div class="item-content">
                        <div class="ui segment basic">
                            <radio name="auditingOK" :v-value="1" v-model="auditing">{{t('index_审核通过_0101')}}</radio> &nbsp;
                            <radio name="auditingOK" :v-value="0" v-model="auditing">{{t('index_审核不通过_0101')}}</radio>
                        </div>
                    </div>
                </div>
                
                <div class="config-item" v-show="auditing == 0">
                    <div class="item-label">{{t('index_审核不通过原因_0101')}} *</div>
                    <div class="item-content">
                        <input class="ui input" type="text" name="auditingReason" maxlength="100" :placeholder="t('index_包含审核不通过的域名等_0101')"></input>
                    </div>
                </div>
                
                <div class="config-item">
                    <div class="item-label"></div>
                    <div class="item-content">
                        <submit-btn>{{t('index_提交审核结果_0101')}}</submit-btn>
                    </div>
                </div>
            </form>
        </div>

        <!-- 审核不通过 -->
        <div class="audit-message error" v-if="!isAuditing && !auditingResult.isOk">
            <i class="pi pi-times-circle"></i>
            <div>
                {{t('index_审核不通过_0101')}}，{{t('index_原因_0101')}}：{{auditingResult.reason}} 
                <div class="ui text small">（{{auditingResult.createdTime}}）。{{t('index_等待用户重新提交_0101')}}。</div>
            </div>
        </div>

        <!-- 不在审核中 -->
        <div v-show="!isAuditing && auditingResult.isOk" class="config-section">
            <div class="section-title">
                <i class="pi pi-globe"></i>
                {{t('index_域名管理_0101')}}
            </div>
            
            <form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
                <csrf-token></csrf-token>
                <input type="hidden" name="serverId" :value="serverId"/>
                
                <div class="config-item">
                    <div class="item-label">{{t('index_已绑定的域名_0101')}}</div>
                    <div class="item-content">
                        <server-name-box :v-server-names="serverNames"></server-name-box>
                        <p class="comment">{{t('index_用户可以通过这些域名访问当前网站。_0101')}}</p>
                    </div>
                </div>
                
                <div class="config-item">
                    <div class="item-label"></div>
                    <div class="item-content">
                        <submit-btn></submit-btn>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>