package teamsview

import "git.haelnorr.com/h/oslstats/internal/db"
import "git.haelnorr.com/h/oslstats/internal/view/seasonsview"
import "fmt"

templ TeamDetailSeasons(team *db.Team, seasonInfos []*db.TeamSeasonInfo) {
	if len(seasonInfos) == 0 {
		<div class="bg-surface0 border border-surface1 rounded-lg p-8 text-center">
			<p class="text-subtext0 text-lg">No season history yet.</p>
			<p class="text-subtext1 text-sm mt-2">This team has not participated in any seasons.</p>
		</div>
	} else {
		<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
			for _, info := range seasonInfos {
				@teamSeasonCard(team, info)
			}
		</div>
	}
}

templ teamSeasonCard(team *db.Team, info *db.TeamSeasonInfo) {
	{{
		detailURL := fmt.Sprintf(
			"/seasons/%s/leagues/%s/teams/%d",
			info.Season.ShortName, info.League.ShortName, team.ID,
		)
	}}
	<a
		href={ templ.SafeURL(detailURL) }
		class="bg-mantle border border-surface1 rounded-lg overflow-hidden
			hover:bg-surface0 transition hover:cursor-pointer block"
	>
		<!-- Card Header -->
		<div class="bg-surface0 border-b border-surface1 px-4 py-3 flex items-center justify-between">
			<div class="flex items-center gap-2">
				<h3 class="text-lg font-bold text-text">{ info.Season.Name }</h3>
				<span class="text-subtext0 text-sm">—</span>
				<span class="text-subtext0 text-sm">{ info.League.Name }</span>
			</div>
			@seasonsview.StatusBadge(info.Season, true, true)
		</div>
		<!-- Card Body -->
		<div class="p-4">
			<!-- Position & Points Row -->
			<div class="flex items-center justify-between mb-3">
				<div class="flex items-center gap-3">
					<!-- Position Badge -->
					<div class="flex items-center gap-1.5">
						<span class="text-xs text-subtext0 uppercase font-medium">Position</span>
						<span class="text-2xl font-bold text-text">
							{ ordinal(info.Position) }
						</span>
						<span class="text-sm text-subtext0">
							/ { fmt.Sprint(info.TotalTeams) }
						</span>
					</div>
				</div>
				<!-- Points -->
				<div class="text-right">
					<span class="text-xs text-subtext0 uppercase font-medium">Points</span>
					<p class="text-2xl font-bold text-blue">{ fmt.Sprint(info.Record.Points) }</p>
				</div>
			</div>
			<!-- Record Row -->
			<div class="grid grid-cols-4 gap-2 text-center">
				<div class="bg-surface0 rounded px-2 py-1.5">
					<p class="text-xs text-subtext0 font-medium">W</p>
					<p class="text-sm font-bold text-green">{ fmt.Sprint(info.Record.Wins) }</p>
				</div>
				<div class="bg-surface0 rounded px-2 py-1.5">
					<p class="text-xs text-subtext0 font-medium">OTW</p>
					<p class="text-sm font-bold text-teal">{ fmt.Sprint(info.Record.OvertimeWins) }</p>
				</div>
				<div class="bg-surface0 rounded px-2 py-1.5">
					<p class="text-xs text-subtext0 font-medium">OTL</p>
					<p class="text-sm font-bold text-peach">{ fmt.Sprint(info.Record.OvertimeLosses) }</p>
				</div>
				<div class="bg-surface0 rounded px-2 py-1.5">
					<p class="text-xs text-subtext0 font-medium">L</p>
					<p class="text-sm font-bold text-red">{ fmt.Sprint(info.Record.Losses) }</p>
				</div>
			</div>
		</div>
	</a>
}

func ordinal(n int) string {
	suffix := "th"
	if n%100 >= 11 && n%100 <= 13 {
		// 11th, 12th, 13th
	} else {
		switch n % 10 {
		case 1:
			suffix = "st"
		case 2:
			suffix = "nd"
		case 3:
			suffix = "rd"
		}
	}
	return fmt.Sprintf("%d%s", n, suffix)
}