import './globals.css';
import { ThemeProvider } from '../components/ThemeProvider.jsx';
import SupportChat from '../components/SupportChat.jsx';
import VisitTracker from '../components/VisitTracker.jsx';
import { getOrganizationSchema } from '../lib/schema.js';

const SITE_URL = process.env.NEXT_PUBLIC_SITE_URL || 'https://top-sysops.ru';

export const metadata = {
  metadataBase: new URL(SITE_URL),
  title: {
    default: 'TopSysOps — IT-аутсорсинг и автоматизация',
    template: '%s | TopSysOps',
  },
  description:
    'Профессиональный IT-аутсорсинг: техподдержка, кибербезопасность, администрирование БД, сетевая инфраструктура, ИИ и автоматизация.',
};

// Выставляет класс "dark" на <html> ДО гидратации React, чтобы не было
// мигания светлой темы при заходе пользователя с сохранённой тёмной темой.
const NO_FLASH_SCRIPT = `
(function () {
  try {
    var theme = localStorage.getItem('ts-theme');
    var dark = theme ? theme === 'dark' : window.matchMedia('(prefers-color-scheme: dark)').matches;
    if (dark) document.documentElement.classList.add('dark');
  } catch (e) {}
})();
`;

export default function RootLayout({ children }) {
  return (
    <html lang="ru">
      <head>
        {/* eslint-disable-next-line react/no-danger */}
        <script dangerouslySetInnerHTML={{ __html: NO_FLASH_SCRIPT }} />
        {/* eslint-disable-next-line react/no-danger */}
        <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(getOrganizationSchema()) }} />
      </head>
      <body className="bg-slate-50 dark:bg-slate-950 text-slate-900 dark:text-slate-100">
        <ThemeProvider>{children}</ThemeProvider>
        <SupportChat />
        <VisitTracker />
      </body>
    </html>
  );
}