import { Layout } from "../components";
import Navigacioni from "../services/database/controllers/Navigacioni";
import Obavestenja from "../services/database/controllers/Obavestenja";
import Novosti from "../services/database/controllers/Novosti";
import Ostalo from "../services/database/controllers/ostalo";
import Head from "next/head";

import Smerovi from "../services/database/controllers/Smerovi";

import { SponzoriSection, HeroSection, ObavestenjaSection, NovostiSection, SmeroviSection, KontaktSection, OSkoliSection, Slike360Section } from "../components/pages/homescreen";

export default function Home({ navData, obavestenaja, novosti, smerovi, ostalo }) {
	return (
		<Layout navData={navData} dark>
			<Head>
				<title>
					Електро-саобраћајна техничка школа &quot;Никола Тесла&quot;
				</title>
				<meta name="description" content="Званични сајт Електро-саобраћајне техничке школе &quot; Никола Тесла &quot; из Краљева."/>
				
			</Head>
			<HeroSection ostalo={ostalo} />
			<NovostiSection novosti={novosti} />
			<ObavestenjaSection obavestenja={obavestenaja} />
			{/* <Slike360Section /> SECTION ZA 3D SLIKE - NEPOTREBNO ZA SAD*/}
			<OSkoliSection ostalo={ostalo} />
			<SponzoriSection />
			<SmeroviSection smerovi={smerovi} />
			<KontaktSection />
		</Layout>
	)
}


export const getStaticProps = async ({ req, res }) => {
	const [
		{data: navData}, 
		{data: obavestenaja}, 
		{data: novosti},
		{data: smerovi},
		{data: ostalo}
	] = await Promise.all([
		Navigacioni.ClientData(),
		Obavestenja.Pocetna(6),
		Novosti.Pocetna(6),
		Smerovi.Pocetna(),
		Ostalo.AllData()
	])
	console.log(JSON.stringify(navData, null, 2))
	return {
		props: {
			navData: JSON.parse(JSON.stringify(navData ?? []) ),
			obavestenaja: JSON.parse(JSON.stringify(obavestenaja ?? [])),
			novosti: JSON.parse(JSON.stringify(novosti ?? [])),
			smerovi: JSON.parse(JSON.stringify(smerovi ?? [])),
			ostalo
		},
		revalidate: 60 * 1 //nakon 1 minuta
	}
}