import ConstituencyPage from "@/app/dashboard/constituency/constituency-page";
import { getCategorySetup } from "@/app/lib/data";
import { supportedLanguagesCookieCheck } from "@/app/lib/utils";
import { cookies } from "next/headers";
import { getServerSession } from "next-auth";
import { options } from "@/app/api/auth/[...nextauth]/options";
import { redirect } from "next/navigation";
import {
  getMostRecentVotingResult,
  hasUserVotedInCategory,
} from "@/app/lib/data";

export default async function Page() {
  const cookieStore = await cookies();
  const language = supportedLanguagesCookieCheck(cookieStore)
    ? cookieStore.get("language")?.value
    : "en";

  const session = await getServerSession(options);

  if (!session) {
    redirect("/login");
  }

  const constituencyPageSetup = await getCategorySetup(
    "constituency",
    session.user.constituencyId
  );

  const [lastestResult, voteDetails] = await Promise.all([
    getMostRecentVotingResult("constituency", session.user.constituencyId),
    hasUserVotedInCategory(session.user?.id, constituencyPageSetup),
  ]);

  return (
    <ConstituencyPage
      data={constituencyPageSetup}
      language={language}
      lastestResult={lastestResult}
      voteDetails={voteDetails}
    />
  );
}

const ConstituencyPage = ({ data, language, lastestResult, voteDetails }) => {
  const { category, issueList } = data;
  const startDate = dateISOToLocal(issueList[0]?.startDate);
  const endDate = dateISOToLocal(issueList[0]?.endDate);
  const phaseEndDate = dateISOToLocal(issueList[0]?.phaseEndDate);
return (
    <Box>
      {/* Representative and Recent Voting Result Section */}
      <RepresentativeAndResult
        category={category}
        language={language}
        lastestResult={lastestResult}
      />

      {/* Voting Phase Information */}
      <Box mb={3}>
        <Typography variant="body" gutterBottom>
          Circuit End Date:&nbsp;
          {phaseEndDate ?? "-"}
        </Typography>
        <Typography variant="h5" gutterBottom>
          Voting Phase:&nbsp;
          {category.votingPhase === "priority"
            ? "Priority Voting"
            : "Daily Voting"}
        </Typography>
        <Typography variant="body1" color="text.secondary" gutterBottom>
          Voting Ends: {startDate ?? "-"} to {endDate ?? "-"}
        </Typography>
      </Box>
      <Divider sx={{ my: 2 }} />
   </Box>
  );
};