import SubmitAssignment from "@/components/layout/assignments/submit";
import AssignmentsCreate from "@/components/layout/assignments/create";
export default async function Assignments({ params }) {
  const data = await fetchAssignments(params.id);
  return (
    <main className="flex flex-col items-center justify-center text-center h-screen">
      <h1 className="font-semibold my-5 text-2xl">Assignments</h1>
      <AssignmentsCreate classes={params.id} />
      {data.map((assignment, index) => {
        return (
          <div
            key={index}
            className="flex flex-row items-center gap-5 text-left"
          >
            <h2 className="text-2xl">{assignment.name}</h2>
            <p className="text-sm">
              {Math.floor(
                (new Date(assignment.end_by) - new Date(new Date())) /
                  (1000 * 60 * 60 * 24) +
                  1
              ) + " Days left"}
            </p>
            <SubmitAssignment assignementid={assignment.id} />
          </div>
        );
      })}
    </main>
  );
}


async function fetchAssignments(id) {
  const data = // some data fetching

  if (error) throw new Error("Failed to fetch data");

  return data;
}