@extends('layouts.app')

@push('head')
    <style>
        h2 { margin-top: 4rem; }
        .row img { width: 100%; height: auto; max-height: 400px; object-fit: cover; object-position: center; }
        
        .option-list { list-style: none; margin: 2rem 0; padding: 0; }
        .option-list li { margin: 1.5rem 0; padding: 1rem; border: 1px solid var(--bs-gray-300); border-radius: 0.375rem; }
        .option-list li h6 { margin-bottom: 0.5rem; font-weight: 500; }

        /* Desktop (768px+) - table 구조로 변경 */
        @media (min-width: 768px) {
            .option-list { display: table; width: 100%; border-collapse: collapse; }
            .option-list li { display: table-row; margin: 0; padding: 0; border: none; border-radius: 0; }
            .option-list li h6 { display: table-cell; vertical-align: middle; border: 1px solid var(--bs-gray-300); padding: 1rem; background-color: var(--bs-gray-100); width: 25%; margin: 0; }
            .option-list li div { display: table-cell; vertical-align: top; border: 1px solid var(--bs-gray-300); border-left: none; padding: 1rem; }
        }
    </style>
@endpush

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

    {{-- 페이지 컨텐츠 --}}
    <div class="container student-services">
        <article>
            <h1>Accommodation</h1>
            <p>We know that finding the right place to live is an important part of the experience. We offer accommodation to provide a pleasant, comfortable, secure and affordable living-space for students within a short distance of our campus. Trying to decide where to live while studying at edm Korean? We offer three different types of accommodation, read the descriptions to see which would work best for you.</p>

			{{-- edm Episode Residence --}}
			<h2>edm Episode Residence</h2>
            <p>edm Episode Residence offers the highest-quality facilities among all services provided by edm Korean Global Campus. Residents enjoy private, independent living spaces along with a range of shared amenities, including a cozy lounge, a fully equipped communal kitchen studio, a modern fitness room, and a spacious rooftop with an open view. A strict visitor management system and advanced smart security ensure a safe and worry-free living environment at all times.</p>
			<p>Located in the heart of Gangnam, edm Episode Residence provides excellent accessibility and a premium residential atmosphere. With the campus just a 15-minute walk away, it offers the ideal environment for both daily living and focused study</p>
			<p><strong>Facilities</strong>: Bathroom& Shower Room, kitchen, Free Wi-Fi, Refrigerator, Furniture & Appliances, TV, Bed & Wardrobe, Desk & Chair, Microwave, Washing Machine & Dryer, Hairdryer, Air Conditioner</p>
			<div class="video-container">
				<iframe width="100%" height="100%" style="aspect-ratio: 16/9;" src="https://www.youtube.com/embed/6bwuteGmkdE?si=53ESsxAXa5nQkAm2" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
			</div>
			<div class="row g-2">
				<div class="col-lg-6">
					<img src="{{ env('AWS_URL') }}/menu_images/accommodation/episode-residence-01.png?=251202" alt="Accommodation">
				</div>
				<div class="col-lg-6">
					<img src="{{ env('AWS_URL') }}/menu_images/accommodation/episode-residence-02.png?=251202" alt="Accommodation">
				</div>
			</div>
			<div class="row g-2 mt-1">
                <div class="col-lg-6">
                    <img src="{{ env('AWS_URL') }}/menu_images/accommodation/episode-residence-03.png?=251202" alt="Accommodation">
                </div>
                <div class="col-lg-6">
                    <img src="{{ env('AWS_URL') }}/menu_images/accommodation/episode-residence-04.png?=251202" alt="Accommodation">
                </div>
            </div>
			<div class="row g-2 mt-1">
                <div class="col-lg-6">
                    <img src="{{ env('AWS_URL') }}/menu_images/accommodation/episode-residence-05.png?=251202" alt="Accommodation">
                </div>
                <div class="col-lg-6">
                    <img src="{{ env('AWS_URL') }}/menu_images/accommodation/episode-residence-06.png?=251202" alt="Accommodation">
                </div>
            </div>

            <h2>edm PREMIUM RESIDENCE (SINGLE ROOM)</h2>
            <p>edm Premium Residence is located just a minute's walk from the school, and only 3 minutes from Gangnam Station. The residence is surrounded by numerous restaurants, various amenities, and a safe environment, making it the ideal location.</p>

            <p><strong>Facilities</strong>: Bathroom& Shower Room, kitchen, Free Wi-Fi, Refrigerator, Furniture & Appliances, TV, Bed & Wardrobe, Desk & Chair, Microwave, Washing Machine & Dryer, Hairdryer, Air Conditioner</p>

            <div class="row g-2">
                <div class="col-lg-6">
                    <img src="{{ env('AWS_URL') }}/menu_images/accommodation/01.png" alt="Accommodation">
                </div>
                <div class="col-lg-6">
                    <img src="{{ env('AWS_URL') }}/menu_images/accommodation/02.png" alt="Accommodation">
                </div>
            </div>
            <div class="row g-2 mt-1">
                <div class="col-lg-6">
                    <img src="{{ env('AWS_URL') }}/menu_images/accommodation/03.png" alt="Accommodation">
                </div>
                <div class="col-lg-6">
                    <img src="{{ env('AWS_URL') }}/menu_images/accommodation/04.png" alt="Accommodation">
                </div>
            </div>
            <p class="text-muted">(※ Please note: The above image is an example of one room type. Room shapes and features may vary by type.)</p>

            <h2>SERVICED RESIDENCE</h2>
            <p>This type of accommodation provides services similar to hotels and is suitable for those seeking private and excellent service. However, it tends to be more expensive compared to other lodging options.</p>
            <p class="text-muted">Distance to School : 10-20 mins</p>

            <ul class="option-list">
                <li>
                    <h6>THINGS YOU NEED TO BRING</h6>	
                    <div>Essentials such as hygiene products, personal belongings to create a homely atmosphere in their room, prescribed medications, and towels.</div>
                </li>

                <li>
                    <h6>SERVICE INCLUDED</h6>	
                    <div>Wi-Fi, bed, desk&chair, wardrobe, TV, refrigerator, bathroom, kitchen, hair dryer, electric kettle, air conditioner (washing machine and microwave are not included.)<br>Fitness center</div>
                </li>

                <li>
                    <h6>MEALS APROVIDED</h6>	
                    <div>Meals are self-catering</div>
                </li>

                <li>
                    <h6>LAUNDRY FACILITIES</h6>	
                    <div>There are laundry facilities in the basement (washing machine 2,000 won / dryer machine 2,000 won)</div>
                </li>

                <li>
                    <h6>SECURITY</h6>	
                    <div>You are accountable for ensuring the security of your own room. edm Korean Global Campus cannot assume responsibility for any items that are lost or go missing within the residence.</div>
                </li>

                <li>
                    <h6>DISTANCE TO SCHOOL</h6>	
                    <div>10~20 minutes</div>
                </li>
            </ul>

            <div class="row g-2">
                <div class="col-lg-6">
                    <img src="{{ env('AWS_URL') }}/menu_images/accommodation/05.jpg" alt="Accommodation">
                </div>
                <div class="col-lg-6">
                    <img src="{{ env('AWS_URL') }}/menu_images/accommodation/06.jpg" alt="Accommodation">
                </div>
            </div>
            <div class="row mt-1 g-2">
                <div class="col-lg-6">
                    <img src="{{ env('AWS_URL') }}/menu_images/accommodation/07.jpg" alt="Accommodation">
                </div>
                <div class="col-lg-6">
                    <img src="{{ env('AWS_URL') }}/menu_images/accommodation/08.jpg" alt="Accommodation">
                </div>
            </div>


            <h2>HOMESTAY</h2>
            <p>Stay with a local family 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>
            <p class="text-muted">Distance to School : 30-50 mins</p>

            <ul class="option-list">
                <li>
                    <h6>THINGS YOU NEED TO BRING</h6>	
                    <div>toothbrush, toothpaste, shampoo</div>
                </li>

                <li>
                    <h6>SERVICE INCLUDED</h6>	
                    <div>Wi-Fi, bed, desk&chair, wardrobe, pillow, bedding, homestay coordinator</div>
                </li>

                <li>
                    <h6>MEALS PROVIDED</h6>	
                    <div>B&B, Half Board</div>
                </li>

                <li>
                    <h6>LAUNDRY FACILITIES</h6>	
                    <div>washing machine included</div>
                </li>

                <li>
                    <h6>SECURITY</h6>	
                    <div>You are accountable for ensuring the security of your own room. edm Korean Global Campus cannot assume responsibility for any items that are lost or go missing within the residence.</div>
                </li>

                <li>
                    <h6>DISTANCE TO SCHOOL</h6>	
                    <div>30-50 minutes</div>
                </li>
            </ul>

            <div class="row g-2">
                <div class="col-lg-6">
                    <img src="{{ env('AWS_URL') }}/menu_images/accommodation/09.jpg" alt="Accommodation">
                </div>
                <div class="col-lg-6">
                    <img src="{{ env('AWS_URL') }}/menu_images/accommodation/10.jpg" alt="Accommodation">
                </div>
            </div>
            <div class="row mt-1 g-2">
                <div class="col-lg-6">
                    <img src="{{ env('AWS_URL') }}/menu_images/accommodation/11.jpg" alt="Accommodation">
                </div>
                <div class="col-lg-6">
                    <img src="{{ env('AWS_URL') }}/menu_images/accommodation/12.jpg" alt="Accommodation">
                </div>
            </div>
        </article>
    </div>
</main>
@endsection