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

@section('academy-content')
<div class="container">
    <div class="teacher-page-wrapper">
        <div class="teacher-info pc">
            <div class="wrapper">
                <div class="teacher-profile">
                    <img src="{{ env('AWS_S3_IMG_URL') }}/common/teacher_1.png" alt="">
                </div>
                <div class="teacher-profile-text">
                    <p>쉬운 표현으로 IELTS 고득점!</p>
                    <h3>헤더</h3>
                    <p class="qoute">
                        <strong>"</strong>어렵게 느낀다면 끝도 없이 어려워지는 것이 IELTS입니다.
                        너무 걱정하지 마시고 즐겁게 공부하는 것, IELTS 성공의 길이라고 생각합니다.
                        쉽게, 재미있게 시작해서 여러분들이 효율적으로 좋은 점수를 얻을 수 있도록 열정을 다하여 듣겠습니다.<strong>"</strong>
                    </p>
                    <strong>Career</strong>
                    <ul>
                        <li>
                            BA in Combined Business Studies, University of East London
                        </li>
                        <li>
                            Malvern ST.James'School-GCSE/A-level 수료
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="teacher-info mo">
            <div class="teacher-profile-mo">
                <p class="name">헤더</p>
                <div class="text">원어민 같은 쉬운 표현으로 IELTS 고득점!</div>
                <div class="quote">IELTS, a piece of cake.<br>Don't worry too much, have fun!</div>
            </div>
            <img src="{{ env('AWS_S3_IMG_URL') }}/common/teacher_1_mo.png" alt="">
            <div class="teacher-profile-text-mo">
                <p>
                    어렵게 느낀다면 끝도 없이 어려워지는 것이 IELTS입니다. 너무 걱정하지 마시고 즐겁게 공부하는 것, IELTS 성공의 길이라고 생각합니다. 쉽게, 재미있게 시작해서 여러분들이 효율적으로 좋은 점수를 얻을 수 있도록 열정을 다하여 돕겠습니다.
                </p>
            </div>
        </div>
        <div class="teacher-special">
            <div class="wrapper">
                <h3>헤더의 강의가 <span>특별한 이유!</span></h3>
                <ul>
                    <li>
                        <p>
                            <strong>1</strong>
                            정확한 문제 분석과 아이디어 제공
                        </p>
                        <div>
                            주제에 맞는 아이디어를 제공함으로써 학생들의 자기 주도 학습을 장려합니다.
                        </div>
                    </li>
                    <li>
                        <p>
                            <strong>2</strong>
                            최신 기출 문제 수업
                        </p>
                        <div>
                            최근에 출제 된 문제들을 분석하고 써보고 말함으로써 실전 감각을 익힙니다.
                        </div>
                    </li>
                    <li>
                        <p>
                            <strong>3</strong>
                            꼼꼼한 피드백과 밀착 케어
                        </p>
                        <div>
                            학생들의 취약한 부분을 잡아내어 그 부분을 고치고 발전 시킬 수 있도록 돕습니다.
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="teacher-youtube">
            <div class="wrapper">
                <div class="teacher-title">
                    무료 강의
                </div>
                <div class="youtube-wrapper">
                    <div>
                        <div class="youtube-player">
                            <iframe width="515" height="290" src="https://www.youtube.com/embed/-x3OAF2KMB0?si=MvmOi7yGMSiPH2KM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
                        </div>
                        <div class="youtube-title">
                            아이엘츠 라이팅, 스피킹 기출 특강 – IELTS Writing Task2
                        </div>
                    </div>
                    <div>
                        <div class="youtube-player">
                            <iframe width="515" height="290" src="https://www.youtube.com/embed/mDkpiWvL10w?si=CxAZPV5EdPa3fvaN" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
                        </div>
                        <div class="youtube-title">
                            아이엘츠 실전모의고사 Vol.2 – IELTS Speaking
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="teacher-board">
            <div class="wrapper">
                <div class="board-wrapper">
                    <div class="teacher-title">
                        수강후기
                        <a class="more" href="/academy/course-review">more +</a>
                    </div>
                    <table>
                        <colgroup>
                            <col width="*">
                            <col width="70">
                        </colgroup>
                        <thead>
                            <tr>
                                <th>제목</th>
                                <th>작성일</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($course_reviews as $article)
                                <tr>
                                    <td>
                                        <a href="{{ route('course-review.view', ['service'=>'academy', 'id'=>$article->id]) }}">
                                            @if ($article->created_at->addDays(1) > now()->toDateTimeString() )
                                            <span class="badge">new</span>
                                            @endif
                                            <div>{{ $article->title }}</div>
                                            {!! !empty($article->comments) and $article->comments->count()>0 ? '<span>('. $article->comments->count() .')</span>':'' !!}
                                        </a>
                                    </td>
                                    <td class="date">{{ $article->created_at->format('Y.m.d') }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="board-wrapper">
                    <div class="teacher-title">
                        합격후기
                        <a class="more" href="/academy/pass-review">more +</a>
                    </div>
                    <table>
                        <colgroup>
                            <col width="*">
                            <col width="70">
                        </colgroup>
                        <thead>
                            <tr>
                                <th>제목</th>
                                <th>작성일</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($pass_reviews as $article)
                                <tr>
                                    <td>
                                        <a href="{{ route('pass-review.view', ['service'=>'academy', 'id'=>$article->id]) }}">
                                            @if ($article->created_at->addDays(1) > now()->toDateTimeString() )
                                            <span class="badge">new</span>
                                            @endif
                                            <div>{{ $article->title }}</div>
                                            {!! !empty($article->comments) and $article->comments->count()>0 ? '<span>('. $article->comments->count() .')</span>':'' !!}
                                        </a>
                                    </td>
                                    <td class="date">{{ $article->created_at->format('Y.m.d') }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection