import {redirect} from 'next/navigation'
import Box from '@mui/material/Box'
import Container from '@mui/material/Container'
import Typography from '@mui/material/Typography'
import HomeIcon from '@mui/icons-material/Home'
import {auth} from '../../auth.js'
import GetVersions from '@/components/versions/get-versions.js'
import Footer from '@/components/footer.js'
import Sign from '@/components/session/sign.js'

const navButton = {
  title: 'Accueil',
  path: '/',
  color: 'success',
  icon: <HomeIcon fontSize='large' />
}

export default async function DashboardPage() {
  const session = await auth()

  if (!session) {
    redirect('/login')
  }

  return (
    <Box sx={{
      display: 'flex',
      flexDirection: 'column',
      minHeight: '100vh',
    }}
    >
      <Container>
        <Typography
          textTransform='uppercase'
          mt={1}
          component='h1'
          textAlign='center'
          variant='h4'
        >
          Tableau de bord
        </Typography>
        <Sign session={session} navButton={navButton} />
        <GetVersions session={session} />
      </Container>
      <Footer />
    </Box>
  )
}