import RecaptchaProvider from "@/components/RecaptchaProvider";
import { getMetadata } from "@/lib/actions/metadata";
import { cookies } from "next/headers";


export async function generateMetadata() {
  const cookieStore = await cookies();
  const locale = (cookieStore.get("NEXT_LOCALE")?.value || "en") as "en" | "ar";
  const metadata = await getMetadata("login");

  if (!metadata.data) return {};

  const { title, description, keywords, banner } = metadata.data;

  return {
    title: title[locale],
    description: description[locale],
    keywords: keywords,
    images: [`${process.env.NEXT_PUBLIC_IMAGE_BASE_URL}/${banner.en.url}`, `${process.env.NEXT_PUBLIC_IMAGE_BASE_URL}/${banner.ar.url}`],
    openGraph: {
      title: title[locale],
      description: description[locale],
    },
    twitter: {
      title: title[locale],
      description: description[locale],
    },
  };
}


export default function LoginLayout({ children }: { children: React.ReactNode }) {
  return <>
    <RecaptchaProvider>
      {children}
    </RecaptchaProvider>
  </>;
}