document.addEventListener("DOMContentLoaded", function () {
	var favoriteButton = document.getElementById("club-favorite-button");
	if (favoriteButton) {
		favoriteButton.addEventListener("click", function () {
			var userID = document.getElementById("userID").value;
			var teamID = document.getElementById("teamID").value;
			var teamName = document.getElementById("teamName").value;
			var teamLogo = document.getElementById("teamLogo").value;

			if (favoriteButton.src.includes("/favorited.png")) {
				removeFavoriteTeam(userID, teamID);
			} else {
				addFavoriteTeam(userID, teamID, teamName, teamLogo);
			}
		});
	}
});

async function addFavoriteTeam(userID, teamID, teamName, teamLogo) {
	try {
		const response = await fetch("/favteam/add", {
			method: "POST",
			headers: {
				"Content-Type": "application/json",
			},
			body: JSON.stringify({
				userID: userID,
				teamID: teamID,
				teamName: teamName,
				teamLogo: teamLogo,
			}),
		});

		if (!response.ok) {
			throw new Error("Failed to add favorite team");
		}

		if (response.status === 200) {
			console.log("New favorite team added successfully.");
			var favoriteButton = document.getElementById("club-favorite-button");
			favoriteButton.src = "/img/club-page/favorited.png";
			location.reload(); // Refresh the page
		}
	} catch (error) {
		console.error("Error adding favorite team:", error);
	}
}

async function removeFavoriteTeam(userID, teamID) {
	try {
		const response = await fetch("/favteam/remove", {
			method: "POST",
			headers: {
				"Content-Type": "application/json",
			},
			body: JSON.stringify({
				userID: userID,
				teamID: teamID,
			}),
		});

		if (response.status === 200) {
			console.log("Favorite team removed successfully.");
			var favoriteButton = document.getElementById("club-favorite-button");
			favoriteButton.src = "/img/club-page/unfavorited.png";
			location.reload(); // Refresh the page
		}
	} catch (error) {
		console.error("Error removing favorite team:", error);
	}
}