import type { Metadata } from "next";
import { UiProvider } from "@/components/admin/providers/UiProvider";
import "bootstrap/dist/css/bootstrap.min.css";
import "bootstrap-icons/font/bootstrap-icons.css";
import "./globals.css";

export const metadata: Metadata = {
  title: {
    default: "CMORoom Admin",
    template: "%s | CMORoom Admin",
  },
  description: "CMORoom content administration dashboard",
  robots: { index: false, follow: false },
};

export default function AdminLayout({ children }: { children: React.ReactNode }) {
  return (
    <div className="dash-body">
      {/* Shared design system only — page CSS loads on demand via PageStyles */}
      {/* eslint-disable-next-line @next/next/no-css-tags */}
      <link rel="stylesheet" href="/assets/css/style.css" />
      {/* eslint-disable-next-line @next/next/no-css-tags */}
      <link rel="stylesheet" href="/dashboard-assets/css/dashboard.css" data-page-style="dashboard.css" />
      <UiProvider>{children}</UiProvider>
    </div>
  );
}