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

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

<b-empty v-if="logs.length == 0">{{t('admins_recipients_logs_index@暂时还没有发送记录。')}}</b-empty>

<div v-if="logs.length > 0" class="log-list-container">
    <div v-for="log in logs" class="log-card" :class="{'success-log': log.isOk, 'error-log': !log.isOk}">
        <div class="log-content">
            <div class="log-row">
                <div class="log-label">{{t('admins_recipients_logs_index@简介')}}</div>
                <div class="log-value">
                    {{t('admins_recipients_logs_index@接收人：')}}{{log.task.user}} 
                    <span class="disabled">&nbsp; | &nbsp;</span> 
                    {{t('admins_recipients_logs_index@媒介：')}}{{log.task.instance.name}}
                    <link-icon :href="'/admins/recipients/instances/instance?instanceId=' + log.task.instance.id"></link-icon>
                    <span class="disabled">&nbsp; | &nbsp;</span> 
                    {{t('admins_recipients_logs_index@时间：')}}{{log.createdTime}} 
                    &nbsp;|&nbsp; 
                    <span class="ui green basic label tiny" v-if="log.isOk">{{t('admins_recipients_logs_index@成功')}}</span>
                    <span class="ui red basic label tiny" v-if="!log.isOk">{{t('admins_recipients_logs_index@失败')}}</span>
                </div>
            </div>
            <div class="log-row" v-if="log.task.subject.length > 0">
                <div class="log-label">{{t('admins_recipients_logs_index@标题')}}</div>
                <div class="log-value">{{log.task.subject}}</div>
            </div>
            <div class="log-row" v-if="log.task.body.length > 0">
                <div class="log-label">{{t('admins_recipients_logs_index@内容')}}</div>
                <div class="log-value">{{log.task.body}}</div>
            </div>
            <div class="log-row" v-if="log.error.length > 0">
                <div class="log-label">{{t('admins_recipients_logs_index@错误信息')}}</div>
                <div class="log-value" style="color: var(--color-red)">{{log.error}}</div>
            </div>
            <div class="log-row" v-if="log.response.length > 0">
                <div class="log-label">{{t('admins_recipients_logs_index@响应信息')}}</div>
                <div class="log-value">{{log.response}}</div>
            </div>
            <div class="log-row" v-if="log.task != null && log.task.id > 0">
                <div class="log-label">{{t('admins_recipients_logs_index@操作')}}</div>
                <div class="log-value resend-action">
                    <a href="" @click.prevent="resendTask(log.task.id)">{{t('admins_recipients_logs_index@重新发送')}}</a> 
                </div>
            </div>
        </div>
    </div>
</div>

<div class="page" v-html="filterPageContent(page)"></div>