@extends(env('APP_NAME').'.layout')

@push('head')
    {{-- main.css를 참고해서 camp-main.css를 뜯어고치시면 될 것 같아요. --}}
    {!! resource('asset/css/camp/common.css') !!}
    {!! resource('asset/css/camp/camp-main.css') !!}

	{{-- {!! resource('main/asset/main.css') !!} --}}
    <script type="text/javascript" src="/js/edmuhak/main-youtube.js?ver=20240725"></script>
    <script type="text/javascript" src="/js/edmuhak/main.js?ver=20240725"></script>
@endpush

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

        <div class="area-sm-content">
            {{-- 메인 배너 영역 --}}
            <section class="sm-fullbanner">
                @php
                    $contents = $Main->content('메인 배너');
                @endphp
                <div class="main-banner-wrap">
                    <div class="swiper-wrapper">
                        @foreach ($contents as $cont)
                        <div class="swiper-slide main-banner-con mouse-click" >
                            <div class="pc-img img">
                                @if (!empty($cont->image) and Storage::disk('s3')->exists($cont->image))
                                    <img src="{{ Storage::disk('s3')->url($cont->image) }}" alt="{{$cont->title}}">
                                @endif
                                @if (!empty($cont->title)) <span></span> @endif
                            </div>
                            <div class="mo-img img">
                                @if (!empty($cont->image_mobile) and Storage::disk('s3')->exists($cont->image_mobile))
                                    <img src="{{ Storage::disk('s3')->url($cont->image_mobile) }}" alt="{{$cont->title}}">
                                @endif
                                @if (!empty($cont->title)) <span>{{$cont->title}}</span> @endif
                            </div>
                            @if (!empty($cont->link))
                                <a href="{{ $cont->link }}"></a>
                            @endif
                        </div>
                        @endforeach
                    </div>
                    <div class="swiper-prev swiper-arrow"><svg  viewBox="0 0 20.85 12.979"><g id="arrow-right" transform="translate(1 1.414)"><line x1="18" transform="translate(0.85 5.075)" fill="none" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><path  d="M17.075,5,12,10.075l5.075,5.075" transform="translate(-12 -5)" fill="none" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></g></svg></div>
                    <div class="swiper-next swiper-arrow"><svg viewBox="0 0 20.85 12.979"><g id="arrow-right" transform="translate(-1.5 -5.511)"><line x2="18" transform="translate(2.5 12)" fill="none" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><path d="M12,5l5.075,5.075L12,15.15" transform="translate(4.275 1.925)" fill="none" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></g></svg></div>
                    <div class="swiper-pagination-wrap">
                        <div class="swiper-pagination"></div>
                        <div class="main-banner-play-stop">
                            <svg class="play" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g transform="translate(-9980 -11202)"><rect width="20" height="20" transform="translate(9980 11202)" fill="none"/><path d="M5.724,1.593a1,1,0,0,1,1.752,0l4.909,8.925A1,1,0,0,1,11.509,12H1.691a1,1,0,0,1-.876-1.482Z" transform="translate(9996 11205) rotate(90)" fill="#fff"/></g></svg>
                            <svg class="stop" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g transform="translate(-9980 -11202)"><rect width="20" height="20" transform="translate(9980 11202)" fill="none"/><g transform="translate(-12 66.5)"><rect width="3" height="12" rx="1.5" transform="translate(9997 11139.5)" fill="#fff"/><rect width="3" height="12" rx="1.5" transform="translate(10004.8 11139.5)" fill="#fff"/></g></g></svg>
                        </div>
                    </div>
                </div>
            </section>
            {{-- //메인 배너 영역 --}}

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

                        <!-- 캠프 프로그램 -->
                        @foreach ($campPrograms 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/hana-edu.co.kr/sf4l/resources/views/edmuhak/main/camp.blade.php:79
Stack trace:
#0 {main}
  thrown in <b>/home/edmedu/www/hana-edu.co.kr/sf4l/resources/views/edmuhak/main/camp.blade.php</b> on line <b>79</b><br />