@extends('layouts.app')

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

    {{-- 페이지 컨텐츠 --}}
    <div class="container courses">
        <article>
            <h1>General Korean</h1>
            <p>The General Korean Course caters to all levels, from beginners to those who can read Hangul. The primary goal is to develop language proficiency and practical communication skills for everyday situations. Our classes focus on essential skills such as shopping, navigation, and ordering, so you can start using Korean immediately upon arrival in Korea.</p>
            
            <button type="button" class="btn-edm text-nowrap" style="margin-bottom: 4rem;" onclick="location.href='{{ route('request-quotation') }}?course=GeneralKorean'">
                <i class="bi bi-envelope"></i> Request for quotation
            </button>

            <p>Get in touch for a free consultation and materials.<br>We advise you perfect courses for your personal goals.</p>

            <div class="row content-row">
                <div class="col-lg-3 image-container">
                    <img src="{{ env('AWS_URL') }}/menu_images/general-korean/01.png" alt="General Korean">
                </div>
                <div class="col-lg-9 table-container">
                    <table class="table table-bordered w-100">
                        <tbody>
                            <tr>
                                <td>
                                    <strong>Course Duration</strong>
                                    1 week ~ 44 weeks<br>
                                    (Minimum 1 week)<br>
                                    5 days per week
                                </td>
                                <td>
                                    <strong>Class Lessons</strong>
                                    15 Lessons / week<br>
                                    9:00 am - 12:00pm
                                </td>
                                <td>
                                    <strong>Class Size</strong>
                                    5 - 9 people(max 12)
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <strong>Start Day </strong>
                                    Starts Every Monday
                                </td>
                                <td>
                                    <strong>Levels</strong>
                                    foundation 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>

            <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>
                <li>Lesson time can be adjusted if there are less than or equal to two students in a class.</li>
            </ul>

            <img src="{{ env('AWS_URL') }}/menu_images/general-korean/02.jpg" alt="General Korean" 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/general-korean/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/general-korean/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/general-korean'])
    </div>
</main>
@endsection