import { notFound } from "next/navigation";
import { TeamMemberForm } from "@/components/admin/team-member/TeamMemberForm";
import { prisma } from "@/lib/prisma";
import { updateTeamMember } from "../../actions";

export default async function EditTeamMemberPage({
  params,
}: {
  params: Promise<{ id: string }>;
}) {
  const { id } = await params;
  const memberId = Number(id);

  if (Number.isNaN(memberId)) {
    notFound();
  }

  const teamMember = await prisma.teamMember.findUnique({
    where: { id: memberId },
  });

  if (!teamMember) {
    notFound();
  }

  return (
    <div>
      <h1 className="text-2xl font-semibold text-heading">
        Edit Anggota Tim
      </h1>
      <p className="mt-1 text-sm text-body">{teamMember.name}</p>

      <div className="mt-6 rounded-2xl bg-white p-8 shadow-sm">
        <TeamMemberForm
          action={updateTeamMember.bind(null, memberId)}
          teamMember={teamMember}
          submitLabel="Simpan Perubahan"
        />
      </div>
    </div>
  );
}