import type { Metadata, Viewport } from "next";
import { Vazirmatn } from "next/font/google";
import "./globals.css";
import { Toaster } from "@/components/ui/toaster";
import { Toaster as SonnerToaster } from "@/components/ui/sonner";

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

export const metadata: Metadata = {
  metadataBase: new URL("https://peepboxtv.me"),
  title: {
    default: "PeepBox | پیت‌باکس — سرگرمی، بدون مرز",
    template: "%s | PeepBox",
  },
  description:
    "پلتفرم پخش آنلاین فیلم، سریال، تلویزیون زنده و موسیقی با کیفیت 4K. تماشای فیلم و سریال دوبله فارسی و زیرنویس، شبکه‌های تلویزیونی آنلاین و موسیقی بی‌وقفه. PeepBox — سرگرمی، بدون مرز.",
  keywords: [
    "پیت‌باکس",
    "PeepBox",
    "تماشای آنلاین فیلم",
    "دانلود فیلم",
    "سریال آنلاین",
    "تلویزیون زنده",
    "موزیک آنلاین",
    "فیلم دوبله فارسی",
    "فیلم زیرنویس فارسی",
    "استریمینگ",
    "فیلم 4K",
  ],
  authors: [{ name: "PeepBox Team" }],
  creator: "PeepBox",
  applicationName: "PeepBox",
  category: "Entertainment",
  icons: {
    icon: "/logo.svg",
    shortcut: "/logo.svg",
    apple: "/logo.svg",
  },
  manifest: "/manifest.json",
  openGraph: {
    title: "PeepBox | پیت‌باکس — سرگرمی، بدون مرز",
    description:
      "پلتفرم پخش آنلاین فیلم، سریال، تلویزیون زنده و موسیقی با کیفیت 4K.",
    url: "https://peepboxtv.me",
    siteName: "PeepBox",
    locale: "fa_IR",
    type: "website",
  },
  twitter: {
    card: "summary_large_image",
    title: "PeepBox | پیت‌باکس",
    description: "پلتفرم پخش آنلاین فیلم، سریال، تلویزیون زنده و موسیقی",
  },
  robots: {
    index: true,
    follow: true,
    googleBot: { index: true, follow: true },
  },
};

export const viewport: Viewport = {
  themeColor: "#070B14",
  width: "device-width",
  initialScale: 1,
  maximumScale: 5,
  viewportFit: "cover",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="fa" dir="rtl" className="dark" suppressHydrationWarning>
      <body
        className={`${vazirmatn.variable} font-sans antialiased bg-background text-foreground min-h-screen`}
      >
        {children}
        <Toaster />
        <SonnerToaster position="top-center" richColors closeButton />
      </body>
    </html>
  );
}