@extends('layout', ['service'=>'academy'])

@section('gnb', view('gnb', ['service'=>'academy']))

@section('subgnb', view('academy.gnb'))

@section('content')
<div class="container">
    <div class="level-test-contents">
        <div class="wrapper">
            @if (empty(auth()->check()) and (empty(session()->get('name')) or empty(session()->get('phone'))))
                <div class="level-test-contents">
                    <div class="wrapper">
                        <div class="submit-result">
                            <h2>레벨테스트 결과보기</h2>
                            <div>
                                레벨테스트시 입력하셨던 이름과 전화번호를 입력하거나, <a href="/login?url=/academy/level-test/result/{{ $id }}" style="color: rgb(0, 140, 255)">로그인</a>해 주세요
                            </div>
                            <div class="submit-input">
                                <form name="submit-result" method="post" action="/academy/level-test/grade/{{ $id }}">
                                    @csrf
                                    <div>
                                        <input type="text" id="name" name="name" placeholder="이름" required="required">
                                        <input type="text" id="phone" name="phone" placeholder="전화번호" required="required">
                                        <button type="submit" class="btn-red">결과보기</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            @else
                <h2>레벨테스트 결과</h2>
                <div class="result-wrapper">
                    <strong>레벨 평가</strong>
                    <div class="flex">
                        <div>
                            <div class="level-chart">
                                <div class="level-result">
                                    <div>
                                        <p>IELTS 기준</p>
                                        <strong>{{ $user_level_txt[$user_level][0] }}</strong>
                                    </div>
                                    <div>
                                        <p>100점 기준</p>
                                        <strong>점수 {{ $total_score }}</strong>
                                    </div>
                                </div>
                                <canvas id="chart" width="443" height="268">

                                </canvas>
                            </div>
                            <p class="no-essay-score">에세이 점수가 포함되지 않은 결과입니다.</p>
                        </div>
                        <div class="result-text">
                            <strong>Band Score Table에 따른 수준</strong>
                            <p>
                                {{ $user_level_txt[$user_level][1] }}
                            </p>
                            <p>
                                @if ($user_level == 'C')
                                    기본적인 의사 표현은 가능하나 의사소통에는 어려움이 있을 수 있습니다.<br> 
                                    단순 의미 전달과 이해가 가능한 수준으로, 전체적인 의미는 대략적으로 파악이 가능하나 부분적인 언어 구사력으로 인해 실수가 잦은 경우가 있습니다.
                                @elseif($user_level == 'B')
                                    친숙하지 않은 상황에서 언어 실수가 잦고 의미 전달에 어려움을 겪을 때가 많습니다. <br>
                                    상황에 따라 대략적인 뜻을 가늠해 볼 수 있으나 부분적인 언어 능력으로 인해 소통에 답답함을 느낄 수 있습니다. 내용의 이해와 표현에 오류가 있을 때가 많지만, 익숙한 상황에서는 기본적인 의사소통을 시도해 볼 수 있습니다.
                                @elseif($user_level == 'A')
                                    종종 부정확하거나 비적절한 언어 구사로 인해 의사소통에 오해가 생기기도 하지만, 친숙한 상황에서는 영어를 효과적으로 사용할 수 있습니다. 대개의 경우, 복잡한 언어를 이해하고 구사할 수  있으며, 상세한 토론을 이끌어나갈 수 있는 잠재력을 보유하고 있습니다.
                                @endif
                            </p>
                            <strong>응시 결과</strong>
                            <p>
                                Voca Test : <span class="red">{{ $voca_score }}점 / 30점</span><br>
                                Reading Test : <span class="red">{{ $writing_score }}점 / 70점</span><br>
                                Total Score : <span class="red">{{ $total_score }}점 / 100점</span><br>
                                IELTS 기준 Band Score : <span class="red">{{ $user_level_txt[$user_level][0] }}</span><br>
                            </p>
                            <p>
                                <strong>{{ session()->get('name') }}</strong>님은 <strong class="red">총 {{ $total_score }}점</strong>을 획득하셨습니다.<br>
                                <span class="red">{{ $user_level_txt[$user_level][0] }}</span> 레벨에 맞는 강좌 수강이 적합합니다.
                             </p>
                        </div>
                    </div>
                </div>
                <div class="result-wrapper" style="border-bottom: 0;">
                    <strong>학습 코스 가이드</strong>  
                    <div class="course-guide">
                        <div class="course-title">
                            <i class="ico-guide-01">
                                강좌플랜 아이콘
                            </i>
                            <strong>추천 학습 Plan</strong>
                        </div>
                        <div class="guide">
                            @if ($user_level == 'C')
                                <p>
                                    입문/기초 레벨에 적합한 <span class="red">‘오전 기본반’</span>을 추천드립니다.<br>
                                    IELTS의 첫 토대가 되는 강좌입니다. 
                                </p>
                                <p>
                                    ・ 본격 IELTS 시험 대비에 필요한 기초 문법과 어휘 품사를 탄탄히 다져 기본기를 쌓습니다.<br> 
                                    ・ 4영역의 문제 유형을 파악하고 이를 통해 문제풀이 스킬을 배워나갑니다.<br>
                                    ・ 기본 문법을 적용시킨 영작 연습을 통해 Writing을 대비합니다.<br>
                                    ・ 기본적인 구문을 사용하여 말하기 연습을 합니다.<br>
                                    ・ 실수를 최소화시켜 다음 단계에서 더 효과적인 학습이 가능하도록 합니다.
                                </p>
                            @elseif($user_level == 'B')
                                <p>
                                    본격 시험 대비에 적합한  <span class="red">‘오전 중급반’, ‘밀착관리반1,2’</span>를 추천드립니다.<br>
                                    유형/주제/기출문제 풀이를 통해 시험에 익숙해질 수 있는 강좌입니다.
                                </p>
                                <p>
                                    ・ 글의 전체 맥락을 짚는 Scanning과 빠르게 지문 정보를 찾는 Skimming을 통해 문제 유형별 접근 학습법을 익힙니다.<br>
                                    ・ 문제 풀이 시 Keyword 찾는 법에 초점을 맞춰 접근하는 연습을 합니다.<br>
                                    ・ Writing에서는 문제를 정확히 이해하고, 문장 구조와 Useful expression을 통해 Essay를 완성하는 연습을 시작합니다.<br>
                                    ・ Essay 첨삭을 통해 실력을 점검/보완합니다. <br>
                                    ・ Speaking에서는 단문을 벗어나 내용을 더 보충하여 말하는 연습을 합니다.<br>
                                    ・ 이 레벨부터는 개인의 목표와 성취도에 따른 교차수강을 추천드립니다.
                                </p>
                            @elseif($user_level == 'A')
                                <p>
                                    목표 달성을 위한 실전력 훈련에 적합한 <span class="red">‘오전 고급반’, ‘밀착관리반3,4’</span>를 추천드립니다.<br>
                                    IELTS 빈출 주제와 고득점 표현을 통해 초고속 점수 향상을 이끌어낼 수 있는 강좌입니다.
                                </p>
                                <p>
                                    ・ 주어진 시간 내에 Listening, Reading 문제 푸는 연습을 합니다. 다양한 지문을 통해 다양한 문제를 풀어볼 수 있습니다.<br>
                                    ・ 원어민 선생님과의 Native 영어 학습 및 분석력 향상을 통한 심화 학습이 이루어집니다.<br>
                                    ・ 최신 기출문제를 통해 실전력을 향상시킵니다.<br>
                                    ・ Writing에서는 collocation 및 다양한 문장 구조 학습 및 적용 훈련을 합니다.<br>
                                    ・ 문제를 정확히 인지하고 다양한 토픽에 해당하는 아이디어를 확보할 수 있습니다.<br>
                                    ・ Speaking에서는 자연스러운 Phrasal verb 및 idiom 학습을 통해 유창한 영어를 구사할 수 있도록 연습합니다.<br>
                                    ・ 이 레벨에서는 개인의 목표와 성취도에 따른 교차수강을 추천드립니다.
                                </p>
                            @endif

                            <!-- 강좌 리스트 -->
                            <div class="rcmd-course">
                                @if ($user_level == 'C')
                                    @if (session()->get('academy-course-time') == '오전' or session()->get('academy-course-time') == '오전+오후')
                                        <!-- 오전반 선택 시, 아래와 상품이 나열되어 합니다. -->
                                        <div>
                                            <p class="red">IELTS 기초 입문</p>
                                            <h3>오전 기본반</h3>
                                            <div class="thumbnail">
                                                <img src="{{ env('AWS_S3_IMG_URL') }}/academy/common/img_class_01.png" alt="">
                                            </div>
                                            <div class="desc">
                                                ・ IELTS를 처음 준비하는 수강생<br>
                                                ・ 기본 어휘와 문법부터 차근차근<br>
                                                ・ 4영역 기본기 완성반<br>
                                                ・ 문제 유형 파악 및 Writing을 위한 영작 연습<br>
                                                ・ 10am~2pm 월금(18회)+모의고사(2회)
                                            </div>
                                            <a href="#none">자세히 보기</a>
                                        </div>
                                    @endif

                                    @if (session()->get('academy-course-time') == '저녁' or session()->get('academy-course-time') == '오전+오후')
                                        <!-- 저녁반 선택 시, 아래와 상품이 나열되어 합니다. -->
                                        <div>
                                            <p class="red">IELTS 기초 입문</p>
                                            <h3>저녁 기본반</h3>
                                            <div class="thumbnail">
                                                <img src="{{ env('AWS_S3_IMG_URL') }}/academy/common/img_class_02.png" alt="">
                                            </div>
                                            <div class="desc">
                                                ・ IELTS를 처음 준비하는 수강생<br>
                                                ・ 기본 어휘와 문법부터 차근차근<br>
                                                ・ 4영역 기본기 완성반<br>
                                                ・ 문제 유형 파악 및 Writing을 위한 영작 연습<br>
                                                ・ 저녁 시간에만 가능한 직장인, 대학생
                                            </div>
                                            <a href="#none">자세히 보기</a>
                                        </div>
                                    @endif
                                @elseif($user_level == 'B')
                                    @if (session()->get('academy-course-time') == '오전' or session()->get('academy-course-time') == '오전+오후')
                                        <!-- 오전반 선택 시, 아래와 상품이 나열되어 합니다. -->
                                        <div>
                                            <p class="red">본격적인 IELTS 유형/주제/기출문제 학습</p>
                                            <h3>오전 중급반</h3>
                                            <div class="thumbnail">
                                                <img src="{{ env('AWS_S3_IMG_URL') }}/academy/common/img_class_03.png" alt="">
                                            </div>
                                            <div class="desc">
                                                · 현재 레벨 IELTS 5.0~6.0<br>
                                                · IELTS 유형별 문제풀이 스킬<br>
                                                · 주제별 기출 표현 학습<br>
                                                · 10:00~14:00(18회) + 모의고사(2회)
                                            </div>
                                            <a href="#none">자세히 보기</a>
                                        </div>
                                        <div>
                                            <p class="red">종일 밀착 관리로 초고속 목표 달성</p>
                                            <h3>밀착관리반 1, 2</h3>
                                            <div class="thumbnail">
                                                <img src="{{ env('AWS_S3_IMG_URL') }}/academy/common/img_class_04.png" alt="">
                                            </div>
                                            <div class="desc">
                                                · 현재 레벨 입문/기초~5.5 이상<br>
                                                · 4영역 유형 파악 및 접근 전략<br>
                                                · 기출문제 학습<br>
                                                ·  담당 선생님의 과목별 피드백<br>
                                                ·  10:00~18:00 (18회) + 모의고사 (2회)
                                            </div>
                                            <a href="#none">자세히 보기</a>
                                        </div>
                                    @endif

                                    @if (session()->get('academy-course-time') == '저녁' or session()->get('academy-course-time') == '오전+오후')
                                        <div>
                                            <p class="red">IELTS 실전력 마스터</p>
                                            <h3>저녁 실전반</h3>
                                            <div class="thumbnail">
                                                <img src="{{ env('AWS_S3_IMG_URL') }}/academy/common/img_class_05.png" alt="">
                                            </div>
                                            <div class="desc">
                                                ·  현재 레벨 IELTS 6.0 이상<br>
                                                ·  IELTS 유형별 문제풀이 스킬<br>
                                                ·  주제별 기출 표현 학습<br>
                                                ·  본격 기출문제 풀이를 통한 실전 대비<br>
                                                ·  19:00~21:00 (16회) + 모의고사 (2회)
                                            </div>
                                            <a href="#none">자세히 보기</a>
                                        </div>
                                    @endif
                                @elseif($user_level == 'A')
                                    @if (session()->get('academy-course-time') == '오전' or session()->get('academy-course-time') == '오전+오후')
                                        <div>
                                            <p class="red">빈출 주제와 고득점 표현으로 실전력 상승</p>
                                            <h3>오전 고급반</h3>
                                            <div class="thumbnail">
                                                <img src="{{ env('AWS_S3_IMG_URL') }}/academy/common/img_class_07.png" alt="">
                                            </div>
                                            <div class="desc">
                                                · 현재 레벨 IELTS 6.0 이상, 목표점수 6.5+<br>
                                                · IELTS 기출 위주의 실전 훈련<br>
                                                · 기출 주제 아이디어 정리<br>
                                                · 10:00~14:00 (18회) + 모의고사 (2회)
                                            </div>
                                            <a href="#none">자세히 보기</a>
                                        </div>
                                        <div>
                                            <p class="red">종일 밀착 관리로 초고속 목표 달성</p>
                                            <h3>밀착관리반 3, 4</h3>
                                            <div class="thumbnail">
                                                <img src="{{ env('AWS_S3_IMG_URL') }}/academy/common/img_class_06.png" alt="">
                                            </div>
                                            <div class="desc">
                                                · 현재 레벨 6.0 이상<br>
                                                · 기출문제를 통한 실전 훈련<br>
                                                · IELTS 빈출 주제와 고득점 표현 학습<br>
                                                · 고득점을 위한 아이디어 정리 및 고급 표현 학습<br>
                                                · 담당 선생님의 과목별 피드백<br>
                                                · 10:00~18:00 (18회) + 모의고사 (2회)
                                            </div>
                                            <a href="#none">자세히 보기</a>
                                        </div>
                                    @endif

                                    @if (session()->get('academy-course-time') == '저녁' or session()->get('academy-course-time') == '오전+오후')
                                        <div class="rcmd-course">
                                            <div>
                                                <p class="red">IELTS 실전력 마스터</p>
                                                <h3>저녁 실전반</h3>
                                                <div class="thumbnail">
                                                    <img src="{{ env('AWS_S3_IMG_URL') }}/academy/common/img_class_05.png" alt="">
                                                </div>
                                                <div class="desc">
                                                    ·  현재 레벨 IELTS 6.0 이상<br>
                                                    ·  IELTS 유형별 문제풀이 스킬<br>
                                                    ·  주제별 기출 표현 학습<br>
                                                    ·  본격 기출문제 풀이를 통한 실전 대비<br>
                                                    ·  19:00~21:00 (16회) + 모의고사 (2회)
                                                </div>
                                                <a href="#none">자세히 보기</a>
                                            </div>
                                        </div>
                                    @endif
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
                <a class="level-banner" href="#none">
                    <img src="{{ env('AWS_S3_IMG_URL') }}/academy/common/230523_p.png" alt="" class="pc">
                    <img src="{{ env('AWS_S3_IMG_URL') }}/academy/common/230523_m.png" alt="" class="mo">
                </a>
                <table class="answer-check-table">
                    <colgroup>
                        <col width="15%">
                        <col width="50%">
                        <col width="35%">
                    </colgroup>
                    <thead>
                        <tr>
                            <th>유형</th>
                            <th>문제&amp;정답</th>
                            <th>정답유무 및 내가 쓴 답</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th rowspan="8">어휘테스트</th>
                            <td>
                                <span class="q">경험</span>
                                <span class="a">experience</span>
                            </td>
                            <td>{{ $test->lt_q1 == 'experience' ? 'O':'X ('.$test->lt_q1.')' }}</td>
                        </tr>
                        <tr>
                            <td>
                                <span class="q">환경</span>
                                <span class="a">environment</span>
                            </td>
                            <td>{{ $test->lt_q2 == 'environment' ? 'O':'X ('.$test->lt_q2.')' }}</td>
                        </tr>
                        <tr>
                            <td>
                                <span class="q">교통체증</span>
                                <span class="a">traffic congestion</span>
                            </td>
                            <td>{{ $test->lt_q3 == 'traffic congestion' ? 'O':'X ('.$test->lt_q3.')' }}</td>
                        </tr>
                        <tr>
                            <td>
                                <span class="q">외국어</span>
                                <span class="a">foreign language</span>
                            </td>
                            <td>{{ $test->lt_q4 == 'foreign language' ? 'O':'X ('.$test->lt_q4.')' }}</td>
                        </tr>
                        <tr>
                            <td>
                                <span class="q">야채</span>
                                <span class="a">vegetable</span>
                            </td>
                            <td>{{ $test->lt_q5 == 'vegetable' ? 'O':'X ('.$test->lt_q5.')' }}</td>
                        </tr>
                        <tr>
                            <td>
                                <span class="q">실업</span>
                                <span class="a">unemployment</span>
                            </td>
                            <td>{{ $test->lt_q6 == 'unemployment' ? 'O':'X ('.$test->lt_q6.')' }}</td>
                        </tr>
                        <tr>
                            <td>
                                <span class="q">정부</span>
                                <span class="a">government / administration</span>
                            </td>
                            <td>{{ ($test->lt_q7 == 'government' or $test->lt_q7 == 'administration') ? 'O':'X ('.$test->lt_q7.')' }}</td>
                        </tr>
                        <tr>
                            <td>
                                <span class="q">Health</span>
                                <span class="a">obesity / stress</span>
                            </td>
                            <td>{{ $test->lt_q8 == 'obesity|stress' ? 'O':'X ('.$test->lt_q8.')' }}</td>
                        </tr>

                        <tr>
                            <th rowspan="13">리딩테스트</th>
                            <td>
                                <span class="q">The reason the American bison could not spread through the southern part of North America</span>
                                I </span><font color="#D53236">B</font>
                            </td>
                            <td>{{ $test->lt_q9 == 'B' ? 'O':'X ('.$test->lt_q9.')' }}</td>
                        </tr>

                        <tr>
                            <td>
                                <span class="q">The explanation of a barrier which blocks some birds from flying over a wide river</span>
                                <font color="#D53236">D</font>
                            </td>
                            <td>{{ $test->lt_q10 == 'D' ? 'O':'X ('.$test->lt_q10.')' }}</td>
                        </tr>

                        <tr>
                            <td>
                                <span class="q">The effect imported organisms have on native ones</span>
                                    <font color="#D53236">H</font>
                            </td>
                            <td>{{ $test->lt_q11 == 'H' ? 'O':'X ('.$test->lt_q11.')' }}</td>
                        </tr>

                        <tr>
                            <td>
                                <span class="q">The different kind of natural pathways</span>
                                    <font color="#D53236">E</font>
                            </td>
                            <td>{{ $test->lt_q12 == 'E' ? 'O':'X ('.$test->lt_q12.')' }}</td>
                        </tr>

                        <tr>
                            <td>
                                <span class="q">Behavioral barriers do not prevent the spread of species from place to place as effectively as physical barriers.</span>
                                    <font color="#D53236">NOT GIVEN</font>
                            </td>
                            <td>{{ $test->lt_q13 == 'NOT GIVEN' ? 'O':'X ('.$test->lt_q13.')' }}</td>
                        </tr>

                        <tr>
                            <td>
                                <span class="q">Some species which humans bring across natural barriers always have advantages over native species.</span>
                                    <font color="#D53236">NOT GIVEN</font>
                            </td>
                            <td>{{ $test->lt_q14 == 'NOT GIVEN' ? 'O':'X ('.$test->lt_q14.')' }}</td>
                        </tr>

                        <tr>
                            <td>
                                <span class="q">Not all species are prevented from spreading by biological barriers.</span>
                                    <font color="#D53236">TRUE</font>
                            </td>
                            <td>{{ $test->lt_q15 == 'TRUE' ? 'O':'X ('.$test->lt_q15.')' }}</td>
                        </tr>

                        <tr>
                            <td>
                                <span class="q">Dandelions may not have enough chances to survive because of competition with other species.</span>
                                <font color="#D53236">TRUE</font>
                            </td>
                            <td>{{ $test->lt_q16 == 'TRUE' ? 'O':'X ('.$test->lt_q16.')' }}</td>
                        </tr>
    
                        <tr>
                            <td>
                                <span class="q">Organisms that spread by means of sweepstakes routes include species of birds called accidentals.</span>
                                <font color="#D53236">TRUE</font>
                            </td>
                            <td>{{ $test->lt_q17 == 'TRUE' ? 'O':'X ('.$test->lt_q17.')' }}</td>
                        </tr>
    
                        <tr>
                            <td>
                                <span class="q">Barriers are for the species which have its own way of </span><font color="#D53236">dispersal</font>.
                            </td>
                            <td>{{ $test->lt_q18 == 'dispersal' ? 'O':'X ('.$test->lt_q18.')' }}</td>
                        </tr>
    
                        <tr>
                            <td>
                                <span class="q">The blue spotted salamander could choose river valleys for their habitats, but they only live on</span> <font color="#D53236">slopes</font> <span class="q">on mountains.</span>
                                <font color="#D53236"></font>
                            </td>
                            <td>{{ $test->lt_q19 == 'slopes' ? 'O':'X ('.$test->lt_q19.')' }}</td>
                        </tr>
    
                        <tr>
                            <td>
                                <span class="q">A filter route includes habitats which allow organisms to</span> <font color="#D53236">adapt</font> <span class="q">to new conditions consistently.</span>
                                <font color="#D53236"></font>
                            </td>
                            <td>{{ $test->lt_q20 == 'adapt' ? 'O':'X ('.$test->lt_q20.')' }}</td>
                        </tr>
    
                        <tr>
                            <td>
                                <span class="q">Invasion is a process in which</span> <font color="#D53236">humans</font> <span class="q">help organisms to cross barriers intentionally or unintentionally.</span>
                            </td>
                            <td>{{ $test->lt_q21 == 'humans' ? 'O':'X ('.$test->lt_q21.')' }}</td>
                        </tr>   
                
                    </tbody>
                </table>
            @endif
        </div>
    </div>
