@if (count($moreEpisodes) > 0)
<div class="pt-2 sm:px-2 lg:px-4 2xl:w-[450px]">
    <div class="bg-transparent overflow-hidden p-4">
        <p class="leading-normal font-bold text-xl dark:text-white pb-2">
            {{ __('stream.more-from') }} <a class="text-rose-600 hover:underline hover:underline-offset-4 break-words" href="{{ route('hentai.index', ['title' => $episode->hentai->slug]) }}">{{ $episode->title }}</a>
        </p>
        <div class="text-center xl:text-left">
            <ul class="inline-block xl:block">
                @foreach ($moreEpisodes as $episode)
                    <li>
                        <x-episode-cover :episode="$episode" view="thumbnail"/>
                    </li>
                @endforeach
            </ul>
        </div>
    </div>
</div>
@endif