{$layout}
{$template "/code_editor"}

{$var "header"}
<link rel="stylesheet" href="./index.css">
{$end}

<first-menu>
    <menu-item class="active" :href="prevURL">{{(type == 'auditing') ? t('index_审核中_0101') : t('index_已审核_0101')}}</menu-item>
    <raquo-item></raquo-item>
    <span class="item"> {{t('index_脚本详情_0101')}}</span>
</first-menu>

<div class="config-section script-detail-card">
    <div class="section-title">
        <i class="pi pi-file-code"></i>
        <span> {{t('index_脚本详情_0101')}}</span>
    </div>
    
    <div class="config-items">
        <div class="config-item">
            <div class="item-label"> {{t('index_状态_0101')}}</div>
            <div class="item-content">
                <span v-if="script.isRejected" class="script-status red"> {{t('index_已驳回_0101')}}</span>
                <span v-else-if="script.isPassed" class="script-status green"> {{t('index_已通过_0101')}}</span>
                <span v-else> {{t('index_未审核_0101')}}</span>
                
                <div class="script-reject-reason" v-if="script.isRejected">
                    {{t('index_驳回理由_0101')}}：{{script.rejectedReason}}
                </div>
            </div>
        </div>
        
        <div class="config-item">
            <div class="item-label"> {{t('index_操作_0101')}}</div>
            <div class="item-content">
                <div class="script-actions" v-if="script.isRejected">
                    <a href="" @click.prevent="pass(script.id)" class="ui button small"> {{t('index_重新通过_0101')}}</a>
                </div>
                <div class="script-actions" v-else-if="script.isPassed">
                    <a href="" @click.prevent="reject(script.id)" class="ui button small"> {{t('index_重新驳回_0101')}}</a>
                </div>
                <div class="script-actions" v-else>
                    <a href="" @click.prevent="pass(script.id)" class="ui button small primary"> {{t('index_通过_0101')}}</a>
                    <a href="" @click.prevent="reject(script.id)" class="ui button small"> {{t('index_驳回_0101')}}</a>
                </div>
            </div>
        </div>
        
        <div class="config-item">
            <div class="item-label"> {{t('index_代码_0101')}}</div>
            <div class="item-content">
                <source-code-box type="text/javascript">{{script.code}}</source-code-box>
            </div>
        </div>
        
        <div class="config-item">
            <div class="item-label"> {{t('index_脚本创建时间_0101')}}</div>
            <div class="item-content">{{script.createdTime}}</div>
        </div>
        
        <div class="config-item">
            <div class="item-label"> {{t('index_用户_0101')}}</div>
            <div class="item-content">
                <user-link :v-user="script.user"></user-link>
            </div>
        </div>
    </div>
</div>