import type { Metadata } from "next";
import Script from "next/script";
import "./globals-import.css";
import { LanguageProvider } from "@/context/LanguageContext";
import { ConfirmDialogHost } from "@/components/ConfirmDialog";
import ConnectionStatus from "@/components/ConnectionStatus";
import GaScript from "@/components/GaScript";

export const metadata: Metadata = {
  title: "IncrelogEMS — Educational Management System",
  description:
    "IncrelogEMS: central controller for educational institutions — packages, payments and academic management for Kindergarten, Primary, High School, College, University, Coaching and Madrasha.",
};

export default function RootLayout({
  children,
}: Readonly<{ children: React.ReactNode }>) {
  return (
    <html lang="en">
      <head>
        {/* Poppins (Latin) + Tiro Bangla (বাংলা) + Rubik (theme utility) */}
        <link rel="preconnect" href="https://fonts.gstatic.com" />
        <link
          href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap"
          rel="stylesheet"
        />
        <link
          href="https://fonts.googleapis.com/css2?family=Tiro+Bangla:ital@0;1&display=swap"
          rel="stylesheet"
        />
        <link
          href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap"
          rel="stylesheet"
        />
        {/* Viho theme icon fonts */}
        <link rel="stylesheet" href="/assets/css/fontawesome.css" />
        <link rel="stylesheet" href="/assets/css/icofont.css" />
        <link rel="stylesheet" href="/assets/css/themify.css" />
        <link rel="stylesheet" href="/assets/css/feather-icon.css" />
        {/* Viho theme styles */}
        <link rel="stylesheet" href="/assets/css/animate.css" />
        <link rel="stylesheet" href="/assets/css/bootstrap.css" />
        <link rel="stylesheet" href="/assets/css/style.css" />
        <link rel="stylesheet" href="/assets/css/responsive.css" />
        {/* IncrelogEMS overrides */}
        <link rel="stylesheet" href="/assets/css/increlog.css" />
        <link rel="icon" href="/assets/images/logo/increlog-logo.svg" type="image/svg+xml" />
      </head>
      <body className="font-Montserrat">
        <LanguageProvider>
          {children}
          <ConfirmDialogHost />
          <ConnectionStatus />
          <GaScript />
        </LanguageProvider>
        {/* Viho theme runtime: sidebar behaviour */}
        <Script src="/app.js" strategy="afterInteractive" />
      </body>
    </html>
  );
}
