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

@section('content')
    <article class="container brand-branches overseas adelaide">
        <!-- 페이지타이틀 : 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-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">
                            <a href="#">
                                <figure class="thumb"><img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/overseas/adelaide/adelaide1.jpg" alt="애들레이드 글로벌센터 현지서비스1"></figure>
                                <p class="subject">
                                    세계 일류 대학교 · 대학원 컨설팅
                                </p>
                                <p class="context">
                                    호주 및 뉴질랜드 내에서의 대학 진학을 원하는 모든 학생들에게 최상의 진학 안내를 해 오고 있습니다. 직원들은 정기적으로 대학들이 제공하는 Training을 받아 꾸준히 정보를 업데이트를 하며 정확한 정보를 드릴 수 있도록 노력하고 있습니다.
                                </p>
                            </a>
                        </div>
                        <div class="area-board-item">
                            <a href="#">
                                <figure class="thumb"><img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/overseas/adelaide/adelaide2.jpg" alt="애들레이드 글로벌센터 현지서비스2"></figure>
                                <p class="subject">
                                    영주권 관련학과 상담
                                </p>
                                <p class="context">
                                    최근 까다로워진 이민법으로 인해 영주권 관련 학과 선택에 많은 어려움이 있습니다. 이를 해결하기 위해 저희는 최고의 이민팀을 갖추고 있으며, 이민 법무사로부터 철저한 교육을 받고 있습니다. 유학에서 이민까지 정확한 컨설팅 서비스를 약속드립니다.
                                </p>
                            </a>
                        </div>
                        <div class="area-board-item">
                            <a href="#">
                                <figure class="thumb"><img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/overseas/adelaide/adelaide3.jpg" alt="애들레이드 글로벌센터 현지서비스3"></figure>
                                <p class="subject">
                                    비자 대행 및 현지 정착 서비스
                                </p>
                                <p class="context">
                                    비자 유형에 따른 서류 준비, 신청서 작성과 대사관 접수 등의 호주 또는 뉴질랜드 비자 수속 업무를 대행해 드립니다. 또한 낯선 타국 땅에서 성공적인 유학을 위한 첫 걸음이 될 정착 서비스를 학생의 입장에서 도와 드리고 있습니다.
                                </p>
                            </a>
                        </div>
                        <div class="area-board-item">
                            <a href="#">
                                <figure class="thumb"><img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/overseas/adelaide/adelaide4.jpg" alt="애들레이드 글로벌센터 현지서비스4"></figure>
                                <p class="subject">
                                    어학연수 무료 수속 서비스
                                </p>
                                <p class="context">
                                    모든 유학의 기초가 되는 영어연수! 수 많은 종류의 과정 중 학생 개인에게 가장 적합한 프로그램과 학교를 상담 및 수속해 드립니다.
                                </p>
                            </a>
                        </div>
                        <div class="area-board-item">
                            <a href="#">
                                <figure class="thumb"><img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/overseas/adelaide/adelaide5.jpg" alt="애들레이드 글로벌센터 현지서비스5"></figure>
                                <p class="subject">
                                    조기유학 전문 상담 · 수속
                                </p>
                                <p class="context">
                                    조기유학은 정확한 정보에 의한 학교 선정과 입학 수속 및 비자 절차 과정이 중요합니다. 학생에게 가장 적합한 학교를 선택할 수 있도록 도와 드리며 신속하고 정확한 비자 수속을 대행해 드리고 있습니다. 그 뿐만 아니라 철저한 사후관리를 통해 성공적인 유학의 길로 이끌어 드립니다.
                                </p>
                            </a>
                        </div>
                        <div class="area-board-item">
                            <a href="#">
                                <figure class="thumb"><img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/overseas/adelaide/adelaide6.jpg" alt="애들레이드 글로벌센터 현지서비스6"></figure>
                                <p class="subject">
                                    전문대 진학 상담 · 수속
                                </p>
                                <p class="context">
                                    주정부에서 운영하는 호주 주립대학 TAFE과 사립대학(Private College) 그리고 뉴질랜드 기술대학인 Polytechnic에서는 다양한 학과를 제공합니다. 유학의 목적에 부합하는 학과 및 학교 선정을 위해 저희 직원들은 최신의 정보로 상담해 드립니다.
                                </p>
                            </a>
                        </div>
                    </div>
                    <div class="detail-view">
                        <h3 class="title">도착 전 서비스</h3>
                        <ul class="check-list">
                            <li>현지 숙소 알선 제공 <small class="exp">(유료)</small></li>
                            <li>공항 픽업 서비스 <small class="exp">(유료)</small></li>
                            <li>현지 USIM 개통 <small class="exp">(유료)</small></li>
                        </ul>
                        <h3 class="title">도착 후 서비스</h3>
                        <ul class="check-list">
                            <li>호주 은행계좌 오픈</li>
                            <li>신분증 발급 정보</li>
                            <li>하우징 정보 제공</li>
                            <li>일자리 관련 정보 안내</li>
                            <li>운전면허증 발급 정보</li>
                        </ul>
                        <h3 class="title">현지생활 지원 서비스</h3>
                        <ul class="check-list">
                            <li>비자/진학 문의사항 등 상담서비스</li>
                            <li>비자 연장 서비스 <small class="exp">(유료)</small></li>
                            <li>현지센터 이용 서비스  <small class="exp">(무료 인터넷 등)</small></li>
                            <li>우편물 보관 서비스</li>
                        </ul>
                        <h3>정착 서비스</h3>
                        <ul class="list">
                            <li>
                                <em>1. 현지 입국 시 공항 마중 서비스</em> <small class="exp">(유료)</small><br>
                                공항에서 숙소까지 동행하여 예약된 숙소까지 불편함 없이 모셔 드립니다.
                            </li>
                            <li>
                                <em>2. 숙소 알선 서비스</em> <small class="exp">(유료)</small><br>
                                고객의 요구사항에 맞는 숙소를 찾을 수 있도록 학교 및 숙소 업체와의 상의 후 알선해 드립니다.
                            </li>
                            <li>
                                <em>3. 현지 생활 지원 안내</em><br>
                                하우징 정보, 자동차 구매정보, 휴대전화 개통, 은행계좌 개설, 운전면허증/현지 신분증 발급 정보를 안내해 드립니다.
                            </li>
                            <li>
                                <em>4. 호주 현지 안내 서비스</em><br>
                                현지 사무실에 방문하여 지정된 상담원으로부터 비자/진학 상담이 가능합니다.
                            </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>
                            애들레이드 글로벌센터는 교육과 호반의 도시인 애들레이드의 Rundle Mall 중심부에 위치하고 있습니다.<br>
                            저렴한 생활비와 다양한 활동이 가능한 애들레이드 지역으로 유학을 오는 학생들을 위해 최선을 다하고 내 가족처럼 생각하며 유학 및 생활, 기타 편의시설을 지원하고 있습니다.<br>
                            고객 중심의 맞춤형 서비스를 지향하고 있으며, 가족 같은 분위기의 사무실을 만들고자 항상 노력하고 있습니다.
                        </p>
                    </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'] }}" readonly>
                        </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!1d1635.676736880607!2d138.602133!3d-34.922671!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ab0ced4260beec7%3A0xf70b969ad92b7598!2zU3VpdGUgNTE5LCBMZXZlbCA1LzM4IEdhd2xlciBQbCwgQWRlbGFpZGUgU0EgNTAwMCDsmKTsiqTtirjroIjsnbzrpqzslYQ!5e0!3m2!1sko!2skr!4v1588578948596!5m2!1sko!2skr" 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