// @mui
import { Typography, Container, Grid } from '@mui/material';
// hooks
import useSettings from '../../hooks/useSettings';
// components
import Page from '../../components/Page';
// theme
import CardNotification from '../../sections/dashboard/CardNotification';
import CardBalance from '../../sections/dashboard/CardBalance';
import TableList from '../../sections/dashboard/TableList';
import List from './List';

// ----------------------------------------------------------------------

const itemList = [
  { info: 'Mohon lengkapi dokumen Mahen sadarsa', date: 'Selasa, 20 April 22', time: '08:00 WIB' },
  { info: 'Mohon lengkapi dokumen Mahen sadarsa', date: 'Selasa, 20 April 22', time: '09:00 WIB' },
  { info: 'Mohon lengkapi dokumen Mahen sadarsa', date: 'Selasa, 20 April 22', time: '10:00 WIB' },
  { info: 'Mohon lengkapi dokumen Mahen sadarsa', date: 'Selasa, 20 April 22', time: '11:00 WIB' },
];

// ----------------------------------------------------------------------

export default function Dashboard() {
  const { themeStretch } = useSettings();

  // const [corporate, setCorporate] = useState({});

  // const loadSomething = () => {
  //   axios
  //     .get('dashboard')
  //     .then((res) => {
  //       setCorporate(res.data.corporate);
  //     })
  //     .catch((err) => {
  //       alert('Opps, Something Went Wrong when collecting dashboard data');
  //     });
  // };

  // useEffect(() => {
  //   loadSomething();
  // }, []);

  return (
    <Page title="Dashboard">
      <Container maxWidth={themeStretch ? false : 'xl'}>
        <Typography variant="h3" component="h1" paragraph>
          Dashboard
        </Typography>

        <Grid container spacing={2}>
          <Grid item xs={6} lg={6} md={12}>
            <CardNotification data={itemList} />
          </Grid>
          <Grid item xs={6} lg={6} md={12}>
            <CardBalance />
          </Grid>
          <Grid item xs={12} lg={12} md={12}>
            <TableList />
            {/* <List /> */}
          </Grid>
        </Grid>
      </Container>
    </Page>
  );
}
