package anime

import (
	"mal/integrations/jikan"
	ui "mal/web/components"
)

templ Recommendations(recs []jikan.Anime, watchlistStatuses map[int]string) {
	if len(recs) > 0 {
		<div class="grid grid-cols-2 gap-3 sm:grid-cols-3 md:gap-4 lg:grid-cols-4 xl:grid-cols-6">
			for _, anime := range recs {
				@ui.AnimeCard(ui.AnimeCardProps{
					ID:              anime.MalID,
					Title:           anime.DisplayTitle(),
					ImageURL:        anime.ImageURL(),
					TitleEnglish:    anime.TitleEnglish,
					TitleJapanese:   anime.TitleJapanese,
					Airing:          anime.Airing,
					Synopsis:        anime.Synopsis,
					WatchlistStatus: watchlistStatuses[anime.MalID],
				})
			}
		</div>
	} else {
		<p class="text-sm text-(--text-muted)">No recommendations available.</p>
	}
}