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 UsersManagementPage() {
  const role = await requirePermissionForRoute({
    nextPath: "/users",
    permission: "users:read",
    scope: "own",
  })

  return (
    <AdminShell
      role={role}
      activePath="/users"
      badge="Admin App"
      title="Users"
      description="Prepare user lifecycle and role management operations."
    >
      <AdminSectionPlaceholder
        feature="Users Management"
        summary="This route sets the guardrail and UX entrypoint for role assignment, status, and invitation flows."
        requiredPermission="users:read (own)"
        nextSteps={[
          "Add user list, filter, and detail views.",
          "Add role and permission editing actions with owner/support safety rules.",
          "Add disable/ban and invite workflows.",
        ]}
      />
    </AdminShell>
  )
}
