@inject('FrontendPresenter', 'App\Presenters\FrontendPresenter')
@section('json-ld', Breadcrumbs::view('breadcrumbs::json-ld', 'search_school-content', $school->school_uid, $school->school_name))
@extends('layouts.frontend')
@section('content')
<main class="main pt-0">
    <div class="container py-8 px-0 px-md-3">
        <div class="row align-items-center">
            <div class="col-12 col-md-5">
                <div class="slider-school-gallery slider-school-gallery-lg">
                    @if (isset($school->images))
                        @foreach ($school->images as $num => $i)
                            @if ($num == 10)
                                @break
                            @endif
                            @php
                                $tmpstr = $i->img_url;
                                $tmparr = explode('/', $tmpstr);
                                $tmpstr = str_replace($tmparr[count($tmparr)-1], 'vq900/'.$tmparr[count($tmparr)-1], $tmpstr);
                            @endphp

                            <img class="img-fluid" src="{{$tmpstr}}">
                        @endforeach
                    @endif
                </div>
            </div>
            <div class="col-12 col-md-6 mt-6 mt-md-0 px-6 px-md-0">
                <div class="row align-items-center justify-content-between">
                    <div class="col">
                        <img class="img-fluid" src="https://s3.ap-northeast-2.amazonaws.com/uploadimg.edmedu.com/edm/school/logo/{{$school->slogo_filename}}" style="max-width: 140px;">
                    </div>
                </div>
                <div class="h3 font-weight-bold my-4">{{$school->school_name}}</div>
                <div class="text-muted mb-3">
                    <i class="fas fa-sm fa-map-marker-alt"></i> {{ $FrontendPresenter->getSystemCountry($school->country) }} {{$school->school_city_tw}}
                </div>
                <p class="text-row-3">
                    {!! nl2br($school->school_feature) !!}
                </p>
            </div>
        </div>
    </div>

    <div class="nav-secondary nav-sticky border-0">
        <div class="container">
            <div class="nav-light">
                <ul class="nav nav-big">
                    <li class="nav-item">
                        <a class="nav-link active" href="{{ route('school.detail', request()->segment(2)) }}">學校介紹</a>
                    </li>

                </ul>
            </div>
        </div>
    </div>

    <div class="container breadcrumbs">
        {{ Breadcrumbs::render('search_school-content', $school->school_uid, $school->school_name) }}
    </div>

    <div class="container pt-8 pt-md-12">
        <div class="row justify-content-center">
            <div class="col-12 col-md-8">
                <div class="h5 font-weight-bold mb-6">基本信息</div>
                <div class="row mb-4">
                    <div class="col font-weight-bold text-muted">種類</div>
                    @if ($school->uhak_type == '1')
                        <div class="col-8">遊學</div>
                    @else
                        <div class="col-8">留學</div>
                    @endif

                    @if (!empty($school->school_established))
                        <div class="w-100 my-2"></div>
                        <div class="col font-weight-bold text-muted">設立年度</div>
                        <div class="col-8">{{$school->school_established}}</div>
                    @endif

                    @if (!empty($school->formal->formal_current_student))
                        <div class="w-100 my-2"></div>
                        <div class="col font-weight-bold text-muted">學生總人數</div>
                        <div class="col-8">{{$school->formal->formal_current_student}}</div>
                    @endif

                    @if (!empty($school->formal->formal_times_ranking))

                        <div class="w-100 my-2"></div>
                        <div class="col font-weight-bold text-muted">學術排名</div>
                        <div class="col-8">{!! nl2br($school->formal->formal_times_ranking) !!}</div>
                    @endif

                    @if (!empty($school->formal->formal_strong_point))
                        <div class="w-100 my-2"></div>
                        <div class="col font-weight-bold text-muted">熱門科系</div>
                        <div class="col-8">{!! str_replace(',', ', ', $school->formal->formal_strong_point) !!}</div>
                    @endif

                    {{--
                    @if ($school->avg_living_pay != '' && $school->avg_living_pay != '""')
                        <div class="w-100 my-2"></div>
                        <div class="col font-weight-bold text-muted">年間平均生活費(包含住宿)</div>
                        <div class="col-8"> {{$school->avg_living_pay}}</div>
                    @endif

                    @if ($school->stay_facility_info != '')
                        <div class="w-100 my-2"></div>
                        <div class="col font-weight-bold text-muted">獎學金以及學費支援情報</div>
                        <div class="col-8">{{$school->stay_facility_info}}</div>
                    @endif
                    --}}
                </div>

                <hr class="my-8">

                <p><strong>學校介紹</strong></p>
                {!! nl2br($school->school_introduction) !!}
                
                @if (!empty($school->formal->formal_entry_requirement))
                    <p class="mt-6"><strong>入學要求</strong></p>
                    {!! nl2br($school->formal->formal_entry_requirement) !!}
                @endif
            </div>
            <div class="col-12 col-md-4">
                <div class="border sticky-sidebar mt-6 mt-md-0">
                    <div class="p-6">
                        @if ($school->school_homepage1 != '')
                            <div class="font-weight-bold mb-2">學校</div>
                            <p>
                                <a class="text-dark text-wrap" href="{{$school->school_homepage1}}" target="_blank">
                                    {{$school->school_homepage1}}
                                </a>
                            </p>
                        @endif
                        @if($school->school_facebook || $school->school_insta || $school->school_twitter || $school->school_youtube)
                            <div class="font-weight-bold mb-2">學校社群</div>
                        @endif
                        <div class="mb-5 d-flex">
                            @if($school->school_facebook)
                                <a class="btn-rounded btn-dark mr-2" href="{{$school->school_facebook}}" target="_blank">
                                    <i class="fab fa-fw fa-xs fa-facebook"></i>
                                </a>
                            @endif
                            @if($school->school_insta)
                                <a class="btn-rounded btn-dark mr-2" href="{{$school->school_insta}}" target="_blank">
                                    <i class="fab fa-fw fa-xs fa-instagram"></i>
                                </a>
                            @endif
                            @if($school->school_twitter)
                                <a class="btn-rounded btn-dark mr-2" href="{{$school->school_twitter}}" target="_blank">
                                    <i class="fab fa-fw fa-xs fa-twitter"></i>
                                </a>
                            @endif
                            @if($school->school_youtube)
                                <a class="btn-rounded btn-dark mr-2" href="{{$school->school_youtube}}" target="_blank">
                                    <i class="fab fa-fw fa-xs fa-youtube"></i>
                                </a>
                            @endif
                        </div>

                        <div class="font-weight-bold mb-2">學校地址</div>
                        <p>{{$school->school_address}}</p>

                        @if ($school->school_3d != '')
                            <div class="mb-5 d-lg-block">
                                <a class="btn btn-outline-primary" href="{{$school->school_3d}}" target="_blank">學校指南</a>
                            </div>
                        @endif

                        <div class="mb-4">
                            <div id="map-canvas" class="map-sm"></div>
                        </div>
                        <div class="d-lg-block">
                            <a class="btn btn-block btn-primary" href="{{ route('channel_appointment') }}">免費諮詢</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{--<div class="nav-mobile-search">
         <a class="btn btn-block btn-outline-primary" href="javascript:void();">
            學校指南
        </a>
        <a class="btn btn-block btn-primary" href="javascript:void();">
            免費諮詢
        </a>
    </div>--}}
</main>
@stop
@section('other')
<!-- modal-索取報價 -->
<div class="modal-search-price"></div>

<!-- modal-states -->
<div class="modal-states"></div>
<!-- ./modal-states -->
@stop
@section('js')
<!-- Google Map API -->
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD6piIpu_iVGX8ZNUF5F8GWr2udHRYMxJ0&callback=initMap" type="text/javascript"></script>
<script>
function initMap() {
    @if (isset($map))
    var mylatlng = {lat: {{$map['lat']}}, lng: {{$map['lng']}}};
    var map = new google.maps.Map(document.getElementById('map-canvas'), {
        zoom: 15,
        center: mylatlng,
        disableDefaultUI: true
    });
    var icon = {
        url: "/assets/img/ui/map-pin.png", // url
        scaledSize: new google.maps.Size(26, 43), // scaled size
    };
    var marker = new google.maps.Marker({
        position: mylatlng,
        map: map,
        icon: icon,
    });
    @endif
}
</script>
@stop