import Script from "next/script";
import "../global.css";
import "react-toastify/dist/ReactToastify.css";
import "owl.carousel/dist/assets/owl.carousel.css";
import "owl.carousel/dist/assets/owl.theme.default.css";
import Providers from "./providers";
import "bootstrap/dist/css/bootstrap.min.css";
import "bootstrap-icons/font/bootstrap-icons.css";

const basePath = process.env.NEXT_PUBLIC_BASE_PATH || "";

export const metadata = {
  title: "Jury Dashboard",
  icons: {
    icon: `${basePath}/assets/favicon.ico`,
  },
};

export default function RootLayout({ children }) {
  return (
    <html lang="en">
      <head>
        <script
          src="//app.quickreviewer.com/proof/webproof/qrv2.js"
          defer
        ></script>
        <link rel="stylesheet" href={`${basePath}/assets/css/sources.css`} />
        <link rel="stylesheet" href={`${basePath}/style.css`} />
        <link rel="stylesheet" href={`${basePath}/landing.css`} />
        {/* <link rel="stylesheet" href={`${basePath}/toast.css`} /> */}
      </head>
      <body>
        <Providers>{children}</Providers>
        <Script
          src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
          strategy="afterInteractive"
        />
        <Script
          src={`${basePath}/assets/js/custom.js`}
          strategy="afterInteractive"
        />
      </body>
    </html>
  );
}
