@extends($service. '.layout')
@section($service.'-css')
    {!! resource('css/common/teacher.css') !!}
@endsection

@section($service. '-content')
<div id="wrap" class="teacherPage detail">
    <div class="teacher-page-wrapper">
        <div class="teacher-info">
            <div class="max-width">
                <div class="flex topWrap">
                    <div class="teacher-profile">
                        <img src="{{ env('AWS_S3_IMG_URL') }}/common/{{ $teacher['image2'] }}.png" alt="">
                    </div>
                    <div class="teacher-profile-text">
                        <p>{!! $teacher['view-description'] !!}</p>
                        <h3>{{ $teacher['name'] }}</h3>
                        <p class="qoute">
                            <strong>"</strong>{!! $teacher['qoute'] !!}<strong>"</strong>
                        </p>
                        <div class="pc-career">
                            <strong>Career</strong>
                            <ul>
								@foreach ($teacher['careers'] as $career )
									<li>{{ $career }}</li>
								@endforeach
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="teacher-special">
            <div class="max-width">
                <h3>{{ $teacher['name-ko'] }}의 강의가 <span>특별한 이유!</span></h3>
                <ul>
                    @foreach ($teacher['specials'] as $key => $special)
                    <li>
                        <p><strong>{{ $key + 1 }}</strong> {{ $special[0] }}</p>
                        <div>{{ $special[1] }}</div>
                    </li>
                    @endforeach
                </ul>
            </div>
        </div>
        @if (isset($teacher['lectures']))
        <div class="teacher-youtube">
            <div class="max-width">
                <div class="teacher-title">
                    무료 강의
                </div>
                <div class="youtube-wrapper">
                    @foreach ($teacher['lectures'] as $lecture)
                    <div>
                        <div class="youtube-player">
                            <iframe width="515" height="290" src="{{ $lecture['url'] }}" 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">{{ $lecture['title'] }}</div>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
        @endif
    </div>
</div>
@endsection