import { AppShell } from "@/components/app-shell"
import { SiteHeader } from "@/components/site-header"
import { MachineCategoryReport } from "@/components/reports/machine-category-report"
import { requireAuthenticatedSession } from "@/lib/auth-server"

export const dynamic = "force-dynamic"

export default async function ReportsMachinesPage() {
  await requireAuthenticatedSession()

  return (
    <AppShell
      header={
        <SiteHeader
          title="Máquinas x categorias"
          lead="Acompanhe quantos chamados cada máquina abriu por categoria, dia a dia, filtrando por empresa e período."
        />
      }
    >
      <div className="mx-auto w-full max-w-7xl px-4 pb-12 lg:px-6">
        <MachineCategoryReport />
      </div>
    </AppShell>
  )
}
