import { useToastOnFail } from "@/components/molecules/Toast/use-toast";
import useCredits from "@/hooks/useCredits";
import { zodResolver } from "@hookform/resolvers/zod";
import { useState } from "react";
import { useForm } from "react-hook-form";
import { z } from "zod";

const topUpSchema = z.object({
  amount: z
    .number({ coerce: true, invalid_type_error: "Enter top-up amount" })
    .min(5, "Top-ups start at $5. Please enter a higher amount."),
});

export function useTopUpForm() {
  const toastOnFail = useToastOnFail();
  const { requestTopUp } = useCredits();

  const [isLoading, setIsLoading] = useState(false);

  const form = useForm<z.infer<typeof topUpSchema>>({
    resolver: zodResolver(topUpSchema),
  });

  async function submitTopUp(data: z.infer<typeof topUpSchema>) {
    setIsLoading(true);
    await requestTopUp(data.amount * 100)
      .catch(toastOnFail("request top-up"))
      .finally(() => setIsLoading(false));
  }

  return {
    form,
    isLoading,
    submitTopUp,
  };
}
