import Script from 'next/script';
import React from 'react';
import Sidebar from './sidebar';
import styles from '/styles/ReadyOrNot.module.css';

const LayoutReadyOrNot = ({ children }: { children: React.ReactNode }) => {
  return (
    <div className={styles.page}>
      <Script id="matomo_analytics">
        {`
        var _paq = window._paq = window._paq || [];
        /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
        _paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
        _paq.push(["setCookieDomain", "readyornot.neshweb.net"]);
        _paq.push(["disableCookies"]);
        _paq.push(['trackPageView']);
        _paq.push(['enableLinkTracking']);
        (function() {
          var u="//tracking.neshweb.net/";
          _paq.push(['setTrackerUrl', u+'matomo.php']);
          _paq.push(['setSiteId', '2']);
          var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
          g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
        })();
      `}
      </Script>

      <Sidebar />
      <main className={styles.main}>
        {children}
      </main>
    </div>
  );
}

export default LayoutReadyOrNot;