export const signInWithCredentials = async (
  state: AuthResponse,
  data: FormData
): Promise<AuthResponse> => {
  try {
    const result = signInSchema.safeParse({
      email: data.get("email"),
      password: data.get("password"),
    });

    if (!result.success)
      return {
        success: false,
        errors: result.error.formErrors.fieldErrors,
      };

    const { email, password } = result.data;

    await signIn("credentials", { email, password });

    revalidatePath("/", "layout");

    return {
      success: true,
    };
  } catch (error) {
    let errorMsg = "";
    if (error instanceof Error && error.message === "NEXT_REDIRECT") {
      revalidatePath("/", "layout");
      redirect("/");
    } else if (error instanceof AuthError) {
      errorMsg = error.message;
    } else {
      errorMsg = (error as any).message;
    }
    return { error: errorMsg, success: false };
  }
};

const SignIn = () => {
  const [state, action] = useActionState(signInWithCredentials, {});
  const router = useRouter();

  // useEffect(() => {
  //   if (state.success) {
  //     router.push("/");
  //   }
  // }, [state.success]);
  return (
    <div className="min-h-screen flex items-center px-4 justify-center">
      <AuthForm
        error={state.error}
        btnLabel="Prijavi se"
        title="Prijavite se"
        footerElements={[
          {
            label: "Nemate profil?",
            linkText: "Registruj se",
            link: "/sign-up",
          },
          {
            label: "Zaboravili ste lozinku?",
            linkText: "Resetujte je",
            link: "/reset-password",
          },
        ]}
        action={action}
      >
        <input
          placeholder="me@email.com"
          type="text"
          className="input-field"
          name="email"
        />
        {state.errors?.email && (
          <span className="text-red-500">{state.errors.email.join(", ")}</span>
        )}
        <input
          placeholder="********"
          type="password"
          className="input-field"
          name="password"
        />
        {state.errors?.password && (
          <span className="text-red-500">
            {state.errors.password.join(", ")}
          </span>
        )}
      </AuthForm>
    </div>
  );
};

export default SignIn;