import Menu from "../../components/Menu";
import redirect from "../../Modules/league";
import Head from "next/head";
import { SquadPlayer as Player } from "../../components/Player";
import { useContext, useState } from "react";
import { leagueSettings } from "#types/database";
import {
Alert,
AlertTitle,
Box,
FormControlLabel,
InputLabel,
MenuItem,
Select,
Switch,
Typography,
} from "@mui/material";
import { getLeagueInfo, LeagueInfo } from "../api/squad/[league]";
import { NotifyContext, TranslateContext } from "../../Modules/context";
import { getServerSession } from "next-auth";
import { authOptions } from "#/pages/api/auth/[...nextauth]";
import { GetServerSideProps } from "next";
export default function Home({
league,
leagueInfo,
transferOpen,
leagueSettings,
}: {
league: number;
leagueInfo: LeagueInfo;
transferOpen: boolean;
leagueSettings: leagueSettings;
}) {
const notify = useContext(NotifyContext);
const t = useContext(TranslateContext);
const [showSelling, setShowSelling] = useState(true);
interface squadMember {
playeruid: string;
starred: boolean;
status: string;
}
const [squad, setSquad] = useState<{
att: squadMember[];
mid: squadMember[];
def: squadMember[];
gk: squadMember[];
bench: squadMember[];
}>(() => {
// Turns the leagueInfo data into the data for the starting state
const players: {
att: squadMember[];
mid: squadMember[];
def: squadMember[];
gk: squadMember[];
bench: squadMember[];
} = { att: [], mid: [], def: [], gk: [], bench: [] };
leagueInfo.players.forEach((e) => {
if (
e.position === "att" ||
e.position === "mid" ||
e.position === "def" ||
e.position === "gk" ||
e.position === "bench"
) {
players[e.position].push({
playeruid: e.playeruid,
starred: e.starred,
status: e.status,
});
}
});
return players;
});
const [formation, setFormation] = useState(leagueInfo.formation);
const [position_total, setPosition_total] = useState(
leagueInfo.position_total,
);
const [validFormations, setValidFormations] = useState(
leagueInfo.validFormations,
);
// Checks if the league is archived
if (leagueSettings.archived) {
return (
<>
{t("Squad for {leagueName}", {
leagueName: leagueSettings.leagueName,
})}
{t("Squad for {leagueName}", {
leagueName: leagueSettings.leagueName,
})}
{t("This league is archived")}
{t("This league is archived and this screen is disabled. ")}
);
}
if (!leagueSettings.fantasyEnabled) {
return (
<>
{t("Squad for {leagueName}", {
leagueName: leagueSettings.leagueName,
})}
{t("Squad for {leagueName}", {
leagueName: leagueSettings.leagueName,
})}
{t("Fantasy is Disabled")}
{t("Fantasy manager must be enabled in the league to use this. ")}
);
}
const field = {
att: squad.att.length < formation[3],
mid: squad.mid.length < formation[2],
def: squad.def.length < formation[1],
gk: squad.gk.length < formation[0],
};
function getSquad() {
fetch(`/api/squad/${league}`).then(async (e) => {
const val: LeagueInfo = await e.json();
const players: {
att: squadMember[];
mid: squadMember[];
def: squadMember[];
gk: squadMember[];
bench: squadMember[];
} = { att: [], mid: [], def: [], gk: [], bench: [] };
val.players.forEach((e) => {
if (
e.position === "att" ||
e.position === "mid" ||
e.position === "def" ||
e.position === "gk" ||
e.position === "bench"
) {
players[e.position].push({
playeruid: e.playeruid,
starred: e.starred,
status: e.status,
});
}
});
setFormation(val.formation);
setSquad(players);
setValidFormations(val.validFormations);
setPosition_total(val.position_total);
});
}
/**
* This function checks if the formation can be changed to the new formation.
*
* @param {number[]} newFormation - An array representing the new formation with the number of players in each position.
* @return {boolean} Returns true if the new formation is valid, false otherwise.
*/
function changeToFormation(newFormation: number[]): boolean {
const defenders = newFormation[1] - squad["def"].length;
const midfielders = newFormation[2] - squad["mid"].length;
const forwards = newFormation[3] - squad["att"].length;
return !(defenders >= 0) || !(midfielders >= 0) || !(forwards >= 0);
}
const FieldPlayers = (
{t("Attackers")}
{squad["att"].map(
(
e, // Used to get the players for the attack
) => (
),
)}
{t("Midfielders")}
{squad["mid"].map(
(
e, // Used to get the players for the mid
) => (
),
)}
{t("Defenders")}
{squad["def"].map(
(
e, // Used to get the players for the defense
) => (
),
)}
{t("Goalkeeper")}
{squad["gk"].map(
(
e, // Used to get the player for the goalkeeper
) => (
),
)}
);
const BenchPlayers = (
{t("Bench")}
{
setShowSelling(e.target.checked);
}}
checked={showSelling}
/>
}
label={
transferOpen
? t("Show Players that are being sold")
: t("Show Players that are being bought")
}
/>
{squad["bench"]
.filter(
(e) => showSelling || e.status !== (transferOpen ? "sell" : "buy"),
)
.map(
(
e, // Used to get the players for the bench
) => (
),
)}
);
return (
<>
{t("Squad for {leagueName}", {
leagueName: leagueSettings.leagueName,
})}
{t("Squad for {leagueName}", { leagueName: leagueSettings.leagueName })}