@extends('common.layout-empty')

@section('content')
<div class="level-test-result-wrap" style="background-color:#fff">
    <table class="table table-bordered mb-4">
        <tbody>
            <tr>
                <th class="col-3 col-lg-2">이름</th><td class="col-3 col-lg-4">{{ $result['user_name'] }}</td>
                <th class="col-3 col-lg-2">전화번호</th><td class="col-3 col-lg-4">{{ $result['user_phone'] }}</td>
            </tr>
            <tr>
                <th class="col-3 col-lg-2">학습강좌</th><td class="col-3 col-lg-4">{{ $result['composition_type'] }}</td>
                <th class="col-3 col-lg-2">회원ID</th><td class="col-3 col-lg-4">{{ $result['user_id_str'] ?? '' }}</td>
            </tr>
            <tr>
                <th class="col-3 col-lg-2">목표점수</th><td class="col-3 col-lg-4">{{ $result['goal_score'] }}</td>
                <th class="col-3 col-lg-2">수강시간</th><td class="col-3 col-lg-4">{{ $result['hope_time'] }}</td>
            </tr>
        </tbody>
    </table>

    <table class="table table-bordered mb-4">
        <tbody>
            <tr>
                <th class="col-3 col-lg-2">점수 결과</th>
                <td>{{ $result['user_name'] }}님의 점수: <b class="text-success">{{ $result['total_score'] }}점</b> / 100<br>
                    [어휘]: <b class="text-success">{{ $result['voca_score'] }}점</b><br>
                    [리딩]: <b class="text-success">{{ $result['reading_score'] }}점</b><br>
                    IELTS Test Score Band Score {{ $result['user_level_info']['bandscore'] }}
                </td>
            </tr>
            <tr>
                <th class="col-3 col-lg-2">맞춤형 학습가이드</th>
                <td>
                    <ul class="mb-0">
                    @foreach($result['user_level_info']['study_guide'] as $item)
                    <li>{!! $item !!}</li>
                    @endforeach
                    </ul>
                </td>
            </tr>
            <tr>
                <th class="col-3 col-lg-2">추천상품</th>
                <td>
                    {{ $result['user_recommand_course']['title'] }}
                </td>
            </tr>
        </tbody>
    </table>

    <table class="table table-bordered mb-4">
        <thead>
            <tr class="table-secondary"> <th class="col-3 col-lg-2">유형</th><th class="col-5 col-lg-6">문제 수정</th><th class="col-4 col-lg-4">정답 여부 및 내가 답</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th rowspan="8" class="align-middle">어휘테스트</th> <td>{{ $result['grading_info'][1]['question'] }}<br><span class="text-danger">{{ $result['grading_info'][1]['correct_answer'] }}</span></td><td>{!! $result['grading_info'][1]['correct_yn'] !!}</td>
            </tr>
            @for($i=2; $i<=8; $i++)
            <tr>
                <td>{{ $result['grading_info'][$i]['question'] }}<br><span class="text-danger">{{ $result['grading_info'][$i]['correct_answer'] }}</span></td><td>{!! $result['grading_info'][$i]['correct_yn'] !!}</td>
            </tr>
            @endfor
            <tr>
                <th rowspan="13" class="align-middle">리딩테스트</th>
                <td>{!! $result['grading_info'][9]['question'] !!}</td><td>{!! $result['grading_info'][9]['correct_yn'] !!}</td>
            </tr>
            @for($i=10; $i<=21; $i++)
            <tr>
                <td>{!! $result['grading_info'][$i]['question'] !!}</td><td>{!! $result['grading_info'][$i]['correct_yn'] !!}</td>
            </tr>
            @endfor
            <tr>
                <th rowspan="5" class="align-middle">에세이테스트</th>
                <td colspan="2"><strong>Q.22</strong><br>{!! nl2br(e($result['grading_info'][22]['user_answer'])) !!}</td>
            </tr>
            @for($i=23; $i<=26; $i++)
            <tr>
                <td colspan="2"><strong>Q.{{ $i }}</strong><br>{!! nl2br(e($result['grading_info'][$i]['user_answer'])) !!}</td>
            </tr>
            @endfor
        </tbody>
    </table>
</div>
<script>
    $('em').addClass('text-danger');
</script>
@endsection