import InitCartData from "@/components/views/cart/InitCartData"
import Footer from "@/components/views/shared/footer/Footer"
import Navbar from "@/components/views/shared/navbar/Navbar"
import { Locale } from "@/i18n.config"
import Providers from "@/providers/Providers"
import type { Metadata } from "next"
import { Cairo } from "next/font/google"
import "./globals.css"
import WhatsApp from "@/components/views/WhatsApp"
import TestNotifications from "@/components/views/home/TestNotification"

const cairo = Cairo({
  weight: ["200", "300", "400", "500", "600", "400", "800", "900", "1000"],
  subsets: ["latin"],
})

export const metadata: Metadata = {
  title: "Nawaya Alkhair",
  description: "Nawaya Alkhair Providing all school furniture in a modern style for kindergarten, primary and middle school stages.",
}

export default function RootLayout({
  children,
  params,
}: Readonly<{
  children: React.ReactNode
  params: { lang: Locale }
}>) {
  const lang = params.lang
  const dir = lang === "ar" ? "rtl" : "ltr"
  const fontClassName = lang === "ar" ? cairo.className : ""

  return (
    <html lang={lang} dir={dir}>
      <body dir={dir} className={`${fontClassName}`}>
        <Providers>
          <Navbar lang={lang} />
          {children}
          <Footer lang={lang} />
          <InitCartData />
          <WhatsApp />
          <TestNotifications />
        </Providers>
      </body>
    </html>
  )
}
