@extends('layouts.default', [
    'activatedNavItem' => 'SCHOOLPICK',
])
@push('head')
    <link rel="stylesheet" type="text/css" href="/css/main.css?ver=20220310"/>
    <link rel="stylesheet" type="text/css" href="/css/school.css?ver=20220714">
    <script type="text/javascript" src="/js/main.js?ver=20200807"></script>

    <style type="text/css">
        .mo-quick-menu {
            display: none;
        }
    </style>
    <script type="text/javascript">
        $(document).ready(function () {
            //토글
            $(".toggle-pro").click(function () {
                $(this).toggleClass("active");
                $(this).next("div").slideToggle("fast");
            });

            //학교소개 보기/접기
            $(".about-show").click(function () {
                $(".school-about, .btn-area-about").addClass("active");
            });
            $(".about-hide").click(function () {
                $(".school-about, .btn-area-about").removeClass("active");
            });

            //플로팅
            var $scrollOffset = $('.school-banner-wrap').offset();
            $(window).scroll(function () {
                if ($(document).scrollTop() > $scrollOffset.top) {
                    $('.school-banner-wrap').addClass('sticky');
                } else {
                    $('.school-banner-wrap').removeClass('sticky');
                }
            });

        });
    </script>

@endpush

@section('content')
    <div class="container school area-sm-content">
        <!-- 페이지타이틀 : full-bg -->
        <div class="area-pages-top school-top"
             @if(!empty($result['top_image']))
                 style="background:url({{ $result['top_image'] }})"
            @endif
        >
            <a href="#popup" class="button color popup">사진/동영상</a>
            @if(!empty($result['sc']->school_3d))
                <a href="{{ $result['sc']->school_3d }}" target="_blank" class="button color-gray">360º뷰</a>
            @endif
            @if(!empty($result['sc']->school_brochure))
                <a href="{{ $result['sc']->school_brochure }}" target="_blank" class="button color-gray">학교안내서</a>
            @endif
        </div>
        <!--// 페이지타이틀 : full-bg -->
        <!-- 컨텐츠 wrap-->
        <div class="school-wrap flex-wrap">
            <div class="school-con">
                <div class="school-banner-wrap">
                    @if($result['sc']->secret_discount_check == 'Y')
                        <div class="school-banner">
                            <p>단순할인가는 물론Secret 할인가까지 전문컨설턴트가 상담해드립니다</p>
                            <a href="{{ route('estimated-quote.show', $result['sc']->school_uid) }}" rel="nofollow" class="button kakao">카톡견적받기</a>
                            <a href="/inquiry/consultation" class="button border-red">시크릿 할인가 문의</a>
                        </div>


                    @else
                        <div class="school-banner">
                            <p>단순할인가는 물론Secret 할인가까지 전문컨설턴트가 상담해드립니다</p>
                            <a href="{{ route('estimated-quote.show', $result['sc']->school_uid) }}" rel="nofollow" class="button kakao">카톡견적받기</a>
                            <a href="/inquiry/quote" class="button pale">견적요청</a>
                        </div>
                    @endif
                </div>
                <div class="school-con-inner">
                    <section id="section-top">
                        <h2>{{ $result['sc']->school_name }}</h2>
                        <p class="sc-text">{{ $result['sc']->school_feature_first }}</p>
                        <p class="sc-location">{{ $result['sc']->school_city_ko.", ".$result['sc']->country_name }}</p>
                        <div class="tab-menu">
                            <a href="#section01">학교소개</a>
                            <a href="#section04">개설과정</a>
                            <a href="#section05">숙박</a>
                            @if (!empty($get_check)) <!-- 학교 후기 존재시에만 섹션 바로가기 버튼 표시 -->
                            <a href="#section07">학교후기</a>
                            @endif
                        </div>
                    </section>
                    <section id="section01">
                        <div class="school-about">
                            <h3>학교소개</h3>
                            <p>{{ $result['sc']->school_introduction }}</p>
                            <h4>학교 장점 및 특징</h4>
                            <ul class="ul-dot">
                                @foreach ($result['sc']->ary_feature as $feature)
                                    <li>{{ $feature }}</li>
                                @endforeach
                            </ul>
                        </div>
                        <div class="btn-area-about">
                            <button type="button" class="button toggle-about about-show">소개 더보기</button>
                            <button type="button" class="button toggle-about about-hide">소개 접기</button>
                        </div>
                    </section>
                    <section id="section02">
                        <h3>기본정보</h3>
                        <dl class="dl-info">
                            <dt>학교종류</dt>
                            <dd>{{ $result['sc']->language_type }}&nbsp;</dd>
                            @if(!empty($result['sc']->language_total_students))
                                <dt>전체학생 수</dt>
                                <dd>{{ $result['sc']->language_total_students }}</dd>
                            @endif
                            @if(!empty($result['sc']->language_average_students))
                                <dt>평균재학생 수</dt>
                                <dd>{{ $result['sc']->language_average_students }}</dd>
                            @endif
                            @if(!empty($result['sc']->language_students_per_class))
                                <dt>학급당학생 수</dt>
                                <dd>{{ $result['sc']->language_students_per_class }}</dd>
                            @endif
                            @if(!empty($result['sc']->language_korean_students))
                                <dt>한인비율</dt>
                                <dd>{{ $result['sc']->language_korean_students }}</dd>
                            @endif
                            @if(!empty($result['sc']->nationality_rate))
                                <dt>주요국적</dt>
                                <dd>{{ $result['sc']->nationality_rate }}</dd>
                            @endif
                            @if(!empty($result['sc']->school_homepage1))
                                <dt>웹사이트</dt>
                                <dd><a href="{{ $result['sc']->school_homepage1 }}" target="_blank"
                                       rel="nofollow">{{ $result['sc']->school_homepage1 }}</a></dd>
                            @endif
                            @if(!empty($result['sc']->school_insta) || !empty($result['sc']->school_facebook))
                                <dt>SNS</dt>
                                <dd>
                                    {{--            	@if(!empty($result['sc']->school_youtube)) <a href="{{ $result['sc']->school_youtube }}" target="_blank"><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/pages/school/icon-sns-yu.svg" alt="유튜브"/></a> @endif--}}
                                    @if(!empty($result['sc']->school_insta))
                                        <a href="{{ $result['sc']->school_insta }}" target="_blank"><img
                                                src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/pages/school/icon-sns-in.svg"
                                                alt="인스타그램"/></a>
                                    @endif
                                    {{--            	@if(!empty($result['sc']->school_twitter)) <a href="{{ $result['sc']->school_twitter }}" target="_blank"><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/pages/school/icon-sns-tw.svg" alt="트위터"/></a> @endif--}}
                                    @if(!empty($result['sc']->school_facebook))
                                        <a href="{{ $result['sc']->school_facebook }}" target="_blank"><img
                                                src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/pages/school/icon-sns-fa.svg"
                                                alt="페이스북"/></a>
                                    @endif
                                </dd>
                            @endif
                        </dl>
                    </section>
                    <section id="section03">
                        <h3>학교시설/서비스</h3>
                        @if(count($result['service']) > 0)
                            <div class="icon-service">
                                @if(in_array('와이파이', $result['service']))
                                    <span><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/pages/school/icon-sv01.svg"
                                               alt="와이파이"/><br/>와이파이</span>
                                @endif
                                @if(in_array('컴퓨터실', $result['service']))
                                    <span><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/pages/school/icon-sv02.svg"
                                               alt="컴퓨터실"/><br/>컴퓨터실</span>
                                @endif
                                @if(in_array('휴게실',  $result['service']))
                                    <span><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/pages/school/icon-sv03.svg"
                                               alt="휴게실"/><br/>휴게실</span>
                                @endif
                                @if(in_array('매점',   $result['service']))
                                    <span><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/pages/school/icon-sv04.svg"
                                               alt="매점"/><br/>매점</span>
                                @endif
                                @if(in_array('자습실',  $result['service']))
                                    <span><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/pages/school/icon-sv05.svg"
                                               alt="자습실"/><br/>자습실</span>
                                @endif
                                @if(in_array('전자칠판', $result['service']))
                                    <span><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/pages/school/icon-sv06.svg"
                                               alt="전자칠판"/><br/>전자칠판</span>
                                @endif
                                @if(in_array('액티비티', $result['service']))
                                    <span><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/pages/school/icon-sv07.svg"
                                               alt="액티비티"/><br/>액티비티</span>
                                @endif
                                @if(in_array('도서관',  $result['service']))
                                    <span><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/pages/school/icon-sv08.svg"
                                               alt="도서관"/><br/>도서관</span>
                                @endif
                                @if(in_array('수영장',  $result['service']))
                                    <span><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/pages/school/icon-sv09.svg"
                                               alt="수영장"/><br/>수영장</span>
                                @endif
                                @if(in_array('체육시설', $result['service']))
                                    <span><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/pages/school/icon-sv10.svg"
                                               alt="체육시설"/><br/>체육시설</span>
                                @endif
                                @if(in_array('공항픽업', $result['service']))
                                    <span><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/pages/school/icon-sv11.svg"
                                               alt="공항픽업"/><br/>공항픽업</span>
                                @endif
                                @if(in_array('세탁서비스', $result['service']))
                                    <span><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/pages/school/icon-sv12.svg"
                                               alt="세탁서비스"/><br/>세탁서비스</span>
                                @endif
                            </div>
                        @endif
                    </section>
                    <section id="section04">
                        <h3>개설과정</h3>
                        @foreach ($result['courses'] as $course)
                            @include('schoolpick.language-course-item', ['index' => $loop->index, 'course' => $course])
                        @endforeach
                    </section>
                    <section id="section05">
                        <h3>숙박</h3>
                        <table class="tbl-school">
                            <colgroup>
                                <col width="*"/>
                                <col width="20%"/>
                            </colgroup>
                            <thead>
                            <tr>
                                <th>숙박종류</th>
                                <th>주당비용</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach ($result['homestay'] as $staycost)
                                <tr>
                                    <td class="ta-l line-r">{{ $staycost['title'] }}</td>
                                    <td>{{ $staycost['cost'] }}</td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </section>
                    <section id="section06">
                        <h3>위치</h3>
                        <p>{{ $result['sc']->school_address }}</p>
                        {!! $result['sc']->iframe_map !!}
                    </section>
                    {{-- 학교 후기 존재시에만 섹션07을 표시한다 --}}
                    @if (!empty($get_check))
                    <section id="section07" style="overflow: hidden;">
                        <!-- 어학연수 후기 -->
                        <article class="sm-review-full" data-tab="tab-wrap">
                            <div class="sm-cont-title">
                                <h3 style="text-align: left">학교후기</h3>
                                <a href="{{ route('review.language-school.index') }}" class="more-txt">어학연수 후기 더보기</a>
                            </div>
                            @include('schoolpick.school-language-review')
                        </article>
                    </section>
                    @endif
                </div>
            </div>
        </div>
        <!--// 컨텐츠 wrap-->
    </div>
    <!-- 레이어팝업 -->
    @include('schoolpick.school-image-slide', ['images' => $result['images'], 'videos' => $result['videos']])
    <!--// 레이어팝업 -->
@endsection