import type { Metadata } from "next";
import { cookies } from "next/headers";
import { Cairo, Inter } from "next/font/google";
import "./globals.css";

const fontArabic = Cairo({
  variable: "--font-ar",
  subsets: ["arabic", "latin"],
  display: "swap",
});

const fontLatin = Inter({
  variable: "--font-latin",
  subsets: ["latin"],
  display: "swap",
});

export const metadata: Metadata = {
  title: {
    default: "Raqmiat Plus | حلول رقمية فاخرة للشركات",
    template: "%s | Raqmiat Plus",
  },
  description:
    "Raqmiat Plus شركة خدمات رقمية متخصصة في تصميم مواقع وتطبيقات وأنظمة وتحليل بيانات—بتركيز على النتائج والتحويل.",
  metadataBase: new URL("https://raqmiatplus.com"),
  alternates: {
    languages: {
      ar: "/ar",
      en: "/en",
    },
  },
};

export default async function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  const cookieStore = await cookies();
  const langCookie = cookieStore.get("lang")?.value;
  const lang = langCookie === "en" ? "en" : "ar";
  const dir = lang === "ar" ? "rtl" : "ltr";

  return (
    <html
      lang={lang}
      dir={dir}
      className={`${fontArabic.variable} ${fontLatin.variable} h-full antialiased`}
    >
      <body className="min-h-full flex flex-col bg-app text-app selection:bg-accent/25 selection:text-white">
        {children}
      </body>
    </html>
  );
}
