<form action={(formData: FormData) => clientSideHandler(formData)}>
           </form>

const form = useForm<z.infer<typeof MenuItemSchema>>({
    resolver: zodResolver(MenuItemSchema),
    defaultValues: {
      name: "",
      description: "",
      category: "",
      basePrice: undefined,
      sizes: undefined,
      extraIngredientPrices: undefined,
      isItemAvailable: true,
    },
  });

  function onSubmit(values: z.infer<typeof MenuItemSchema>) {
    setError("");
    setSuccess("");

    startTransition(() => {
      createMenuItem(values)
        .then((data) => {
          if (data === null) {
            console.log("Received null data from the server.");
            setError("No response from the server.");
            return;
          }
          if (data?.error) {
            form.reset();
            setError(data?.error);
          }

          if (data?.success) {
            form.reset();
            setSuccess(data?.success);
          }
        })
        .catch(() => setError("Something went wrong!"));
    });
  }

  return (
    <Form {...form}>
      <form onSubmit={form.handleSubmit(onSubmit)}>

export async function createMenuItem(
  values: z.infer<typeof MenuItemSchema>,
): Promise<CreateMenuItemResponse> {
  console.log("Item creation process started with values:", values);

  // Validate form data using Zod schema
  const validatedFields = MenuItemSchema.safeParse(values);

  // If validation fails, return errors early
  if (!validatedFields.success) {
    console.log("Field validation failed:", validatedFields.error);
    return {
      errors: validatedFields.error.flatten().fieldErrors,
      message: "Validation failed: Invalid fields.",
    };
  }

  // Destructure validated data
  const {
    name,
    description,
    image,
    category,
    basePrice,
    sizes,
    extraIngredientPrices,
    isItemAvailable,
  } = validatedFields.data;

  const amountInCents = Math.round(basePrice * 100); // Ensure correct rounding

  // Optional: Check for existing menu item to prevent duplicates
  try {
    await connectToDatabase();

    const existingMenuItem = await MenuItemModel.findOne({ name });
    if (existingMenuItem) {
      return { error: "Item already exists!" };
    }

    // Create a new menu item
    await MenuItemModel.create({
      name,
      description,
      image,
      category,
      basePrice,
      sizes,
      extraIngredientPrices,
      isItemAvailable,
    });
    console.log("Item created successfully!");

    // Return success message
    return {
      success: "Item created successfully!",
    };
  } catch (error) {
    console.error("Failed to create menu item!", error);
    return { error: "Failed to create menu item!" };
  }
}