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

@section('content')
    <article class="container brand-branches overseas victoria">
        <!-- 페이지타이틀 : full-bg -->
        <div class="area-pages-top parallax-bg">
            <h1 class="page-title">{{ $branchInfo['title'] }}</h1>
        </div>

        <!-- 지사안내 -->
        <article class="area-edm-branches" data-tab="tab-wrap">
            <div class="sm-branches-content">
                <section class="sm-bh-tabs-con">
                    <div class="img-wrap">
                        <div class="slider">
                            <ul>
                                @foreach ($branchInfo['images'] as $images)
                                    <li class="pageOnImgBlock">
                                        <figure>
                                            <img src="{{$images->url}}" alt="빅토리아 글로벌센터 이미지">
                                            <figcaption>
                                                <span class="pager-hidden">[빅토리아]</span>{{$images->title}}<br>
                                                <span class="pager-hidden">
                                                    {{$images->desc}}
                                                </span>
                                            </figcaption>
                                        </figure>
                                    </li>
                                @endforeach
                            </ul>
                            <div class="paging-number"></div>
                        </div>
                        <div class="pager">
                            <!-- [D]: slider의 ul 내용과 동일합니다. -->
                            <ul>
                                @foreach ($branchInfo['images'] as $images)
                                    <li class="pageOnImgBlock">
                                        <figure>
                                            <img src="{{$images->url}}" alt="빅토리아 글로벌센터 이미지 리스트">
                                            <figcaption>
                                                <span class="pager-hidden">[빅토리아]</span>{{$images->title}}<br>
                                                <span class="pager-hidden">
                                                    {{$images->desc}}
                                                </span>
                                            </figcaption>
                                        </figure>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                    <article class="info-wrap">
                        <h3 class="bransches-name">{{ $branchInfo['title'] }}</h3>
                        <div class="bransches-info">
                            <div class="list-wrap">
                                <dl>
                                    <dt>전화</dt>
                                    <dd>{{ $branchInfo['tel'] }}</dd>
                                </dl>
                                <dl>
                                    <dt>근무시간</dt>
                                    <dd>
                                        <p class="bullet">{{ $branchInfo['time'] }}</p>
                                        <p class="bullet">{{ $branchInfo['time2'] }}</p>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>주소</dt>
                                    <dd>
                                        {{ $branchInfo['address_eng'] }}
                                    </dd>
                                </dl>
                            </div>
                            <div class="button-wrap">
                                <a href="{{ route('inquiry.qna.index') }}" class="button dark half">실시간Q&A</a>
                                <a href="{{ route('inquiry.consultation.create') }}" class="button color half">무료간편상담</a>
                            </div>
                        </div>
                    </article>
                </section>
            </div>
        </article>

        <div class="area-brand-content">
            <!-- 앵커영역 -->
            <div class="area-branches-anchor">
                <a href="#branches-service" data-type="scroll-btn2">현지서비스</a>
                <a href="#branches-greeting" data-type="scroll-btn2">센터소개</a>
                <a href="#branches-photo" data-type="scroll-btn2">센터전경</a>
                <a href="#branches-location" data-type="scroll-btn2">찾아오시는길</a>
            </div>

            <div class="branch-content-mt"></div>

            <!-- 현지서비스 -->
            <section class="branches-service" id="branches-service">
                <div class="flex-wrap">
                    <h2 class="branches-title">현지서비스</h2>
                    <div class="area-board-thumb col3 column">
                        <div class="area-board-item">
                            <figure class="thumb"><img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/overseas/victoria/victoria1.jpg" alt="빅토리아 글로벌센터 현지서비스1"></figure>
                            <p class="subject">
                                1:1 유학 컨설팅/현지 사후 서비스
                            </p>
                            <p class="context">
                                캐나다에서의 만족스러운 유학생활을 위해 다양한 사후관리를 지원하고 있습니다. 캐나다의 문화, 학교생활, 여가 즐기기, 항공권 발권, 여행 등 생활하면서 필요한 다양한 팁을 드리고 있으며 실시간 카톡 상담(주중 10시 ~ 5시) 서비스를 통해 캐나다 생활 및 학업과 관련해 궁금하거나 필요한 사항에 대해 지원 받으실 수 있습니다.
                            </p>
                        </div>
                        <div class="area-board-item">
                            <figure class="thumb"><img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/overseas/victoria/victoria2.jpg" alt="빅토리아 글로벌센터 현지서비스2"></figure>
                            <p class="subject">
                                현지 정착 오리엔테이션
                            </p>
                            <p class="context">
                                빅토리아 센터에서는 빅토리아 도착 후 유학원을 방문 시 은행계좌 열기, 휴대폰 개통하기, 홈스테이 주의 사항 등 캐나다 생활에서 꼭 알아야 할 것들을 간단하고 이해하기 쉽게 안내해 드리고 있습니다.
                            </p>
                        </div>
                        <div class="area-board-item">
                            <figure class="thumb"><img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/overseas/victoria/victoria3.jpg" alt="빅토리아 글로벌센터 현지서비스3"></figure>
                            <p class="subject">
                                어학 정규 전문유학 컨설팅
                            </p>
                            <p class="context">
                                빅토리아 센터에서는 대학예비과정, 학부과정, 석사과정, 어학연수 및 연장, 전문분야 유학 등 다양하고 전문적인 분야의 컨설팅을 제공하고 있습니다. 적성과 예산에 맞으면서 목표지향적인 유학의 방향을 빅토리아 센터에서 컨설팅하세요.
                            </p>
                        </div>
                        <div class="area-board-item">
                            <figure class="thumb"><img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/overseas/victoria/victoria4.jpg" alt="빅토리아 글로벌센터 현지서비스4"></figure>
                            <p class="subject">
                                현지 조기유학 컨설팅
                            </p>
                            <p class="context">
                                캐나다에서 공부하는 어린 조기 유학생들에게도 전문적인 가디언쉽 서비스를 제공하고 있습니다. 특별히 고안된 관리형 유학 프로그램을 운영하여 부모님을 대신해 캐나다 생활에 잘 적응하고 공부하여 명문대 입학에 초석을 다질 수 있도록 조기유학생들을 관리하는 시스템을 구축하고 있습니다.
                            </p>
                        </div>
                        <div class="area-board-item">
                            <figure class="thumb"><img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/overseas/victoria/victoria5.jpg" alt="빅토리아 글로벌센터 현지서비스5"></figure>
                            <p class="subject">
                                비자 컨설팅
                            </p>
                            <p class="context">
                                캐나다 이민국의 비자 관련 법안은 크고 작게 잦은 변화를 하고 있습니다. 이에 맞는 비자 관련 상담을 연결해 드릴 수 있도록 도와 드리고 있습니다.
                            </p>
                        </div>
                        <div class="area-board-item">
                            <figure class="thumb"><img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/overseas/victoria/victoria6.jpg" alt="빅토리아 글로벌센터 현지서비스6"></figure>
                            <p class="subject">
                                현지 생활 지원 서비스 종류
                            </p>
                            <p class="context">
                                입학상담 및 수속<br>
                                홈스테이 소개<br>
                                관리형 유학(조기유학)<br>
                                가디언 서비스<br>
                                <!-- 랜딩서비스<br> -->
                                데일리 케어(일일 도우미)서비스
                            </p>
                        </div>
                    </div>
                    <div class="detail-view">
                        <h3 class="title">도착 전 서비스</h3>
                        <ul class="check-list">
                            <li>입국 시 유의사항 이메일 안내</li>
                            <li>카카오톡 친구 추가</li>
                            <li>밴쿠버,빅토리아 공항 픽업 안내</li>
                        </ul>
                        <h3 class="title">도착 후 서비스</h3>
                        <ul class="check-list">
                            <li>현지 적응 OT <small class="exp">(교통카드, 은행계좌개설, 휴대전화 개통 등 안내)</small></li>
                            <li>필요 시 학교 및 홈스테이와 의사소통</li>
                            <li>현지 어학원, 대학교 진학 상담</li>
                            <li>1:1 맟춤 영어 지도 <small class="exp">(필요 시 유료 서비스)</small></li>
                            <li>비자 컨설팅 <small class="exp">(현지 비자 연장 관련 컨설팅 연결 업무)</small></li>
                            <li>여행 안내 및 지역 정보 안내, 항공권 발권 등</li>
                        </ul>
                        <h3 class="title">현지생활 지원 서비스</h3>
                        <ul class="check-list">
                            <li>실시간 카톡 상담 <small class="exp">(평일 오전 10시 ~ 오후 5시)</small></li>
                            <li>현지 숙소 알선 및 제공 <small class="exp">(홈스테이-유료서비스)</small></li>
                        </ul>
                    </div>
                </div>
            </section>

            <!-- 지사소개 -->
            <section class="branches-greeting" id="branches-greeting">
                <div class="flex-wrap">
                    <div class="branches-title-wrap">
                        <h2 class="branches-title">센터소개</h2>
                    </div>
                    <div class="context no-img">
                        <p>
                            <em class="text-color">
                                "안녕하세요. edm 캐나다 빅토리아 글로벌센터 양재용 원장입니다."
                            </em>
                        </p>
                        <p>
                            <em>
                                모든 고객분들께 유익한 정보와 최상의 서비스를 제공하며, 안전한 환경 속에서 안심하고 학업을 마칠 수 있도록 믿을 수 있는 케어 서비스를 제공하고 있습니다.
                            </em>
                        </p>
                        <p>
                            빅토리아 센터는 캐나다 내에서도 명성이 자자한 빅토리아 시에 위치하고 있으며, 빅토리아의 61 교육청은 타 지역에 비해 현저히 낮은 국제 학생 비율과 뛰어난 교육 수준,
                            훌륭한 교육 시설과 환경으로 캐나다 내의 최적의 교육 조건을 보유한 학군으로써 캐나다, 미국 대학을 비롯한 높은 대학 진학률을 보유하고 있습니다.
                        </p>
                    </div>
                    <div class="profile">
                        <ul>
                            <li>
                                <em class="title">주요이력</em>
                                캐나다 BC주 빅토리아에서만 받을 수 있는 독보적이고 독창적인 관리형 유학 프로그램 운영<br>
                                (빅토리아 교육청과 연계하여 1:1 개인 특성 발달을 위한 맞춤 관리시스템, 주입식 교육의 문제점 보완한 보수지도에 중점)<br>
                                캐나다 명문대 UBC, UT, Waterloo, McGill 및 미국의 아이비리그 명문대 진학 컨설팅<br>
                                빅토리아 및 근교의 명문고(Shawnigan Lake School, SMUS, GNS, St.Margaret, Brentwood College School), SD61, SD62, SD63 교육청 등 진학 및 가디언 서비스<br>
                                빅토리아의 모든 교육청과 밀접히 연대하여 만족도가 높으며 성공적인 풍부한 유학 관리 경험
                            </li>
                            <li>
                                <em class="title">고객진학사례</em>
                                University of British Columbia, University of McGill, University of Victoria, University of Waterloo, University of Simon Fraser, <br class="pc-br">
                                University of Toronto, University of Calgary, University of Alberta 등 다수 (조기유학 진행 후 대학 입학, 어학연수 후 대학 진학 사례 다수 보유)
                            </li>
                            <li>
                                <em class="title">조기유학 고객진학사례</em>
                                빅토리아 및 근교의 명문고 (Shawnigan Lake School, St,Michael’s University School(SMUS), Glenlyon Nofolk School (GNS),<br class="pc-br">
                                St. Margaret School, Brentwood College School, Queen Margaret School 등 다수
                            </li>
                        </ul>
                    </div>
                </div>
            </section>

            <!-- 지사전경 -->
            <section class="branches-photo" id="branches-photo">
                <div class="flex-wrap area-edm-branches">
                    <div class="branches-title-wrap">
                        <h2 class="branches-title">센터전경</h2>
                    </div>
                    <div class="img-wrap">
                        <div class="slider">
                            <ul>
                                @foreach ($branchInfo['vista_images'] as $images)
                                    <li>
                                        <figure>
                                        <img src="{{$images->url}}" alt="빅토리아 글로벌센터 전경 슬라이더">
                                            <figcaption>{{$images->desc}}</figcaption>
                                        </figure>
                                    </li>
                                @endforeach
                            </ul>
                            <div class="paging-number"></div>
                        </div>
                        <div class="pager">
                            <!-- [D]: slider의 ul 내용과 동일합니다. -->
                            <ul>
                                @foreach ($branchInfo['vista_images'] as $images)
                                    <li>
                                        <figure>
                                        <img src="{{$images->url}}" alt="빅토리아 글로벌센터 전경 리스트">
                                            <figcaption>{{$images->desc}}</figcaption>
                                        </figure>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
            </section>

            <!-- 팝업-->
            <div class="area-layer-popup popup-sample">
                <div class="popup-container small-popup">
                    <!--
                    <div class="popup-title">
                        <p class="heading-text">타이틀</p>
                    </div>-->
                    <div class="popup-content">
                        <p>주소가 복사되었습니다.</p>

                        <p>원하는 곳에 붙여넣기(Ctrl+V)해주세요.</p>
                    </div>

                    <div class="popup-close-x">
                        <i class="ui-layout-close">팝업닫기</i>
                    </div>
                </div>
            </div>

            <!-- 찾아오시는길 -->
            <section class="branches-location" id="branches-location">
                <div class="flex-wrap">
                    <div class="branches-title-wrap">
                        <h2 class="branches-title">찾아오시는길</h2>
                        <p class="add-func">
                            <button class="btn-share">주소공유</button>
                            <button class="btn-large"><a href="{{ $branchInfo['map_url'] }}" target="_blank" class="">크게보기</a></button>

                            <!-- 지도 복사 url hidden처리되어 있으면 클립보드 복사가 안되기 때문에 안보이게 처리 -->
                            <input class="branchmap-url" id="map-url" type="text" value="{{ $branchInfo['map_url'] }}">
                        </p>
                    </div>
                    <div class="column">
                        <div class="map-wrap">
                            <div class="map-data">
                                <div class="map" id="map">
                                    <iframe class="branch-map" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d1323.7952407816206!2d-123.3686165!3d48.4260059!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x548f749b27799103%3A0xf3b5120df7dd0108!2zMTIxOCBMYW5nbGV5IFN0ICMxLCBWaWN0b3JpYSwgQkMgVjhXIDFWOSDsupDrgpjri6Q!5e0!3m2!1sko!2skr!4v1516928998176" frameborder="0" allowfullscreen=""></iframe>
                                </div>
                            </div>
                            <div class="map-info">
                                <p class="address">{{ $branchInfo['address_eng'] }}</p>
                                <p class="tel">{{ $branchInfo['tel'] }}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </article>
    <script type="text/javascript" src="/js/branch/common.js"></script>
    <script type="text/javascript" src="/js/branch/overseas.js"></script>
@endsection