import { AdminSectionPlaceholder } from "@/components/admin-section-placeholder"
import { AdminShell } from "@/components/admin-shell"
import { requirePermissionForRoute } from "@/lib/route-guards"

export const dynamic = "force-dynamic"

export default async function CommissionsManagementPage() {
  const role = await requirePermissionForRoute({
    nextPath: "/commissions",
    permission: "commissions:read",
    scope: "own",
  })

  return (
    <AdminShell
      role={role}
      activePath="/commissions"
      badge="Admin App"
      title="Commissions"
      description="Prepare commissions intake and kanban workflow tooling."
    >
      <AdminSectionPlaceholder
        feature="Commissions Workflow"
        summary="This route is reserved for request intake, ownership assignment, and kanban transitions."
        requiredPermission="commissions:read (own)"
        nextSteps={[
          "Add commissions board with status columns.",
          "Add assignment, due-date, and notes editing.",
          "Add transition rules and audit history.",
        ]}
      />
    </AdminShell>
  )
}
