<div{{ attributes }}>
    <ul class="text-white flex flex-col gap-2">
        {% for episode in this.upcomingEpisodes %}
            <li class="flex flex-col">
                <span class="bg-[#f98e44] bg-filter bg-blur-lg bg-opacity-100 text-gray-950 w-full p-[.1rem] pl-[.3rem] rounded-ms">{{ episode.title }}</span>
                <span>{{ episode.episodeTitle }}</span>
                <span>{{ episode.airDate }}</span>
            </li>
        {% endfor %}
    </ul>
</div>
