@extends('camp/layouts.default', [
    'activatedNavItem' => 'PROGRAMS',
])

@push('head')
    <link rel="stylesheet" type="text/css" href="/css/programs/programs.css?ver=20220707"/>
    <style type="text/css">
        .mo-quick-menu {
            display: none;
        }
    </style>
@endpush

@section('content')

    {{-- 이은주 과장 요청으로 얼리버드 할인 관련 배너 임시 주석처리 --}}
    {{-- @if(isset($program))
    <div class="camp-banner">
        <figure>
            <img class="mo-img" src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/banner/programs/camp_top_banner_mo.jpg" alt="여름 영어캠프 얼리버드 할인">
        </figure>
        <figure>
            <img class="pc-img" src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/banner/programs/camp_top_banner_pc.jpg" alt="여름 영어캠프 얼리버드 할인">
        </figure>
    </div>
    @endif --}}

    @yield('details')

    @if(isset($program))

    <div class="area-programs-inquiry fixed">
        <div class="api-wrap">
            <strong class="pg-title">{{ $program['title'] }}</strong>
            <div class="inquiry-button">
                <a class="button color"
                   href="{{ route('camp.consultation.create', ['program_id' => $program['id']]) }}">상담예약</a>
                {{--                href="{{ route('camp.consultation.create') }}">상담예약</a>--}}
            </div>
        </div>
    </div>
    @endif

    <!-- 캠프 톡 리뷰 -->
    @if(isset($realReviewList))
    <article class="sm-review-full area-programs-other camp-talk camp-talk-programs " data-tab="tab-wrap">
        <div class="program-slider">

            <h2 class="ps-title">캠프 톡 리뷰 <a href="/camp/report/camp-talk-review" class="yt-ps-title-link">더보기+</a></h2>

            <div class="area-pg-list">
                <div class="swiper-wrapper">
                    @if ($realReviewList->total() == '0')
                        <div class="search-result-zero">
                            검색 결과가 없습니다.
                        </div>
                    @else
                    <!-- 검색 결과 있을 경우 -->
                        @foreach ($realReviewList as $value)
                            <div class="swiper-slide pg-item">
                                <div class="area-pg-item">
                                    <a href="{{ route('camp.report.camp-talk-review.show', $value->p_id) }}"></a>
                                    <div class="camp-talk-img" style="background: url('{{ $value->img }}'); background-size: cover;"></div>
                                    <div class="pg-item-cont">
                                        <div class="pg-text">{!! $value->p_title !!}</div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @endif
                </div>
            </div>
        </div>
    </article>
    <script>
        new Swiper('.program-slider .area-pg-list', {
            loop: false,
            slidesPerView: 'auto',
            slideClass: 'pg-item',
            speed: 200
        });
    </script>
    @endif

@endsection