@php
    $isThumbnail = $showThumbnails;

    $gridClasses = $isThumbnail
        ? 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-6'
        : 'grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-8';

    // Render enough items for largest possible layout
    $limit = 24;

    $view = $isThumbnail ? 'thumbnail' : 'poster';
@endphp

<div
    class="episode-grid grid {{ $gridClasses }}"
    data-rows="2"
>
    @foreach ($episodes->take($limit) as $ep)
        @php
            $episode = isset($popularView)
                ? $ep->episode
                : $ep;
        @endphp

        <div class="episode-item">
            <x-episode-cover
                :episode="$episode"
                :view="$view"
            />
        </div>
    @endforeach
</div>