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

@section('content')

    <div class="container review">
        <!-- 페이지타이틀 -->
        <div class="area-pages-top full-bg">
            <h1 class="page-title">유학후기</h1>
        </div>

        <!-- 메인 컨텐츠 -->
        <div class="area-sm-content">

            <!-- TOP 네비게이션 -->
            @include('review.nav')

            <!-- Content Manager -->
            <section class="review-slider">
                <div class="fix-wrap">
                    <div class="sm-cont-title">
                        <h2>{{ $list['title'] }}</h2>
                    </div>

                    @contentManager('REVIEWS', 'TOP-IMAGES')
                    <div class="slider-banner-basic">
                        <ul>
                            @foreach ($items = @contentItems('REVIEWS', 'TOP-IMAGES')->get() as $item)
                                <li>
                                    @contentItem(['item' => $item])
                                    @endcontentItem
                                </li>
                            @endforeach
                        </ul>
                    </div>

                    <div class="slider-wrap">
                        @foreach ( $list['top-slider'] as $value)
                            <div class="slider-item">
                                <a href="{{ $value->url }}">
                                    <p class="thumb">
                                        <img src="{{ $value->image }}" alt="{{ $value->image }}">
                                    </p>
                                    <p class="hash">
                                        @foreach ( $value->hash as $hashList)

                                            <span>{{$hashList}}</span>
                                        @endforeach
                                    </p>
                                    <p class="subject">
                                        {{ $value->subject }}
                                    </p>
                                </a>
                            </div>
                        @endforeach
                    </div>
                </div>
            </section>

            <div style="margin:4rem 0;">
                <iframe id="real-review-view" class="real-review-view" src="{{ route('review.'.$type.'.real-reviews') }}" frameborder="0" width="100%" scrolling="no" height="5000px;" style="overflow: hidden" onload="calcHeight()">
                </iframe>
            </div>
        </div>

            <!-- 팝업 -->
        <div class="area-layer-popup commonPopup" id="commonPopup" >
            <div class="popup-container">
                <div class="popup-title">
                    <p class="heading-text"></p>
                </div>
                <div class="popup-content">
                </div>
                <div class="popup-close-x">
                    <i class="ui-layout-close"></i>
                </div>
            </div>
        </div>
    </div>


    <script>
        function calcHeight() {
            $('#real-review-view').css('height', 'auto');
            $('#real-review-view').css('overflow', 'hidden');
            var the_height = $('#real-review-view').get(0).contentDocument.body.scrollHeight;
            $('#real-review-view').css('height', the_height);
        }
    </script>
@endsection