@extends('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')
    @yield('details')
    <div class="area-programs-inquiry fixed">
        <div class="api-wrap">
            {{-- <strong class="pg-title">{{ $program['source'] }}</strong> --}}
            <strong class="pg-title">{{ $program['title'] }}</strong>
            <div class="inquiry-button{{ $program['id'] == 144 ? ' multiple-types' :'' }}">
                @if ( $program['link_type'] == 'presentation' )
                    @if($program['source'] === 'meeting-day')
                        <script>
                            // 해당 버튼을 클릭할 때 initiateCheckout 이벤트를 추적하고 페이지를 이동합니다.
                            document.addEventListener('DOMContentLoaded', function() {
                                document.querySelector('.button.color').addEventListener('click', function() {
                                    fbq('track', 'Contact');
                                    window.location.href = "{{ $program['presentation_url'] }}";
                                });
                            });
                        </script>
                    @endif
                    <a class="button color"
                       href="{{ $program['presentation_url'] }}">참가신청</a>
                @else
                    @if($program['id'] == 144)
                    <a class="button color type2" href="/inquiry/presentation/61">박람회 신청</a>
                    @endif
                    <a class="button color" href="{{ route('inquiry.consultation.create', ['program_id' => $program['id']]) }}">상담예약</a>
                @endif
            </div>
        </div>
    </div>

    <div class="area-programs-other">
        @if (count($programs['relation']))
            <div class="program-slider">
                <h2 class="ps-title">관련상품</h2>
                <div class="area-pg-list">
                    <div class="swiper-wrapper">
                        @foreach ($programs['relation'] as $program)
                            <div class="swiper-slide pg-item">
                                @include('programs.item', ['program' => $program])
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        @endif

        @if (isset($program['type']['code']))
        <div class="program-slider">
            @if ($program['type']['code'] == 'language-abroad')
                <h2 class="ps-title">어학연수 후기<a href="{{ route('review.language-school.index') }}" class="yt-ps-title-link">더보기+</a></h2>
                @include('programs.review', ['reviewList'=>$languageReviewList])
            @elseif($program['type']['code'] == 'university-abroad')
                <h2 class="ps-title">해외대학 후기<a href="{{ route('review.university.index') }}" class="yt-ps-title-link">더보기+</a></h2>
                @include('programs.review', ['reviewList'=>$universityReviewList])
            @elseif($program['type']['code'] == 'junior-abroad')
                <h2 class="ps-title">조기유학 후기<a href="{{ route('review.junior-abroad.index') }}" class="yt-ps-title-link">더보기+</a></h2>
                @include('programs.review', ['reviewList'=>$juniorReviewList])
            @elseif($program['type']['code'] == 'camp')
{{--                <h2 class="ps-title">영어캠프 후기<a href="{{ route('review.junior-camp.index') }}" class="yt-ps-title-link">더보기+</a></h2>--}}
{{--                @include('programs.review', ['reviewList'=>$campReviewList])--}}
            @else
            @endif
        </div>
        <div class="program-slider">
            @if (count($uainfo_contentList) && ($program['type']['code'] == 'university-abroad'))
                <h2 class="ps-title">유학정보<a href="{{ route('university-abroad.univ-abroad-info.index') }}" class="yt-ps-title-link">더보기+</a></h2>
                @include('programs.univ-abroad-info')
            @endif
        </div>
        <div class="program-slider">
            @if ($program['type']['code'] == 'language-abroad' && count($faq_contentList_language) != 0)
                <h2 class="ps-title">유학 FAQ</h2>
                @include('programs.uhak-faq', ['faq_contentList'=>$faq_contentList_language])
            @elseif($program['type']['code'] == 'university-abroad' && count($faq_contentList_university) != 0)
                <h2 class="ps-title">유학 FAQ</h2>
                @include('programs.uhak-faq', ['faq_contentList'=>$faq_contentList_university])
            @elseif($program['type']['code'] == 'junior-abroad' && count($faq_contentList_junior) != 0)
                <h2 class="ps-title">유학 FAQ</h2>
                @include('programs.uhak-faq', ['faq_contentList'=>$faq_contentList_junior])
            @elseif($program['type']['code'] == 'working-holiday' && count($faq_contentList_working) != 0)
                <h2 class="ps-title">유학 FAQ</h2>
                @include('programs.uhak-faq', ['faq_contentList'=>$faq_contentList_working])
            @elseif($program['type']['code'] == 'art-uhak' && count($faq_contentList_art) != 0)
                <h2 class="ps-title">유학 FAQ</h2>
                @include('programs.uhak-faq', ['faq_contentList'=>$faq_contentList_art])
            @else
            @endif
        </div>
        @endif

{{--        @if (count($programs['popular']))--}}
{{--            <div class="program-slider">--}}
{{--                <h2 class="ps-title">edm유학센터 인기프로그램</h2>--}}
{{--                <div class="area-pg-list">--}}
{{--                    <div class="swiper-wrapper">--}}
{{--                        @foreach ($programs['popular'] as $program)--}}
{{--                            <div class="swiper-slide pg-item">--}}
{{--                                @include('programs.item', ['program' => $program])--}}
{{--                            </div>--}}
{{--                        @endforeach--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        @endif--}}
    </div>

    <script type="text/javascript">
        new Swiper('.program-slider .area-pg-list', {
            loop: false,
            slidesPerView: 'auto',
            slideClass: 'pg-item',
            speed: 200
        });
    </script>
    {{--    <script type="text/javascript">--}}
    {{--        alert( $('.filter-item input[name="country_code"]').val() );--}}
    {{--    </script>--}}
@endsection