"use client";

import { useEffect } from "react";
import { useParams } from "next/navigation";
import { useRouter } from "@/i18n/routing";
import { useTranslations } from "next-intl";

export default function AffiliateRedirectPage() {
  const t = useTranslations("common");
  const params = useParams();
  const router = useRouter();
  const code = params.code as string;

  useEffect(() => {
    if (code) {
      // Store the affiliate code in sessionStorage
      sessionStorage.setItem("affiliateRef", code);
      
      // Redirect to home page with auth modal parameter
      router.push("/?auth=false&view=register");
    }
  }, [code, router]);

  return (
    <div className="min-h-screen flex items-center justify-center bg-background">
      <div className="text-center">
        <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-primary mx-auto mb-4"></div>
        <p className="text-muted-foreground">{t("redirecting_ellipsis")}</p>
      </div>
    </div>
  );
}