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

import Statistik from '../components/akey/statistik'
import Akey from '../components/akey'

import okiLogo from '../public/logo-512x512.png'
import Footer from '../components/footer'
import Aso from '../components/akey/aso'

async function jwennDone() {
  const statistik = await jwennStats()

  if (!statistik) {
    notFound()
  }

  return statistik
}

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

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