@forelse ($hentai->torrents as $torrent)
<a href="{{ $torrent->torrent_url }}" target="_blank">
    <button class="group rounded-md shadow bg-primary-600 text-white cursor-pointer flex justify-between items-center overflow-hidden transition-all hover:glow m-1 w-[150px]">
        <div class="relative w-12 h-12 bg-white bg-opacity-20 text-white flex justify-center items-center transition-all">
            <i id="arrow" class="fa-solid fa-magnet transition-all group-hover:-translate-y-1"></i>
        <div id="progress" class="absolute w-full h-0 bg-white bg-opacity-20 top-0 duration-200"></div>
        </div>
        <div class="w-32 text-center">
            <p class="text-sm">Episode {{ $torrent->episodes }}</p>
        </div>
    </button>
</a>
@empty
<a>
    <button class="group rounded-md shadow bg-gray-600 text-white cursor-pointer flex justify-between items-center overflow-hidden transition-all hover:glow m-1 w-[150px]">
        <div class="relative w-12 h-12 bg-white bg-opacity-20 text-white flex justify-center items-center transition-all">
            <i id="arrow" class="fa-solid fa-magnet transition-all group-hover:-translate-y-1"></i>
        <div id="progress" class="absolute w-full h-0 bg-white bg-opacity-20 top-0 duration-200"></div>
        </div>
        <div class="w-32 text-center">
            <p class="text-sm">Torrent not available</p>
        </div>
    </button>
</a>
@endforelse