@extends('manager.layout.master')

@section('body')
    <blockquote class="layui-elem-quote">学员详情 <small>账号档案与学习监管数据</small></blockquote>

    <div class="layui-card">
        <div class="layui-card-header">基本信息</div>
        <div class="layui-card-body">
            <table class="layui-table">
                <tbody>
                <tr>
                    <td width="120">姓名</td>
                    <td>{{$info->name}}</td>
                    <td width="120">手机号</td>
                    <td>{{$info->mobile}}</td>
                </tr>
                <tr>
                    <td>所属企业</td>
                    <td>{{$info->enterprise ? $info->enterprise->name : '-'}}</td>
                    <td>班级</td>
                    <td>{{$info->classInfo ? $info->classInfo->name : '-'}}</td>
                </tr>
                <tr>
                    <td>身份证号</td>
                    <td>{{$info->id_card ?: '-'}}</td>
                    <td>注册时间</td>
                    <td>{{$info->create_time}}</td>
                </tr>
                <tr>
                    <td>人脸底图</td>
                    <td>
                        @if($info->face_img)
                            <img src="{{$info->face_img}}" style="width:72px;height:72px;object-fit:cover;border-radius:6px;border:1px solid #eee;">
                        @else
                            <span class="layui-badge layui-bg-gray">未采集</span>
                        @endif
                    </td>
                    <td>实名状态</td>
                    <td>
                        @if($info->realname_status == 1)
                            <span class="badge badge-success">已认证（{{$info->realname_time}}）</span>
                        @else
                            <span class="badge badge-danger">未认证</span>
                        @endif
                    </td>
                </tr>
                <tr>
                    <td>账号状态</td>
                    <td colspan="3">
                        @if($info->status == 2)
                            <span class="badge badge-danger">禁用</span>
                        @else
                            <span class="badge badge-success">正常</span>
                        @endif
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>

    <div class="layui-card">
        <div class="layui-card-header">学习监管统计</div>
        <div class="layui-card-body">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md3">
                    <div class="layui-bg-gray" style="padding:12px;text-align:center;border-radius:6px;">
                        <div style="font-size:22px;font-weight:700;color:#2563EB;">{{number_format($info->total_duration/3600, 1)}} 小时</div>
                        <div style="color:#666;margin-top:4px;">总学时</div>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="layui-bg-gray" style="padding:12px;text-align:center;border-radius:6px;">
                        <div style="font-size:22px;font-weight:700;color:#16A34A;">{{$info->sign_count}} 次</div>
                        <div style="color:#666;margin-top:4px;">签到（异常 {{$info->sign_abnormal}}）</div>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="layui-bg-gray" style="padding:12px;text-align:center;border-radius:6px;">
                        <div style="font-size:22px;font-weight:700;color:#DC2626;">{{$info->capture_abnormal}} 次</div>
                        <div style="color:#666;margin-top:4px;">抓拍异常</div>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="layui-bg-gray" style="padding:12px;text-align:center;border-radius:6px;">
                        <div style="font-size:16px;font-weight:700;color:#6B7280;">{{$info->last_heartbeat ?: '无'}}</div>
                        <div style="color:#666;margin-top:4px;">最近心跳</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-card">
        <div class="layui-card-header">考试记录</div>
        <div class="layui-card-body">
            @if($exams->isEmpty())
                <p class="layui-text" style="color:#999;">暂无考试记录</p>
            @else
                <table class="layui-table">
                    <thead>
                    <tr>
                        <th>试卷</th>
                        <th>成绩</th>
                        <th>结果</th>
                        <th>用时(秒)</th>
                        <th>时间</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($exams as $ex)
                        <tr>
                            <td>{{$ex->exam ? $ex->exam->title : '-'}}</td>
                            <td>{{$ex->score}}</td>
                            <td>
                                @if($ex->is_pass == 1)
                                    <span class="badge badge-success">及格</span>
                                @else
                                    <span class="badge badge-danger">不及格</span>
                                @endif
                            </td>
                            <td>{{$ex->duration ?: '-'}}</td>
                            <td>{{$ex->create_time}}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            @endif
        </div>
    </div>

    <div class="layui-card">
        <div class="layui-card-header">学习进度</div>
        <div class="layui-card-body">
            @if($progress->isEmpty())
                <p class="layui-text" style="color:#999;">暂无学习记录</p>
            @else
                <table class="layui-table">
                    <thead>
                    <tr>
                        <th>章节</th>
                        <th>进度</th>
                        <th>学习时长(秒)</th>
                        <th>状态</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($progress as $p)
                        <tr>
                            <td>{{$p->chapter ? $p->chapter->title : '-'}}</td>
                            <td>{{$p->progress}}%</td>
                            <td>{{$p->duration ?: 0}}</td>
                            <td>
                                @if($p->status == 2)
                                    <span class="badge badge-success">已完成</span>
                                @else
                                    <span class="badge badge-primary">学习中</span>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            @endif
        </div>
    </div>
@stop