import './globals.css';
import type { Metadata, Viewport } from 'next';
import { ReactNode } from 'react';
import { ToastProvider } from '../components/ui/toast';
import { ThemeProvider } from '../components/theme-provider';
import { Providers } from './providers';
import { SmartAssistant } from '@/components/smart-assistant';

export const metadata: Metadata = {
  title: 'GCX FSHS Field',
  description: 'Supply allocation and delivery tracking platform for schools',
  manifest: '/manifest.json',
  appleWebApp: {
    capable: true,
    statusBarStyle: 'default',
    title: 'GCX FSHS Field',
  },
  icons: {
    icon: '/icon-192.png',
    apple: '/icon-192.png',
  },
  other: {
    'mobile-web-app-capable': 'yes',
  },
};

export const viewport: Viewport = {
  themeColor: '#0f766e',
};

export default function RootLayout({ children }: { children: ReactNode }) {
  return (
    <html lang="en" suppressHydrationWarning>
      <body suppressHydrationWarning className="min-h-screen bg-slate-50 text-slate-900 dark:bg-slate-950 dark:text-slate-100">
        <Providers>
          <ThemeProvider>
            <ToastProvider>
              {children}
              <SmartAssistant />
            </ToastProvider>
          </ThemeProvider>
        </Providers>
      </body>
    </html>
  );
}

