import type { Metadata, Viewport } from "next";
import "./globals.css";
import { Toaster } from "@/components/ui/toaster";

export const metadata: Metadata = {
  title: "نظام إدارة المدرسة الأهلية | School Management System",
  description:
    "نظام متكامل لإدارة الشؤون المالية والطلابية للمدرسة الأهلية - الأقساط، الإيرادات والمصروفات، التقارير، سجل الحركات",
  keywords: ["مدرسة", "إدارة مالية", "أقساط", "طلاب", "School", "Finance", "Management"],
};

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

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="ar" dir="rtl" suppressHydrationWarning>
      <body className="antialiased bg-background text-foreground font-sans">
        {children}
        <Toaster />
      </body>
    </html>
  );
}