import Box from '@mui/material/Box'
import Container from '@mui/material/Container'
import {notFound} from 'next/navigation'
import {jwennStats, jwennDenyeTeks, jwennAnVedette} from '../lib/oki-api'

import Statistik from '../components/akey/statistik'
import Akey from '../components/akey'
import AnVedette from '../components/akey/an-vedette'

import Footer from '../components/footer'
import Aso from '../components/akey/aso'

export const dynamic = 'force-dynamic'

async function jwennDone() {
  const [statistik, denyeTeks, anVedette] = await Promise.all([jwennStats(), jwennDenyeTeks(), jwennAnVedette()])

  if (!statistik) {
    notFound()
  }

  return {statistik, dernierTeks: anVedette ?? denyeTeks?.[0]}
}

export default async function Page() {
  const {statistik, dernierTeks} = await jwennDone()

  return (
    <Box sx={{display: 'flex', flexDirection: 'column', minHeight: '100vh'}}>
      <Akey />
      <Container sx={{flexGrow: 100}}>
        {dernierTeks && <AnVedette teks={dernierTeks} />}
        <Statistik statistik={statistik} />
        <Aso />
      </Container>
      <Footer />
    </Box>
  )
}
