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

@push('head')
{{--    <link rel="stylesheet" type="text/css" href="/css/main.css?ver=20220310"/>--}}
    <link rel="stylesheet" type="text/css" href="css/camp/camp-main.css?ver={{date("Ymd")}}"/>
    <script type="text/javascript" src="/js/main.js?ver=20200807"></script>
@endpush

@section('content')
    <div class="container main camp-main">
        <!-- 페이지타이틀 - 숨김 -->
        <div class="area-pages-top hidden">
            <h1 class="page-title">edm해외영어캠프</h1>
        </div>

        <!-- 메인 컨텐츠 -->
        <div class="area-sm-content">
            <!-- full-banner -->
            <div class="sm-fullbanner">
                <h2 class="sm-cont-title hidden">edm해외영어캠프 대표상품</h2>
                @contentManager('CAMP-MAIN', 'TOP-IMAGES')
                <div class="slider-full">
                    <div class="swiper-wrapper">
                        @foreach ($items = @contentItems('CAMP-MAIN', 'TOP-IMAGES')->get() as $item)
                            <div class="swiper-slide">
                                @contentItem(['item' => $item])
                                @endcontentItem
                            </div>
                        @endforeach
                    </div>
                </div>
                <div class="swiper-controls-wrap">
                    <div class="swiper-controls">
                        <div class="swiper-controls-direction">
                            <div class="swiper-button-prev">prev</div>
                            <div class="swiper-auto">
                                <div class="swiper-button-stop visible">멈춤</div>
                                <div class="swiper-button-start">재생</div>
                            </div>
                            <div class="swiper-button-next">next</div>
                        </div>
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
            </div>

            <script>
                $(function(){
                    var mainSwiper = new Swiper('.sm-fullbanner .slider-full', {
                        loop: true,
                        navigation: {
                            nextEl: '.swiper-button-next',
                            prevEl: '.swiper-button-prev',
                        },
                        autoplay: {
                            delay:6000,
                            disableOnInteraction: false,
                        },
                        pagination: {
                            el: '.swiper-pagination',
                            type: 'fraction',
                        },
                        breakpoints: {
                            768: {
                                pagination: {
                                    el: '.swiper-pagination',
                                    type: 'bullets',
                                    clickable: true,
                                }
                            }
                        }
                    });

                    $(".swiper-button-stop").click(function(){
                        mainSwiper.autoplay.stop();
                        $(".swiper-button-start").addClass('visible')
                        $(this).removeClass('visible')
                    });

                    $(".swiper-button-start").click(function(){
                        mainSwiper.autoplay.start();
                        $(".swiper-button-stop").addClass('visible')
                        $(this).removeClass('visible')
                    });

                    mainSwiper.on('resize', function () {
                        this.pagination.render();
                        this.pagination.update();
                    });
                });
            </script>

            <!-- 추천 영어캠프 -->
            <article class="sm-review-full camp-programs" data-tab="tab-wrap">
                <div class="flex-wrap">
                    <div class="sm-cont-title">
                        <h2>추천 영어캠프</h2>
                    </div>
                    <div class="camp-programs-con">

                        <!-- 캠프 프로그램 -->
                        @foreach ($programs as $program)
                            <div class="camp-programs-col">
                                <div class="camp-programs-col-img"><img src="{{ $program['bg_image'] }}" alt="[{{ $program['title'] }}] 이미지"></div>
                                <div class="camp-programs-textBox">

                                    <h3 class="camp-programs-title">
                                        {{ $program['title'] }}

                                        <br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function programStatus() in /home/edmedu/www/edmuhak.com/dev/resources/views/camp/index.blade.php:113
Stack trace:
#0 {main}
  thrown in <b>/home/edmedu/www/edmuhak.com/dev/resources/views/camp/index.blade.php</b> on line <b>113</b><br />