@extends('layouts.default', [
    'activatedNavItem' => 'SERVICE',
])

@section('content')

    <div class="container service guidebook">
        <!-- 페이지타이틀 -->
        <div class="area-guidebook-top">
            <div class="agt-bg">
                <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/service/guide2-akmu.jpg" alt="" class="pc-img">
                <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/service/guide2-mo-akmu.jpg" alt="" class="mo-img">
            </div>
            <div class="agt-content">
                <h1 class="page-title"><small>국가별 유학 &middot; 어학연수</small> 가이드북 <span class="text-color">다운로드</span></h1>
                <p class="add-text">
                    국가별 유학생활 가이드, 추천학교 및 진학 방법, 고객후기 등<br>
                    최신 유학정보가 담긴 가이드북을 다운로드 할 수 있습니다.<br>
                    언제든지 최신 유학정보를 확인해보세요!
                </p>
            </div>
        </div>

        <!-- 컨텐츠 -->
        <div class="area-pages-content">
            <div class="cont-title">
                <h2>유학/어학연수 <span class="text-color">가이드북 선택</span></h2>
            </div>
            <div class="area-guidebook-download">
                <ul>
                    <li>
                        <span class="img">
                            <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/service/guidebook-uk.png" alt="영국유학 다운로드">
                        </span>
                        <a href="{{ route('service.guidebook-download.file', 'edm_uk-uhak') }}" class="button line" target="_blank"><span>영국유학 다운로드</span><i class="ui-kit-download"></i></a>
                    </li>
                    <li>
                        <span class="img">
                            <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/service/guidebook-language.png" alt="어학연수 가이드북">
                        </span>
                        <a href="{{ route('service.guidebook-download.file', 'edm_language') }}" class="button line" target="_blank"><span>어학연수 다운로드</span><i class="ui-kit-download"></i></a>
                    </li>
                    <li>
                        <span class="img">
                            <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/service/guidebook-usa.png" alt="미국 가이드북">
                        </span>
                        <a href="{{ route('service.guidebook-download.file', 'edm_us') }}" class="button line" target="_blank"><span>미국 다운로드</span><i class="ui-kit-download"></i></a>
                    </li>
                    <li>
                        <span class="img">
                            <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/service/guidebook-ca.png" alt="미국 가이드북">
                        </span>
                        <a href="{{ route('service.guidebook-download.file', 'edm_ca') }}" class="button line" target="_blank"><span>캐나다 다운로드</span><i class="ui-kit-download"></i></a>
                    </li>
                    <li>
                        <span class="img">
                            <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/service/guidebook-uk-ie.png" alt="영국 가이드북">
                        </span>
                        <a href="{{ route('service.guidebook-download.file', 'edm_uk-ie') }}" class="button line" target="_blank"><span>영국 다운로드</span><i class="ui-kit-download"></i></a>
                    </li>
                    <li>
                        <span class="img">
                            <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/service/guidebook-au.png" alt="호주 가이드북">
                        </span>
                        <a href="{{ route('service.guidebook-download.file', 'edm_au-nz') }}" class="button line" target="_blank"><span>호주 다운로드</span><i class="ui-kit-download"></i></a>
                    </li>
                    <li>
                        <span class="img">
                            <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/service/guidebook-art.png" alt="아트유학 가이드북">
                        </span>
                        <a href="{{ route('service.guidebook-download.file', 'edm_art') }}" class="button line" target="_blank"><span>아트유학 다운로드</span><i class="ui-kit-download"></i></a>
                    </li>
                    <li>
                        <span class="img">
                            <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/service/guidebook-junior.png" alt="조기유학 가이드북">
                        </span>
                        <a href="{{ route('service.guidebook-download.file', 'edm_boarding') }}" class="button line" target="_blank"><span>조기유학 다운로드</span><i class="ui-kit-download"></i></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    @if(session()->has('jsAlert'))
        <script>
            alert("{{ session()->get('jsAlert') }}");
        </script>
    @endif

@endsection