/**
 * Core
 * ============================================
 */
import { Box, Grid } from '@mui/material';

/**
 * Components
 * ============================================
*/
// - Global -
import Page from '../../../components/Page';
import HeaderBreadcrumbs from "../../../components/HeaderBreadcrumbs";
// - Local -
import DailyMonitoringList from './Components/DailyMonitoringList';

export default function DailyMonitoring() {
    const pageTitle = "Daily Monitoring";

    return (
        <Page title={ pageTitle } sx={{ px: 2 }}>
            <Grid container>
                {/* page header */}
                <Grid item xs={12}>
                    <HeaderBreadcrumbs
                        heading={ pageTitle }
                        sx={{ px: 1 }}
                        links={[
                            {
                                name: 'Dashboard',
                                href: '/dashboard',
                            },
                            {
                                name: pageTitle,
                                href: '/case_management/daily_monitoring',
                            },
                        ]}
                    />
                </Grid>

                {/* tabel daily monitoring */}
                <Grid item xs={12}>
                    <DailyMonitoringList />
                </Grid>
            </Grid>
        </Page>
    );
}