import axios from "axios";
import delve from "dlv";

import SeoConfig from "../components/seo-config/seo-config";

import Layout from "../components/layout/layout";

export const getServerSideProps = async (context) => {
  const path = context.resolvedUrl;
  const menuHeader = await axios.get(`${process.env.STRAPI_URL}/menus/1?nested&populate=deep`);
  const menuFooter = await axios.get(`${process.env.STRAPI_URL}/menus/2?nested&populate=deep`);
  const page = await axios.get(`${process.env.STRAPI_URL}/pages?filters[slug]=${path === '/' ? 'home' : path}&populate=deep`);
  return {
    props: {
      menuHeader: delve(menuHeader, 'data.data.attributes.items.data', []),
      menuFooter: delve(menuFooter, 'data.data.attributes.items.data', []),
      page: delve(page, "data.data.0.attributes", {}),
      seo: delve(page, "data.data.0.attributes.seo", {})
    }
  }
}

export function Index({menuHeader, menuFooter, page, seo}) {
  return (
    <>
      <SeoConfig {...seo}/>
      <Layout menuHeader={menuHeader} menuFooter={menuFooter}>
        <p>Page d&apos;accueil</p>
      </Layout>
    </>
  );
}

export default Index;