import Script from "next/script"

import Footer from "@/components/Current/Footer"
import LangPopup from "@/components/Current/LangPopup"
import InitLivePreview from "@/components/Current/LivePreview"
import SkipToMainContent from "@/components/SkipToMainContent"

import type { Metadata } from "next"

import type { LangParams, LayoutArgs } from "@/types/params"

export const fetchCache = "default-no-store"

export const metadata: Metadata = {
  description: "New web",
  title: "Scandic Hotels New Web",
}

export default function RootLayout({
  children,
  params,
}: React.PropsWithChildren<LayoutArgs<LangParams>>) {
  return (
    <html lang={params.lang}>
      <head>
        {/* eslint-disable-next-line @next/next/no-css-tags */}
        <link rel="stylesheet" href="/_static/css/core.css" />
        {/* eslint-disable-next-line @next/next/no-css-tags */}
        <link rel="stylesheet" href="/_static/css/scandic.css" />
        <Script
          data-cookieconsent="ignore"
          src="/_static/dist/js/inline.js?00133e5a37de35c51a5d"
        />
        <Script
          data-cookieconsent="ignore"
          src="/_static/dist/js/main.js?89d0030e1a04b3b46d0b"
        />
        <Script
          data-cookieconsent="ignore"
          src="/_static/dist/js/ng/polyfills.js?1705409330990"
        />
        <Script
          data-cookieconsent="ignore"
          src="/_static/dist/js/ng/runtime.js?1705409330990"
        />
        <Script
          data-cookieconsent="ignore"
          src="/_static/dist/js/ng/main.js?1705409330990"
        />
      </head>
      <body>
        <InitLivePreview />
        <LangPopup lang={params.lang} />
        <SkipToMainContent lang={params.lang} />
        {children}
        <Footer lang={params.lang} />
      </body>
    </html>
  )
}
