"use client"

export const dynamic = "force-dynamic";

import DiscountCuponsForm from "@/components/admin/DiscountCupons/discountCuponsForm";
import { Loader2 } from "lucide-react";
import { useEffect, useState } from "react";

const NewDiscountCupons = ({ params }: { params?: { id?: string } }) => {

  const [initialData, setInitialData] = useState()

 const fetchCoupon = async (id:string)=> {
    try {
      const response = await fetch(`/api/admin/coupons/${id}`,{ cache: "no-store" })

      if (response.ok) {
        const data = await response.json();

        console.log(data)
        setInitialData(data.coupon)

      }
    } catch (error) {
      console.error("Failed to fetch coupon:", error);
    }
 }

 useEffect(() => {
  fetchCoupon(params?.id!)
 }, [])


if (!initialData) {
  return <Loader2 className="animate-spin" />;
}
else {
    return (
    <div className="p-6">

      <DiscountCuponsForm initialData={initialData} />
    </div>
  );
}

};

export default NewDiscountCupons;