@extends('layouts.app')

@section('title', 'Main - ' . config_get('SITE_NAME'))
@section('meta_description', 'the most effective way to learn Korean, Korean language academy')

@push('head')
    {!! resource('css/main.css') !!}
	<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
@endpush

@section('content')
<main class="main-home">
    {{-- Hero Video Section --}}
    <section class="hero-video-section">
        <div class="video-background">
            <div class="video-container">
                <iframe
                    src="https://www.youtube-nocookie.com/embed/CJ_9fMvAPeY?autoplay=1&mute=1&controls=0&disablekb=1&fs=0&loop=1&modestbranding=1&iv_load_policy=3&rel=0&showinfo=0&start=0&playlist=CJ_9fMvAPeY&playsinline=1&enablejsapi=0"
                    frameborder="0"
                    allow="autoplay; encrypted-media"
                    allowfullscreen="false"
                    loading="lazy"
                    title="edmKorean Background Video"
                    style="pointer-events: none; border: none; outline: none;">
                </iframe>
            </div>
        </div>

        <div class="hero-overlay">
            <div class="hero-content container">
                <div class="hero-logo">
                    <img src="{{ asset('images/logo-white.svg') }}">
                </div>

                <div class="hero-text">
                    <h2 class="hero-title">COME TO KOREA AND<br>FIND YOUR OWN DREAM!</h2>
                    <p class="hero-description">
                        Fun and Exciting Korean Classes!<br>
                        What could be more exciting than learning Korean in Korea?
                    </p>
                </div>

                <div class="hero-actions">
                    <a href="{{ route('download.brochure') }}" class="btn btn-edm">
                        <i class="bi bi-file-earmark-text"></i> Get Free edm 2025 Brochure
                    </a>
                    <a href="{{ route('request-quotation') }}" class="btn btn-edm">
                        <i class="bi bi-chat-dots"></i> Request for quotation
                    </a>
                    <a href="{{ route('download.fees-dates') }}" class="btn btn-edm">
                        <i class="bi bi-cash-coin"></i> Course fees & dates 2025
                    </a>
                </div>
            </div>
        </div>
    </section>

    <img src="https://static.edmkorean.com/main/banner.png" alt="edmKorean Banner" class="banner-image">

    <div class="container">
        <img src="https://static.edmkorean.com/main/whatsapp.png" alt="Become Korean Whatsapp" class="banner-image">
    </div>

    {{-- edmblog section --}}
    <section class="edmblog-section">
        <div class="container">
            @if(isset($edmblogPosts) && $edmblogPosts->count() > 0)
                <div class="edmblog-posts-list">
                    @foreach($edmblogPosts as $post)
                        <div class="edmblog-post">
                            <a href="{{ route('board.show', ['edmblog', $post->id]) }}">
                                @if($post->thumbnail)
                                    <img src="{{ $post->thumbnail }}" alt="{{ $post->title }}" loading="lazy">
                                @else
                                    <div class="edmblog-thumbnail-placeholder">
                                        <i class="bi bi-image"></i>
                                    </div>
                                @endif

                                <div class="edmblog-post-content">
                                    <p>{{ $post->title }}</p>
                                    @if($post->preview_content)
                                        <div class="edmblog-post-preview">
                                            {{ $post->preview_content }}
                                        </div>
                                    @endif
                                </div>
                            </a>
                        </div>
                    @endforeach
                </div>

                <div class="edmblog-view-all">
                    <a href="{{ route('board.index', 'edmblog') }}" class="btn btn-outline-primary">
                        <i class="bi bi-arrow-right"></i> View All Blog Posts
                    </a>
                </div>
            @else
                <div class="text-center">
                    <p class="text-muted">No blog posts available yet.</p>
                </div>
            @endif
        </div>
    </section>

    {{-- Activities Section --}}
    <section class="activities-section">
        <div class="container">
            <div class="activities-layout">
                <div class="activities-cards">
                    <div class="activity-card">
                        <a href="{{ route('activities.sights-to-see') }}">
                            <img src="https://static.edmkorean.com/main/activities-1.png" alt="Hanok Village" loading="lazy">
                            <p>Hanok Village</p>
                            <div>Sights to see</div>
                        </a>
                    </div>
                    <div class="activity-card">
                        <a href="{{ route('activities.entertainment') }}">
                            <img src="https://static.edmkorean.com/main/activities-2.png" alt="Movie Day" loading="lazy">
                            <p>Movie Day</p>
                            <div>Entertainment</div>
                        </a>
                    </div>
                    <div class="activity-card">
                        <a href="{{ route('courses.general-korean') }}">
                            <img src="https://static.edmkorean.com/main/activities-3.png" alt="General Korean" loading="lazy">
                            <p>General Korean</p>
                            <div>General Korean</div>
                        </a>
                    </div>
                    <div class="activity-card">
                        <a href="{{ route('courses.intensive-korean') }}">
                            <img src="https://static.edmkorean.com/main/activities-4.png" alt="Intensive Korean" loading="lazy">
                            <p>Intensive Korean</p>
                            <div>Intensive Korean</div>
                        </a>
                    </div>
                    <div class="activity-card">
                        <a href="{{ route('courses.kpop-kdrama') }}">
                            <img src="https://static.edmkorean.com/main/activities-5.png" alt="K-pop/K-drama Course" loading="lazy">
                            <p>K-pop/K-drama Course</p>
                            <div>K-pop/K-drama</div>
                        </a>
                    </div>
                    <div class="activity-card">
                        <a href="{{ route('activities.korean-life') }}">
                            <img src="https://static.edmkorean.com/main/activities-6.jpeg" alt="Calligraphy Class" loading="lazy">
                            <p>Calligraphy Class</p>
                            <div>Korean Life</div>
                        </a>
                    </div>
                </div>

                <div class="activities-description">
                    <h5>Do you want to experience real-time Korean activities?</h5>
                    <p>Plan and Select Korean activities~! (only with edm)<br>You can learn how to speak like a Korean and try out different Korean activities~!</p>

                    <div class="activities-buttons">
                        <a href="{{ route('activities.entertainment') }}" class="btn btn-edm">
                            <i class="bi bi-palette"></i> Cultural Activities
                        </a>
                        <a href="{{ route('download.activity-calendar') }}" class="btn btn-edm">
                            <i class="bi bi-calendar-week"></i> NOV Activity Calendar
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    {{-- Instagram Gallery Section --}}
    <section class="instagram-section" style="background-image: url('https://static.edmkorean.com/main/insta-bg.png');">
        <div class="container">
            <h3>Instant-Korean and Discover Korean Activities</h3>

            @if(isset($instagramPosts) && count($instagramPosts) > 0)
                {{-- API에서 가져온 동적 Instagram 포스트들 --}}
                <div class="instagram-gallery grid">
                    @foreach($instagramPosts as $post)
                        <div class="instagram-post grid-item">
                            <a href="{{ $post['permalink'] }}" target="_blank" rel="noopener">
                                @if($post['media_type'] === 'VIDEO')
                                    <img src="{{ $post['thumbnail_url'] }}" alt="Instagram Video" loading="lazy">
                                    <div class="video-indicator">
                                        <i class="bi bi-play-circle"></i>
                                    </div>
                                @else
                                    <img src="{{ $post['media_url'] }}" alt="Instagram Post" loading="lazy">
                                @endif

                                @if(!empty($post['caption']))
                                    <div class="overlay-text">
                                        {{ Str::limit($post['caption'], 300) }}
                                    </div>
                                @endif
                            </a>
                        </div>
                    @endforeach
                </div>
            @else
                {{-- Fallback: API 토큰이 없거나 에러 시 일반 이미지들 표시 --}}
                <div class="instagram-gallery grid">
                    <div class="instagram-post  grid-item">
                        <a href="https://www.instagram.com/edmkorean/" target="_blank" rel="noopener">
                            <img src="{{ env('AWS_URL') }}/menu_images/entertainment/02.jpg" alt="Han River Picnic" loading="lazy">
                            <div class="overlay-text">
                            🌅🍗 Han River Chicken Picnic! 🎉

                            What’s more “Korean style” than having a picnic by the Han River with chicken? 🇰🇷✨
                            We enjoyed delicious chicken together while taking in the beautiful Han River view. 🌊🌇

                            After eating, we played fun Korean games like Bunny Bunny 🐰, 369 🔢, and “When You Go to the Market” 🎶.
                            It was such a joyful time full of laughter, food, and friendship. 💖

                            Studying Korean is fun, but sharing experiences like this makes it unforgettable! 🌏✈️

                            재미있었어요 /jae-mi-it-eoss-eo-yo/ It was fun

                            #LearnKoreanLiveKorean
                            #LKLK
                            #learnkorean
                            #Korean #Seoul #studyKorean #koreanlanguage #koreanlanguageschool #韓国語 #韓国語学校 #корейскийязык #школакорейскогоязыка
                        </div>
                        </a>
                    </div>

                    <div class="instagram-post  grid-item">
                        <a href="https://www.instagram.com/reel/DOpy7DLDQ20/" target="_blank" rel="noopener">
                            <img src="https://static.edmkorean.com/main/activities-1.png" alt="Korean Cultural Activities" loading="lazy">
                            <div class="overlay-text">
                                "at a restaurant" in Korean

                                1. 메뉴판 주세요.
                                [menyupan juseyo.]
                                = Please give me the menu.

                                2. 비빔밥 주세요.
                                [bibimbab juseyo.]
                                = Bibimbap, please.

                                3. 앞접시 2개 주세요.
                                [apjeobsi 2gae juseyo.]
                                = Please give me two plates.

                                4. 반찬 더 주세요.
                                [banchan deo juseyo.]
                                = Please give me more side dishes.

                                5. 나눠서 결제 할게요.
                                [nanwoseo gyeolje halgeyo.]
                                = Separate checks please.

                                #edmkorean
                                #koreanlanguage
                                #koreanschool
                                #한국어
                                #한국어공부
                                #learnkorean
                                #koreanlanguageschool
                                #studykorean #韓国語 #韓国語学校 #корейскийязык #школакорейскогоязыка
                            </div>
                        </a>
                    </div>

                    <div class="instagram-post  grid-item">
                        <a href="https://www.instagram.com/p/DOfmkKZgWW_/" target="_blank" rel="noopener">
                            <img src="https://static.edmkorean.com/main/activities-2.png" alt="Student Graduation Celebration" loading="lazy">
                            <div class="overlay-text">
                                🎉 Farewell &amp; Congratulations! 🎉

                                Today we celebrated the graduation of our amazing students who worked so hard during their time at edm Korean. 🥳📚
                                We’re so proud of each of you, and grateful for the wonderful memories we shared together. 💖

                                🎓 CHENG, MAN-HSUAN – 3 weeks
                                🎓 Shih-Yu, Wang – 4 weeks
                                🎓 Cheng-Xuan, Liu – 4 weeks
                                🎓 Chang Chiung-Wen – 2 weeks
                                🎓 SHEN RUO-CHONG – 7 weeks
                                🎓 Tanaka Yuki – 4 weeks
                                🎓 ZENG, YU-CING – 4 weeks

                                You all did such an amazing job, even in the hot summer days 🌞🔥.
                                We’ll miss you — but we hope to see you again someday! ✈️🌏💫

                                #LearnKoreanLiveKorean
                                #LKLK
                                #learnkorean
                                #Korean #Seoul #studyKorean#koreanlanguage #koreanlanguagelearning #韓国語 #韓国語学校 #корейскийязык #школакорейскогоязыка
                            </div>
                        </a>
                    </div>

                    <div class="instagram-post  grid-item">
                        <a href="https://www.instagram.com/reel/DOX7l9UjWUY/" target="_blank" rel="noopener">
                            <img src="https://static.edmkorean.com/main/activities-3.png" alt="Real Korean Language Learning" loading="lazy">
                            <div class="overlay-text">
                                [Let's talk Real Korean!]

                                ~for the life of me.
                                ✅ 아무리 해도 [a-mu-ri hae-do]
                                ❌ 내 인생을 위해! [nae in-saeng-eul wi-hae!]

                                #한국어학원
                                #learnkorean
                                #edmkorean
                                #koreanlanguage
                                #koreanlanguageschool
                                #韓国語 #韓国語学校 #корейскийязык #школакорейскогоязыка
                                #learningkorean
                            </div>
                        </a>
                    </div>

                    <div class="instagram-post  grid-item">
                        <a href="https://www.instagram.com/p/DOF2M9QAeE2/" target="_blank" rel="noopener">
                            <img src="https://static.edmkorean.com/main/activities-4.png" alt="Kimbap Making Activity" loading="lazy">
                            <div class="overlay-text">
                                Kimbap-Making Day at edm Korean!

                                Today, our students rolled up their sleeves and made their very own Kimbap, one of Korea’s most popular dishes! 🍙✨
                                We learned about the ingredients, when Koreans eat Kimbap (like on picnics or school trips!), and then tried making it ourselves.

                                Some were round, some were square... but they were all delicious and full of heart 💖
                                Learning Korean culture through food = the best kind of lesson!

                                ✅ 김밥은 소풍 갈 때 자주 먹어요. /Gim-bba-beun so-pung gal ttae ja-ju meo-geo-yo / Kimbap is often eaten on picnics.

                                #LearnKoreanLiveKorean
                                #LKLK

                                #Korean #Seoul #studyKorean #koreanlanguage #learnkorean #learningkorean #koreanlanguageschool #韓国語 #韓国語学校 #корейскийязык #школакорейскогоязыка
                            </div>
                        </a>
                    </div>

                    <div class="instagram-post  grid-item">
                        <a href="https://www.instagram.com/p/DN49l1pAQzf/" target="_blank" rel="noopener">
                            <img src="https://static.edmkorean.com/main/activities-5.png" alt="Karaoke Activity Contest" loading="lazy">
                            <div class="overlay-text">
                                [Karaoke activity]

                                Today was edm Korean’s Singing Contest day! 🎤🎶✨
                                Each student took the stage and sang a song — and wow, what amazing talent! 💯👏

                                🥇 1st place received a ₩30,000 Olive Young gift card
                                🥈🥉 2nd & 3rd places won ₩10,000 Starbucks vouchers! ☕🎁

                                Everyone showed off their singing skills and had such a fun, exciting time together! 💃🕺

                                ✅ 노래를 잘 불러요. /no-rae-reul jal bul-leo-yo/ sing well

                                #LearnKoreanLiveKorean
                                #LKLK

                                #Korean #Seoul #studyKorean #koreanlanguage #koreanlanguageschool #韓国語 #韓国語学校#корейскийязык #школакорейскогоязыка
                            </div>
                        </a>
                    </div>

                    <div class="instagram-post  grid-item">
                        <a href="https://www.instagram.com/reel/DN2cgQ8Wo7r/" target="_blank" rel="noopener">
                            <img src="https://static.edmkorean.com/main/activities-6.jpeg" alt="Korean Expression Learning" loading="lazy">
                            <div class="overlay-text">
                                [Expression Request in Korean]
                                Formal / Informal

                                1. Awesome!
                                대단해요! / 대단해!
                                [ daedanhaeyo! / daedanhae! ]

                                2. Awesome!
                                멋져요! / 멋지다!
                                [ meosjyeoyo! / meosjida! ]

                                3. Genius!
                                천재 같아요! / 천재다!
                                [ cheonjae gat-ayo! / cheonjaeda! ]

                                4. Great sense!
                                센스가 좋네요! / 센스 짱!
                                [ senseuga johneyo! / senseu jjang! ]

                                5. Really good job!
                                정말 잘하셨네요! / 정말 잘했다!
                                [ jeongmal jalhasyeossneyo! / jeongmal jalhaessda! ]

                                #koreanverbs
                                #한국어학원
                                #한글공부시작
                                #learnkorean
                                #edmkorean
                                #koreanlanguage
                                #koreanlanguageschool
                                #韓国語 #韓国語学校 #корейскийязык #школакорейскогоязыка
                            </div>
                        </a>
                    </div>

                    <div class="instagram-post  grid-item">
                        <a href="https://www.instagram.com/p/DNz8u12Qiq6/" target="_blank" rel="noopener">
                            <img src="https://static.edmkorean.com/menu_images/entertainment/03.jpg" alt="Summer Program Memories" loading="lazy">
                            <div class="overlay-text">
                                🌟 Cheers to a Meaningful Summer Together! ☀️📚
                                You all did such a great job studying during this hot summer season!
                                From learning Korean to making memories with classmates, every moment was special.
                                Thank you for your effort and bright energy — we'll miss you so much! 💖
                                Let’s meet again someday! 🇰🇷✈️

                                🎓 Oscar Messarra-yang – completed the 4-week program
                                🎓 CHANG YUN-ZHEN – completed the 4-week program
                                🎓 LI, YU-CHING – completed the 2-week program
                                🎓 Li, Yun-An – completed the 2-week program
                                🎓 Jiang Zezhong – completed the 12-week program

                                We’re so proud of all of you.
                                Wishing you a safe trip back, and see you again someday! 🌏✈️💫

                                좋은 추억이었어요 / jo-eun chu-eok-i-eoss-eo-yo/ It was a good memory

                                #LearnKoreanLiveKorean
                                #LKLK

                                #Korean #Seoul #studyKorean #learnkorean #learningkorean #koreanlanguage #koreanlanguageschool
                            </div>
                        </a>
                    </div>

                    <div class="instagram-post  grid-item">
                        <a href="https://www.instagram.com/reel/DNxRWuYWrdR/" target="_blank" rel="noopener">
                            <img src="https://static.edmkorean.com/menu_images/entertainment/04.jpg" alt="Korean Practice Activity" loading="lazy">
                            <div class="overlay-text">
                                [Let's talk Real Korean!]

                                Can you print this out for me, please?
                                = 이거 프린트 해줄 수 있어요? [i-geo peu-rin-teu hae-jul su is-seo-yo?]
                                or 이거 뽑아 줄 수 있어요? [i-geo-bbo-ba jul su is-seo-yo?] 📃

                                #edmkorean
                                #learnkoreantogether
                                #koreanstudent
                                #studykorean
                                #learnkorean
                                #koreanlanguage
                                #koreanlanguageschool
                                #koreanclass
                            </div>
                        </a>
                    </div>
                </div>
            @endif
        </div>
    </section>

    {{-- Course Curriculum Section --}}
    <section class="curriculum-section">
        <div class="container">
            <h3>Course Curriculum</h3>
            <p class="subtitle">Explore Various Lessons Tailored to Enhance Your Korean Language Proficiency</p>
			<div class="curriculum-layout">
				<div class="curriculum-card">
					<a href="/courses/general-korean"><img src="https://static.edmkorean.com/main/curriculum-card-1.png" alt="General Korean"></a>
					<h4>General Korean</h4>
					<p>From Korean Basics to Mastery</p>
				</div>
				<div class="curriculum-card">
					<a href="/courses/intensive-korean"><img src="https://static.edmkorean.com/main/curriculum-card-2.png" alt="Intensive Korean"></a>
					<h4>Intensive Korean</h4>
					<p>Regular Class</p>
				</div>
				<div class="curriculum-card">
					<a href="/courses/topik-preparation"><img src="https://static.edmkorean.com/main/curriculum-card-3.png" alt="Topik Preparation"></a>
					<h4>Topik Preparation</h4>
					<p>Regular Class</p>
				</div>
				<div class="curriculum-card">
					<a href="/courses/private-lesson"><img src="https://static.edmkorean.com/main/curriculum-card-4.png" alt="1:1 Private Lesson"></a>
					<h4>1:1 Private Lesson</h4>
					<p>Personalized Private Lessons</p>
				</div>
				<div class="curriculum-card">
					<a href="/courses/business-korean"><img src="https://static.edmkorean.com/main/curriculum-card-5.png" alt="Business Korean"></a>
					<h4>Business Korean</h4>
					<p>Enhance your Korean communication skills for professional business environments</p>
				</div>
				<div class="curriculum-card">
					<a href="/courses/kpop-kdrama"><img src="https://static.edmkorean.com/main/curriculum-card-6.png" alt="K-POP / K-DRAMA Korean"></a>
					<h4>K-POP / K-DRAMA Korean</h4>
					<p>Learning Living Korean through Music and Drama</p>
				</div>
			</div>
        </div>
    </section>

	{{-- More about edm Korean Global Campus Section --}}
	<section class="global-campus-section">
		<div class="container">
			<div class="global-campus-layout">
				<div class="global-campus-left">
					<h3>More about <br>edm Korean <br>Global Campus</h3>
					<p class="subtitle">If you're curious to learn more about our academy, please check our brochure for more detailed information.</p>
				</div>
				<div class="global-campus-right">
					<a href="https://static.edmkorean.com/main/edmKorean_Brochure_2025_v01.pdf" download class="brochure" target="_blank">
						<img src="https://static.edmkorean.com/main/global-campus-brochure.png" alt="Come to Korea and Find your own dream!">
						<span class="btn btn-edm"><i class="bi bi-file-earmark-text"></i> Get Free Brochure</span>
					</a>
					<div class="list">
						<a href="/about/edm-korean-global-campus" target="_blank">
							<b>About edm Korean Global Campus</b>
							<p>Join edm Korean Global Campus today and start your Korean language journey!</p>
						</a>
						<a href="/student-services/student-services" target="_blank">
							<b>Student Services</b>
							<p>Find out about the various services provided by our academy.</p>
						</a>
					</div>
				</div>
			</div>
		</div>

	</section>

	{{-- Welcome to edm Korean Global Campus Section --}}
	<section class="welcome-section">
		<div class="container">
			<img src="https://static.edmkorean.com/main/welcome-section.png" alt="edm Korean Global Campus">
			<h3>"Welcome to edm Korean Global Campus <br>your Gateway to South korea and Beyond!"</h3>
		</div>
	</section>

	{{-- Cultural Activities Section --}}
	<section class="campus-life-section cultural-activities">
		<div class="container">
			<p class="subtitle">Experiencing Korean Culture Firsthand</p>
			<div class="campus-life-section-header">
				<h3>CULTURAL ACTIVITIES</h3>
				<p>This is an activity where you can directly experience and immerse yourself in various aspects of Korean culture. Learn K-pop dance and engage in diverse cultural experiences.</p>
			</div>
			<div class="campus-life-section-layout">
				<a href="/activities/entertainment" class="campus-life-section-card">
					<img src="https://static.edmkorean.com/main/cultural-activities-card-1.png" alt="Cultural Activities Image 1">
					<h4>Entertainment</h4>
					<p>This is an activity where you can directly experience and immerse yourself in various aspects of Korean culture. Learn K-pop dance and engage in diverse cultural experiences.</p>
				</a>
				<a href="/activities/sights-to-see" class="campus-life-section-card">
					<img src="https://static.edmkorean.com/main/cultural-activities-card-2.png" alt="Cultural Activities Image 1">
					<h4>Sights to see</h4>
					<p>Don't you want to explore various traditional yet futuristic places in Korea? You can visit various historically and culturally significant tourist destinations to have enjoyable experiences."</p>
				</a>
				<a href="/activities/things-to-create" class="campus-life-section-card">
					<img src="https://static.edmkorean.com/main/cultural-activities-card-3.png" alt="Cultural Activities Image 1">
					<h4>Things to create</h4>
					<p>Experience Korean culture by making Korean food like kimchi and crafting your own chopsticks with mother-of-pearl decorations. Learn and feel Korean culture firsthand. You can also take home the food and products you make.</p>
				</a>
			</div>

		</div>
	</section>

	{{-- Accommodation Section --}}
	<section class="campus-life-section accommodation">
		<div class="container">
			<p class="subtitle">edm Korean Global Campus Accommodation</p>
			<div class="campus-life-section-header">
				<h3>ACCOMMODATION</h3>
				<p>We know that finding the right place to live is an important part of experience. We offer accommodations to provide a pleasant, comfortable, secure and affordable for students within a short distance form our campus. Trying to decide where to live while studying at edm Korea's? Here is the places of accommodation to help you choose which one will work best for you.</p>
			</div>
			<div class="campus-life-section-layout">
				<a href="/student-services/accommodation" class="campus-life-section-card">
					<img src="https://static.edmkorean.com/main/accommodation-card-1.png" alt="Cultural Activities Image 1">
					<h4>edm Premium Residence</h4>
					<p>Experience our furnished residence that is just a minute away from our school. The apartment is well-secured with prepared basic utensils in the kitchen. There is also a refrigerator, freezer, washing machine, coffee pot, a wide wardrobe, clean bathroom.</p>
				</a>
				<a href="/student-services/accommodation" class="campus-life-section-card">
					<img src="https://static.edmkorean.com/main/accommodation-card-2-251201.png" alt="Cultural Activities Image 1">
					<h4>Episode Residence</h4>
					<p>The edm episode residence provides the highest quality facilities of all services provided by edm Korea. Residents can enjoy a personal and independent living space with a wide range of public amenities, including a cozy lounge, a perfect communal kitchen studio, a modern fitness room, and a spacious rooftop with an open view, and advanced smart security ensures a safe and secure living environment at all times.</p>
				</a>
				<a href="/student-services/accommodation" class="campus-life-section-card">
					<img src="https://static.edmkorean.com/main/accommodation-card-3.jpg" alt="Cultural Activities Image 1">
					<h4>Homestay</h4>
					<p>Stay with one of our local families and get a real feel for Korea life with plenty of additional language practice. Standards are high, so this option is suitable for anyone ready to make the most of the opportunity.</p>
				</a>
			</div>

		</div>
	</section>

	{{-- Reviews Section --}}
	<section class="reviews-section">
		<div class="container">
			<h3>Reviews from our  students</h3>
			<div class="reviews-layout">
				<a href="/student-services/reviews" class="reviews-card">
					<img src="https://static.edmkorean.com/main/reviews-card-1.png" alt="Reviews Image 1">
					<p class="name">Olga Kolobikhina</p>
					<p class="country">Russia</p>
					<p class="txt">I liked that there was a lot of speaking time during the classes, and it was good to have time to talk with friends, so I could make friends.</p>
				</a>
				<a href="/student-services/reviews" class="reviews-card">
					<img src="https://static.edmkorean.com/main/reviews-card-2.png" alt="Reviews Image 1">
					<p class="name">Florencia Correa Anguita </p>
					<p class="country">Chile</p>
					<p class="txt">Since we can learn how to use the grammar we've learned in daily life, I feel like I can use it right away when I leave the classroom.</p>
				</a>
				<a href="/student-services/reviews" class="reviews-card">
					<img src="https://static.edmkorean.com/main/reviews-card-3.png" alt="Reviews Image 1">
					<p class="name">Vance Jordan James </p>
					<p class="country">US</p>
					<p class="txt">Because we talk a lot during class, I can make friends too. I will come back with friends next year.</p>
				</a>
				<a href="/student-services/reviews" class="reviews-card">
					<img src="https://static.edmkorean.com/main/reviews-card-4.png" alt="Reviews Image 1">
					<p class="name">Levchenko Valentyna</p>
					<p class="country">Ukraine</p>
					<p class="txt">We're going to Gyeongbokgung today, and the lesson today was about transportation and directions. I'm going to try to use what I've learned while going there.</p>
				</a>
			</div>
		</div>
	</section>

	{{-- Youtube Section --}}
	<section class="youtube-section">
		<div class="container">
			<h3>Youtube : Listen and Follow Korean</h3>

			@if(isset($youtubePosts) && $youtubePosts->count() > 0)
				<ul class="youtube-list">
					@foreach($youtubePosts as $post)
						<li>
							<a href="{{ route('board.show', ['youtube', $post->id]) }}">
								@if($post->thumbnail)
									<img src="{{ $post->thumbnail }}" alt="{{ $post->title }}" loading="lazy">
								@else
									<div class="thumbnail-placeholder">
										<i class="bi bi-image"></i>
									</div>
								@endif
								<p>{{ $post->title }}</p>
							</a>
						</li>
					@endforeach
				</ul>

				<div class="youtube-view-all text-center mt-4">
					<a href="{{ route('board.index', 'youtube') }}" class="btn btn-outline-primary">
						<i class="bi bi-arrow-right"></i> View All Youtube Videos
					</a>
				</div>
			@endif
		</div>
	</section>

	{{-- Transportation Section --}}
	<section class="transportation-section">
		<div class="container">
			<div class="transportation-layout">
				<div class="transportation-info">
					<h3>Transportation <br>information</h3>
					<h4>SUBWAY/UNDERGROUND</h4>
					<p>- Line 2 Gangnam Station Exit 3,4</p>
					<p>- Shinbundang Line Gangnam Station Exit 3</p>
					<h4>BUS</h4>
					<p>Shinbundang Gangnamstation stop</p>
					<p>140, 400, 402, 420, 421, 440, 41, 452, 470, 542, 643, 741, 0411, 1550,1570, 3030, 3100, 9202, 9400, 9800, 9404, 9408, 9409, 9711, 8008, 6009 <br>Gangnam Station, Yeoksam Tax Office <br>146, 341, 360, 740, 8146</p>
				</div>
				<div class="transportation-map">
				<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3165.475913974019!2d127.02748587460795!3d37.496692072056774!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca104454e02a5%3A0xa82d1a4cff9b6c2c!2zZWRtIEtvcmVhbiBHbG9iYWwgQ2FtcHVzIChlZG3tlZzqta3slrTtlZnsm5Ap!5e0!3m2!1sen!2skr!4v1759362154660!5m2!1sen!2skr" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
				</div>
			</div>
		</div>
	</section>

	{{-- Come to Korea Section --}}
	<section class="come-to-korea-section">
		<div class="container">
			<img src="{{ asset('images/logo-white.svg') }}" alt="edm Korean Global Campus">
			<h3>Come to Korea and <br>Find your own dream!</h3>
			<p>Fun and Exciting Korean Classes! <br>What could be more exciting than <br>Korean in Korea!</p>
			<a href="/request-quotation" class="btn btn-edm"><i class="bi bi-pencil-square"></i> Registration</a>
		</div>
	</section>
</main>

@push('scripts')
<script>
// YouTube iframe 에러 무시 및 대체 배경 처리
document.addEventListener('DOMContentLoaded', function() {
    const iframe = document.querySelector('.video-container iframe');
    const videoContainer = document.querySelector('.video-container');

    if (iframe) {
        // iframe 로드 에러 감지 (조용히 처리)
        iframe.addEventListener('error', function() {
            console.log('YouTube iframe failed to load, switching to fallback');
            showFallbackBackground();
        });

        // 10초 후에도 로드되지 않으면 대체 콘텐츠 표시
        setTimeout(function() {
            if (!iframe.contentDocument && !iframe.contentWindow) {
                console.log('YouTube iframe timeout, switching to fallback');
                showFallbackBackground();
            }
        }, 10000);
    }

    function showFallbackBackground() {
        if (videoContainer) {
            videoContainer.innerHTML = `
                <div class="fallback-background">
                    <div class="gradient-animation"></div>
                </div>
            `;
        }
    }

    // 콘솔 에러 필터링 (YouTube placard 에러들을 조용히 무시)
    const originalConsoleError = console.error;
    console.error = function(...args) {
        const message = args.join(' ');
        if (message.includes('placard') ||
            message.includes('Button failed to load') ||
            message.includes('airplay') ||
            message.includes('pip-placard') ||
            message.includes('invalid-placard') ||
            message.includes('handleEvent')) {
            return; // YouTube 관련 에러는 무시
        }
        originalConsoleError.apply(console, args);
    };
});

let msnry = null;
window.onload = () => {
    const elem = document.querySelector('.grid');
    if ( elem ) {
        msnry = new Masonry( elem, {
            // options
            itemSelector: '.grid-item',
        });
    }
}


let isMsnryLayout= false
$(window).on("scroll", function() {
    const instaHgieht = $('.instagram-section').offset().top;
    if ( msnry && window.scrollY >= instaHgieht - 500  && window.scrollY <= instaHgieht + 50 && ! isMsnryLayout ) {
        msnry.layout();
        isMsnryLayout = true;
    }
})
</script>
@endpush
@endsection