@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" colspan="3">{{ $result['goal_score'] }}</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['writing_score'] }}점</b><br>
                    IELTS Test Score Band Score {{ $result['user_level_info']['bandscore'] }}
                </td>
            </tr>
            <tr>
                <th class="col-3 col-lg-2">강좌 Plan</th>
                <td>
                    <strong>{!! $result['user_level_info']['study_type'] !!}</strong><br><br>
                    {!! $result['user_level_info']['score_desc'] !!}
                    <br><br>
                    <strong>[대상]</strong><br>
                    <ul class="mb-0">
                        @foreach($result['user_level_info']['target'] as $item)
                        <li>{{ $item }}</li>
                        @endforeach
                    </ul>
                    <br>
                    <strong>[학습 전략]</strong><br>
                    <ul class="mb-0">
                        @foreach($result['user_level_info']['strategy'] as $item)
                        <li>{{ $item }}</li>
                        @endforeach
                    </ul>
                </td>
            </tr>
            <tr>
                <th class="col-3 col-lg-2">수업 Plan</th>
                <td>
                    <strong>[주차별 학습 순서]</strong><br>
                    {{ implode(' -> ', $result['user_level_info']['study_flow']) }}<br><br>
                    {!! $result['user_level_info']['study_desc'] !!}
                </td>
            </tr>
            <tr>
                <th class="col-3 col-lg-2">추천상품</th>
                <td>
                    {!! implode('<br>', array_column($result['user_level_info']['products'], '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="7" class="align-middle">영작테스트</th>
                <td>{!! $result['grading_info'][9]['question'] !!}</td><td>{!! $result['grading_info'][9]['correct_yn'] !!}</td>
            </tr>
            @for($i=10; $i<=15; $i++)
            <tr>
                <td>{!! $result['grading_info'][$i]['question'] !!}</td><td>{!! $result['grading_info'][$i]['correct_yn'] !!}</td>
            </tr>
            @endfor
        </tbody>
    </table>
</div>
<script>
    $('em').addClass('text-danger');
</script>
@endsection