"use client";

import { useRouter } from "next/navigation";
import api from "@/lib/api";
import toast from "react-hot-toast";
import ProductForm from "@/components/vendor/ProductForm";

export default function CreateProductPage() {
  const router = useRouter();

  const saveProduct = async (data: FormData) => {
    const token = localStorage.getItem("auth_token");

    await api.post(
      "/vendor/products",
      data,
      {
        headers: {
          Authorization: `Bearer ${token}`,
          "Content-Type": "multipart/form-data",
        },
      }
    );

    toast.success("Product created successfully");

    router.push("/vendor/products");
  };

  return (
    <div className="max-w-7xl mx-auto p-8">
      <h1 className="text-3xl font-black mb-8">
        Create Product
      </h1>

      <ProductForm
        onSubmit={saveProduct}
      />
    </div>
  );
}