classroomio/apps/dashboard/src/routes/courses/[id]/attendance/+page.svelte

<script lang="ts">
  import { CourseContainer } from '$lib/components/CourseContainer';
  import { AttendancePage } from '$features/course/pages';
  import * as Page from '@cio/ui/base/page';
  import { t } from '$lib/utils/functions/translations';

  let { data } = $props();
</script>

<svelte:head>
  <title>Attendance - ClassroomIO</title>
</svelte:head>

<CourseContainer courseId={data.courseId}>
  <Page.Header>
    <Page.HeaderContent>
      <Page.Title>
        {$t('course.navItem.attendance.title')}
      </Page.Title>
    </Page.HeaderContent>
  </Page.Header>
  <Page.Body>
    {#snippet child()}
      <AttendancePage courseId={data.courseId} />
    {/snippet}
  </Page.Body>
</CourseContainer>