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

@section('content')
    <article class="container brand-branches overseas brisbane">
        <!-- 페이지타이틀 : 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">브리즈번 글로벌센터</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">
                            <figure class="thumb"><img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/overseas/brisbane/brisbane1.jpg" alt="브리즈번 글로벌센터 현지서비스1"></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/brisbane/brisbane2.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/brisbane/brisbane3.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/brisbane/brisbane4.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/brisbane/brisbane5.jpg" alt="브리즈번 글로벌센터 현지서비스5></figure>
                            <p class="subject">
                                전문대 진학 상담 · 수속
                            </p>
                            <p class="context">
                                주정부에서 운영하는 호주 주립대학 TAFE과 사립대학(Private College) 그리고 뉴질랜드 기술대학인 Polytechnic에서는 다양한 학과를 제공합니다. 유학의 목적에 부합하는 학과 및 학교 선정을 위해 저희 직원들은 최신의 정보로 상담해 드립니다.
                            </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/brisbane/brisbane6.jpg" alt="브리즈번 글로벌센터 현지서비스6"></figure>
                            <p class="subject">
                                세계 일류 대학교 · 대학원 컨설팅
                            </p>
                            <p class="context">
                                호주 및 뉴질랜드 내에서의 대학 진학을 원하는 모든 학생들에게 최상의 진학 안내를 해 오고 있습니다. 직원들은 정기적으로 대학들이 제공하는 Training을 받아 꾸준히 정보를 업데이트를 하며 정확한 정보를 드릴 수 있도록 노력하고 있습니다.
                            </p>
                        </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 class="title">정착 서비스</h3>
                        <ul class="list">
                            <li>
                                1. 현지 입국 시 공항 마중 서비스 <small class="exp">(유료)</small><br>
                                공항에서 숙소까지 동행하여 예약된 숙소까지 불편함 없이 모셔 드립니다.
                            </li>
                            <li>
                                2. 숙소 알선 서비스 <small class="exp">(유료)</small><br>
                                고객의 요구사항에 맞는 숙소를 찾을 수 있도록 학교 및 숙소 업체와의 상의 후 알선해 드립니다.
                            </li>
                            <li>
                                3. 현지 생활 지원 안내<br>
                                하우징 정보, 자동차 구매정보, 휴대전화 개통, 은행계좌 개설, 운전면허증/현지 신분증 발급 정보를 안내해 드립니다.
                            </li>
                            <li>
                                4. 호주 현지 안내 서비스<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>
                            호주에서 세 번째로 큰 도시인 브리즈번 시내 중심에 위치한 브리즈번 글로벌센터는, 브리즈번으로 오는 학생분들께 상담부터 호주 정착까지 항상 최선을 다해 도움을 드리고 있습니다.<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=!1m18!1m12!1m3!1d3539.9594844086528!2d153.02126141505693!3d-27.470520682890637!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b915a0458dce2a7%3A0xb5398f16cd6fda3e!2zTGV2ZWwgNS8yMzEgR2VvcmdlIFN0LCBCcmlzYmFuZSBDaXR5IFFMRCA0MDAwIOyYpOyKpO2KuOugiOydvOumrOyVhA!5e0!3m2!1sko!2skr!4v1529545339840" 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