@if ($type->code === 'main' || $type->code === 'junior-abroad')
    <div class="md-tabs-wrap">
        <ul class="md-tabs-line" data-tab="tab-menu">
            @if ($type->code === 'main')
                <li class="@active($type->code, 'main')"><a href="#sm-review-all">전체</a></li>
                <li><a href="#sm-review-language-school">어학연수</a></li>
                <li><a href="#sm-review-university">대학합격</a></li>
                <li class="@active($type->code, 'junior-abroad')"><a href="#sm-review-junior-abroad">조기유학</a></li>
            @endif
{{--            <li class="@active($type->code, 'junior-abroad')"><a href="#sm-review-junior-abroad">조기유학</a></li>--}}
{{--            <li><a href="#sm-review-junior-camp">영어캠프</a></li>--}}
        </ul>
    </div>
@endif
@foreach ($reviewList as $key => $items)
    <div class="review-full-slider" data-tab="tab-content" id="sm-review-{{ $key }}">
        <div class="swiper-wrapper">
            @foreach ($items as $value)
                <a class="swiper-slide" href="{{ route('review.'.$value->code.'.show', $value->p_id) }}">
                    <img src="{{ $value->content_parsing['img'] }}" alt="{{ $value->country_div_for_title['title'] }}" onerror="defaultImage(this)">
                    <strong class="subject">
                        {{ $value->country_div_for_title['title'] }}
                    </strong>
                    <p class="context">
                        @if ($value->content_parsing)
                        {!! $value->content_parsing['content'] !!}
                        @endif
                    </p>
                </a>
            @endforeach
        </div>
        <div class="swiper-controls round-style center">
            <div class="swiper-controls-direction">
                <div class="swiper-button-prev swiper-button-prev-review">prev</div>
                <div class="swiper-button-next swiper-button-next-review">next</div>
            </div>
        </div>
    </div>

    <script>
        $(function(){
             new Swiper('#sm-review-{{ $key }}', {
                loop: true,
                slidesPerView: 'auto',
                slidesPerGroup: 1,
                loopFillGroupWithBlank: true,
                navigation: {
                    nextEl: '.swiper-button-next-review',
                    prevEl: '.swiper-button-prev-review',
                },
            });
        });

        function defaultImage(elem) {
            elem.src = "https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/review-common-img2.png";
        }
    </script>
@endforeach