"use client";

import { Suspense } from "react";
import { AppShell } from "@/components/app/AppShell";
import { RequireAcademicAdmin } from "@/components/auth/RequirePermission";
import { AttendanceDashboard } from "@/components/academic/attendance/AttendanceDashboard";
import { PageContentSkeleton } from "@/components/ui/Skeleton";

export default function AttendanceReportPage() {
  return (
    <RequireAcademicAdmin>
      <AppShell
        title="گزارش حضور و غیاب"
        subtitle="نمای هلدینگ و شعبه · تفکیک کلاس‌های حضوری و مجازی"
      >
        <Suspense fallback={<PageContentSkeleton rows={8} />}>
          <AttendanceDashboard />
        </Suspense>
      </AppShell>
    </RequireAcademicAdmin>
  );
}