@if(isset($data['currentWeekEvents']) && $data['currentWeekEvents']->count() > 0)
<!-- START CURRENT WEEK EVENTS SECTION -->
<section class="event-sec sec-py" id="upcoming_at_meck_section">
    <div class="container">
        <div class="row">
            <div class="col-xl-9 col-md-8">
                <div class="sec-title">
                    <h2>{!! (@$page->slug == "christmasatmeck") ? "Christmas at Meck Events" : "Upcoming at Meck" !!}</h2>
                </div>
            </div>
            <div class="col-xl-3 col-md-4 ps-xxl-5 text-right">
                @if(@$data['allEventsURL'])
                <a href="{!! @$data['allEventsURL'] !!}" class="btn btn-theme-blue">SEE ALL EVENTS</a>
                @else
                <select class="form-select select-event" aria-label="Default select example" id="this_week_event_filter">
                    <option selected value="">All</option>
                    <option value="Online">Online</option>
                    <option value="In Person">In Person</option>
                </select>
                @endif
            </div>
        </div>
        <div class="row d-none d-md-flex">
            @foreach($data['currentWeekEvents'] as $currentWeekEvent)
                {!! getEventBlock($currentWeekEvent,3) !!}
            @endforeach
        </div>

        <div class="row d-md-none">
            <div class="owl-carousel owl-theme upcoming-event-slider">
            @foreach($data['currentWeekEvents'] as $currentWeekEvent)
                {!! getEventBlock($currentWeekEvent,3) !!}
            @endforeach
            </div>
            <div class="owl-navigation">
                <div class="owl-prev owl-arrow-btn"><i class="bi bi-arrow-left"></i></div>
                <div id='custom-dots2' class='owl-dots'></div>
                <div class="owl-next owl-arrow-btn"><i class="bi bi-arrow-right"></i></div>
            </div>
            @if(@$page->slug == "easteratmeck")
            <div class="text-center mt-3">
                <a class="btn btn-theme-blue" href="{!! route('events') !!}?category_id=15">See More</a>
            </div>
            @endif
        </div>
    </div>
    <img src="{!! asset('assets/frontend/images/week-calendar-icon.png') !!}" class="img-fluid event-sec-fix-icon" alt="week-calendar-icon">

</section>
<!-- END CURRENT WEEK EVENTS SECTION -->
@endif