@if(count($episodes))
    @foreach($episodes as $episode)
        <div class="swiper-slide">
            {{--                                    <a href="#">--}}
            <div class="item_card season_card">
                <div class="img-box">
                    <img src="{{asset($episode->image)}}" alt="" class="card_img"/>
                </div>
                <div class="card-body">
                    <p class="rate mb-0"><i class="fas fa-star"></i> <b>{{$episode->rate}}</b></p>
                    <h5 class="title"><b>{{$episode->name}}</b></h5>
                    <p class="p">{!! $episode->description !!}</p>
                </div>
            </div>
            {{--                                    </a>--}}
        </div>
    @endforeach
@endif
<script>
    var swiper = new Swiper('.season-swiper', {
        loop: true,
        speed: 900,
        slidesPerView: 1,
        spaceBetween: 15,
        autoplay: {
            delay: 2500,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
        breakpoints: {
            640: {
                slidesPerView: 2,
            },
            768: {
                slidesPerView: 3,
            },
            1024: {
                slidesPerView: 4,
            },
        }
    });
</script>