</div>
@endsection

@section('footer', view('footer'))

@section('script')
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.0.0"></script>
<script>
    $(document).ready(function () {
        Chart.defaults.font.size = 16;
        $(window).resize(function () { 
            var ww =$(window).width();
            if ( ww <= 768) {
                Chart.defaults.font.size = 12;
            } else {
                Chart.defaults.font.size = 16;
            }
        });
        Chart.defaults.font.family = "'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '맑은고딕', MalgunGothic, 돋움, Dotum, arial, sans-serif";
        Chart.defaults.color = "#333333";
        Chart.register(ChartDataLabels);
        const ctx = document.getElementById('chart');
        new Chart(ctx, {
            type: 'bar',
            data: {
                labels: [['Voca Test'], ['Reading Test'], '총점'],
                datasets: [{
                    data: [{{ $voca_score }}, {{ $writing_score }}, {{ $total_score }}],
                    borderWidth: [0, 0, 0],
                    backgroundColor: ['#D53236','#D53236','#D53236'],
                    barThickness: 26
                }]
            },
            options: {
                plugins: { 
                    tooltip: {
                        enabled: false // <-- this option disables tooltips
                    },
                    legend: {
                        display: false,
                    },
                    datalabels: {
                        anchor: 'end',
                        align: 'top',
                        formatter: function(value, context) {
                                return Math.round(value) + '점';
                        },
                        font: {
                        weight: 'bold'
                        }
                    },
                },
                scales: {
                    x: {
                        grid: {
                            display: false,
                        },
                    },
                    y: {
                        beginAtZero: true,
                        min: 0,
                        max: 100,
                        ticks: {
                        // forces step size to be 50 units
                            stepSize: 50,
                            callback: function(value, index, ticks) {
                                return value + '점';
                            }
                        },
                        grid: {
                            display: false,
                        },
                    },
                },
            }
        });
    });
</script>
@endsection