import Footer from '@/components/Footer';
import Header from '@/components/header/header';
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("home");

    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 async function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
    const cookieStore = await cookies();
    const locale = cookieStore.get('NEXT_LOCALE')?.value || 'en';

    await new Promise(resolve => setTimeout(resolve, 3000));

  return (
    <>
      <Header locale={locale}/>
      <main>
        {/* <CategoriesTop locale={locale}/> */}
        {children}
      </main>
      <Footer />
    </>
  );
}