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

@section('content')
    <article class="container brand-branches overseas sanfran">
        <!-- 페이지타이틀 : 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" data-ajax="false">센터전경</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/sanfran/sanfran1.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/sanfran/sanfran2.jpg" alt="샌프란&버클리 글로벌센터 현지서비스2"></figure>
                            <p class="subject">
                                현지 정착 오리엔테이션
                            </p>
                            <p class="context">
                                미국 샌프란시스코, 버클리 글로벌센터에서는 매주 월요일 현지 정착을 돕는 OT를 진행하고 있습니다. 현지생활, 은행계좌 열기, 휴대폰 구입하기, 병원 등록하기 등 미국 생활에서 꼭 알아야 할 다양한 정보와 서비스를 OT에서 자세하게 안내해 드리고 있습니다.
                            </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/sanfran/sanfran3.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/sanfran/sanfran4.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/sanfran/sanfran5.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/sanfran/sanfran6.jpg" alt="샌프란&버클리 글로벌센터 현지서비스6"></figure>
                            <p class="subject">
                                학생비자 및 신분상담
                            </p>
                            <p class="context">
                                미국 샌프란시스코, 버클리 글로벌센터에서는 간혹 발생할 수 있는 미국 비자 및 신분에 관련된 출석율, 결석, SEVIS(I-20) 관련, 학교 내 문제, 병결, 해외여행 등 전반적인 문제들에 대해 전문적인 정보를 통해 상담해 드리고 문제 발생시 정확한 방법을 통해 해결할 수 있도록 상담 및 서포트 해 드립니다.
                            </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>미국 여행 정보 안내</li>
                            <li>현지 문화 체험</li>
                            <li>응급상황 처리 및 도움</li>
                            <li>무료 커피</li>
                            <li>와이파이 및 컴퓨터 사용</li>
                        </ul>
                        <h3 class="title">현지생활 지원 서비스</h3>
                        <ul class="check-list">
                            <li>미국 어학원 상담 서비스 <small class="exp">(연장 및 트랜스퍼)</small></li>
                            <li>컬리지/대학교/대학원 진학 상담 및 지원서비스</li>
                            <li>1:1 회화 튜터 서비스 <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>
                            미국 샌프란시스코, 버클리 지역의 글로벌센터로서 안전한 유학생활의 첫 걸음을 위하여 하우징, 공항픽업 서비스를 제공해 드리고 있으며, 자유롭고 편안한 분위기 속에서 전문 스탭들을 통해서 인턴쉽 안내, 봉사활동 및 개인튜터 서비스를 받으실 수 있습니다. 또한 유학생들의 성공적인 학업과 미국 대학 진학을 위해 오랜 경험을 통한 개인 맞춤 상담을 지원해 드리고 있으며, 이를 통해 미국 대학 뿐만 아니라 각자의 꿈을 이루실 수 있도록 곁에서 도와 드리겠습니다.
                        </p>
                    </div>
                    <div class="profile">
                        <ul>
                            <li>
                                <em class="title">고객진학사례</em>
                                UC Berkeley, UCLA, UC SanDiego, UC Davis,UC Irvine, UC Riveside, UC Santa Barbara, UC Santa Crus, USC, University of Michigan, Columbia University, Johns Hopkins University, University of Chicago, University of Washigton, Yale University, University of Pensylvania,Duke University, Cornell University, New York University, Parsons School OF Desingn, Pace University, University of Texas-Austin, Boston University, Emory University, Georgetown University, Northwestern University, Carnegie Mellon University, Claremont-McKenna College, Washington University of St. Louis, Georgia Tech 등 다수.
                            </li>
                            <li>
                                <em class="title">조기유학 고객진학사례</em>
                                The Harker School, Head-Royce School, The Athenian School, Quarry Lane School, Redwood Christian School, St. Philip Lutheran School, Phillips Academy in Andover 등 다수.
                            </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'] }}" 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!1d1574.7924082220222!2d-122.268614!3d37.870004!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80857e9c31798517%3A0xed53d7cb5843eda8!2zMjE1MCBTaGF0dHVjayBBdmUgIzcyNSwgQmVya2VsZXksIENBIDk0NzA0IOuvuOq1rQ!5e0!3m2!1sko!2skr!4v1588577705960!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