@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_6.png" alt="">
                </div>
                <div class="teacher-profile-text">
                    <p>마감신화 조니, 꿀잼 IELTS의 끝판왕!</p>
                    <h3>조니</h3>
                    <p class="qoute">
                        <strong>"</strong>Knowing how to use idiomatic expressions will give your answers more strength and detail.<br>I am a very approachable person so my classes are always comfortable and informative.<strong>"</strong>
                    </p>
                    <strong>Career</strong>
                    <ul>
                        <li>
                            BA Hons Business in Accounting, Galway-Mayo Institute of Technology, Ireland
                        </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">My classes are focused on using<br>natural spoken English!</div>
            </div>
            <img src="{{ env('AWS_S3_IMG_URL') }}/common/teacher_6_mo.png" alt="">
            <div class="teacher-profile-text-mo">
                <p>
                    Knowing how to use idiomatic expressions will give your answers more strength and detail.<br>I am a very approachable person so my classes are always comfortable and informative.
                </p>
            </div>
        </div>
        <div class="teacher-special">
            <div class="wrapper">
                <h3>조니의 강의가 <span>특별한 이유!</span></h3>
                <ul>
                    <li>
                        <p>
                            <strong>1</strong>
                            Use of simple and natural phrases
                        </p>
                        <div>
                            Teach students how to speak like Native speakers by using phrases that are commonly used by native English speakers.
                        </div>
                    </li>
                    <li>
                        <p>
                            <strong>2</strong>
                            High quality sample answers
                        </p>
                        <div>
                            Help students to gather the ideas on a certain topic and see the model answers which were prepared with natural English.
                        </div>
                    </li>
                    <li>
                        <p>
                            <strong>3</strong>
                            Easy to follow structured answers
                        </p>
                        <div>
                            Show students how to put their answers together in a clear and coherent way.
                        </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/NmATVc2m7iM?si=pr24TbD3luE--Jtj" 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">
                            아이엘츠 6.5 스피킹 첨삭
                        </div>
                    </div>
                    <div>
                        <div class="youtube-player">
                            <iframe width="515" height="290" src="https://www.youtube.com/embed/cGRsjm26hdA?si=B9y4f3JiiFj9RSIu" 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 8.5 스피킹 첨삭
                        </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