@extends('layouts.app')

@section('content')
<main>
    {{-- 동적 네비게이션 (메뉴 테이블 기반) --}}
    @include('partials.document-navigation')

    {{-- 페이지 컨텐츠 --}}
    <div class="container courses">
        <article>
            <h1>TOPIK Preparation</h1>
            <p>TOPIK Preparation course is designed for those who wish to strategically prepare for the TOPIK exam. Classes are open once a month in four weeks.</p>
            
            <button type="button" class="btn-edm text-nowrap" style="margin-bottom: 4rem;" onclick="location.href='{{ route('request-quotation') }}?course=TopikPreparation'">
                <i class="bi bi-envelope"></i> Request for quotation
            </button>

            <div class="row content-row">
                <div class="col-lg-3 image-container">
                    <img src="{{ env('AWS_URL') }}/menu_images/topik-preparation/01.png" alt="Topik Preparation">
                </div>
                <div class="col-lg-9 table-container">
                    <table class="table table-bordered w-100">
                        <tbody>
                            <tr>
                                <td>
                                    <strong>Course Duration</strong>
                                    4 weeks<br>
                                    * Registration is only available in 4-week intervals.
                                </td>
                                <td>
                                    <strong>Class Lessons</strong>
                                    15 Lessons/week<br>
                                    9:00 am - 12:00 pm
                                </td>
                                <td>
                                    <strong>Class Size</strong>
                                    5 - 9 people(max 12)
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <strong>Start Day </strong>
                                    Starts Every Monday<br>
                                    <small>* Please check the class schedule</small>
                                </td>
                                <td>
                                    <strong>Levels</strong>
                                    Intermediate to Proficiency
                                </td>
                                <td>
                                    <strong>Certificate</strong>
                                    Certificate will be provided to each participant upon completion of the course
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    
                </div>
            </div>

            <h5 style="margin-top: 4rem;">Class Content</h5>
            <p>The Test of Proficiency in Korean (TOPIK) is an examination conducted for non-native speakers and foreigners who do not use Korean as their mother tongue. It is a written test designed to measure and evaluate the proficiency in the use of the Korean language. The edm TOPIK course is designed for those who wish to strategically prepare for the TOPIK exam, including those planning to study at domestic universities, seeking employment in domestic and international Korean companies, and requiring certification for various visa applications.</p>

            <ul class="star-list">
                <li>1 lesson = 50 mins</li>
                <li>If Monday is a holiday, classes will begin on Tuesday.</li>
                <li>Classes are available to ages 19 and above.</li>
            </ul>

            <img src="{{ env('AWS_URL') }}/menu_images/topik-preparation/02.png" alt="Topik Preparation" class="img-banner my-4">

            <h4 style="margin-top: 4rem;">Korean Course Level</h4>
            <div class="text-center">
                <img src="{{ env('AWS_URL') }}/menu_images/topik-preparation/03.png" alt="Korean Course Level">
            </div>

            <h4 style="margin-top: 4rem;">Time Table</h4>
            <div class="text-center">
                <img src="{{ env('AWS_URL') }}/menu_images/topik-preparation/04.jpg" alt="Time Table">
            </div>

            <div style="margin-top: 4rem;">
                <img src="{{ env('AWS_URL') }}/menu_images/general-korean/05.png" alt="Coupon">
            </div>
        </article>

        {{-- Inquiry Form --}}
        @include('components.inquiry-form', ['pageId' => 'courses/topik-preparation'])
    </div>
</main>
@endsection