@if (count($moreEpisodes) > 0)
<div class="pt-2 sm:px-2 lg:px-4 2xl:w-[450px] p-2">
    <p class="leading-normal font-bold text-xl dark:text-white text-black 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>
@endif