added leagues

internal/view/seasonsview/status_badge.templ

@@ -12,60 +12,54 @@ templ StatusBadge(season *db.Season, compact bool, useShortLabels bool) {
 	{{
 		now := time.Now()
 		status := ""
-		statusColor := ""
 		statusBg := ""
 		
 		// Determine status based on dates
 		if now.Before(season.StartDate) {
 			status = "Upcoming"
-			statusColor = "text-blue"
-			statusBg = "bg-blue/10 border-blue"
-		} else if !season.EndDate.IsZero() && now.After(season.EndDate.Time) {
-			status = "Completed"
-			statusColor = "text-green"
-			statusBg = "bg-green/10 border-green"
-		} else if !season.FinalsStartDate.IsZero() && now.After(season.FinalsStartDate.Time) {
+			statusBg = "bg-blue"
+		} else if !season.FinalsStartDate.IsZero() {
+			// Finals are scheduled
 			if !season.FinalsEndDate.IsZero() && now.After(season.FinalsEndDate.Time) {
+				// Finals have ended
 				status = "Completed"
-				statusColor = "text-green"
-				statusBg = "bg-green/10 border-green"
-			} else {
+				statusBg = "bg-teal"
+			} else if now.After(season.FinalsStartDate.Time) {
+				// Finals are in progress
 				if useShortLabels {
 					status = "Finals"
 				} else {
 					status = "Finals in Progress"
 				}
-				statusColor = "text-yellow"
-				statusBg = "bg-yellow/10 border-yellow"
+				statusBg = "bg-yellow"
+			} else if !season.EndDate.IsZero() && now.After(season.EndDate.Time) {
+				// Regular season ended, finals upcoming
+				status = "Finals Soon"
+				statusBg = "bg-peach"
+			} else {
+				// Regular season active, finals scheduled for later
+				if useShortLabels {
+					status = "Active"
+				} else {
+					status = "In Progress"
+				}
+				statusBg = "bg-green"
 			}
+		} else if !season.EndDate.IsZero() && now.After(season.EndDate.Time) {
+			// No finals scheduled and regular season ended
+			status = "Completed"
+			statusBg = "bg-teal"
 		} else {
+			// Regular season active, no finals scheduled
 			if useShortLabels {
 				status = "Active"
 			} else {
 				status = "In Progress"
 			}
-			statusColor = "text-green"
-			statusBg = "bg-green/10 border-green"
-		}
-		
-		// Determine size classes
-		var sizeClasses string
-		var textSize string
-		var iconSize string
-		if compact {
-			sizeClasses = "px-2 py-1"
-			textSize = "text-xs"
-			iconSize = "text-sm"
-		} else {
-			sizeClasses = "px-4 py-2"
-			textSize = "text-lg"
-			iconSize = "text-2xl"
+			statusBg = "bg-green"
 		}
 	}}
-	<div class={ "rounded-lg border-2 inline-flex items-center gap-2 " + sizeClasses + " " + statusBg }>
-		if !compact {
-			<span class={ iconSize + " " + statusColor }>●</span>
-		}
-		<span class={ textSize + " font-semibold " + statusColor }>{ status }</span>
-	</div>
+	<span class={ "inline-block px-3 py-1 rounded-full text-sm font-semibold text-mantle " + statusBg }>
+		{ status }
+	</span>
 }