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

@section($service. '-content')

<div id="wrap" class="teacherPage">
    <div class="pageTitle"></div>
    <div class="max-width">
        <div class="sub-banner">
            <div class="wrapper">
                @if ($service == 'ielts')
                    <img src="{{ env('AWS_S3_IMG_URL') }}/common/img_teacheri_list.jpg" alt="">
                @else
                    <img src="{{ env('AWS_S3_IMG_URL') }}/common/img_teacher_list.jpg" alt="">
                @endif
            </div>
        </div>
        <div class="board-title">
            <div class="wrapper">
                <p>ed:m IELTS 강사진</p>
            </div>
        </div>
        <div class="board-wrapper">
            <div class="wrapper">
                <div class="board teacher-list">
                    @foreach ($teachers as $teacher)
                    <a href="{{ route("teacher", ['service' => $service, 'name' => $teacher['path'] ]) }}">
                        <img src="{{ env('AWS_S3_IMG_URL') }}/common/{{ $teacher['image'] }}.png" alt="{{ $teacher['name-ko'] }} 선생님 사진">
                        <div class="default">
                            <p>{!! $teacher['description'] !!}</p>
                            <strong>{{ $teacher['name'] }}</strong>
                        </div>
                        <div class="hover">
                            <ul>
                                @foreach ($teacher['careers'] as $career )
                                <li>{{ $career }}</li>
                                @endforeach
                            </ul>
                        </div>
                    </a>
                    @endforeach
                </div>
            </div>
        </div>

        @if ($service == 'ielts')
        <div class="board-title">
            <div class="wrapper">
                <p>Kings 현직 강사진</p>
            </div>
        </div>
        <div class="board-wrapper">
            <div class="wrapper">
                <div class="board teacher-list">
                    @foreach ($kingsTeachers as $teacher)
                    <a href="{{ route("teacher", ['service' => $service, 'name' => $teacher['path'] ]) }}">
                        <img src="{{ env('AWS_S3_IMG_URL') }}/common/{{ $teacher['image'] }}.png" alt="{{ $teacher['name-ko'] }} 선생님 사진">
                        <div class="default">
                            <p>{!! $teacher['description'] !!}</p>
                            <strong>{{ $teacher['name'] }}</strong>
                        </div>
                        <div class="hover">
                            <ul>
                                @foreach ($teacher['careers'] as $career )
                                <li>{{ $career }}</li>
                                @endforeach
                            </ul>
                        </div>
                    </a>
                    @endforeach
                </div>
            </div>
        </div>
        @endif
    </div>
</div>


@endsection