@if (!empty($latestWebinars) && $latestWebinars->count())
    <section class="home-sections section-premium section-skin-cream premium-latest-section container reveal-up py-35 py-lg-35 px-12 px-lg-20">
        <header class="premium-latest-header mb-30 mb-lg-35">
            <div class="premium-latest-head-row">
                <div class="premium-latest-header__text">
                    <p class="premium-latest-eyebrow mb-10">{{ trans('home.premium_latest_sub') }}</p>
                    <h2 class="section-title premium-latest-title mb-0">{{ trans('home.premium_latest_title') }}</h2>
                </div>
                <a href="{{ url('/classes') }}" class="premium-latest-cta d-inline-flex align-items-center flex-shrink-0 text-decoration-none mt-20 mt-lg-0">
                    <span>{{ trans('home.premium_latest_view_all') }}</span>
                    <span class="premium-latest-cta__chev" aria-hidden="true"><i class="fa fa-angle-left"></i></span>
                </a>
            </div>
        </header>

        <div class="position-relative premium-latest-swiper-wrapper premium-latest-swiper-frame">
            <div class="swiper premium-latest-classes-swiper">
                <div class="swiper-wrapper py-15 py-lg-20">
                    @foreach ($latestWebinars as $webinar)
                        <div class="swiper-slide premium-course-slide">
                            <div class="premium-course-card-shell h-100">
                                @include('web.default.includes.home._premium_course_card', ['webinar' => $webinar])
                            </div>
                        </div>
                    @endforeach
                </div>
                <div class="swiper-pagination premium-latest-classes-pagination premium-latest-pagination premium-swiper-dots-shell"></div>
                <div class="swiper-button-prev premium-latest-prev swiper-btn premium-latest-nav-btn">
                    <i class="fa fa-angle-left" aria-hidden="true"></i>
                </div>
                <div class="swiper-button-next premium-latest-next swiper-btn premium-latest-nav-btn">
                    <i class="fa fa-angle-right" aria-hidden="true"></i>
                </div>
            </div>
        </div>
    </section>
@endif
