import { PlaceholderActions, ShellPage } from "@/components/page-templates";
import { TablePlaceholder } from "@/components/placeholders";

export default function ReportsPage() {
  return (
    <ShellPage
      shell="admin"
      title="Reports Overview"
      description="Entry point ke response time, resolution, campaign analytics, dan contact growth."
      actions={<PlaceholderActions primaryHref="/reports/response-time" primaryLabel="Open response time" />}
    >
      <TablePlaceholder
        title="Available reports"
        columns={["Report", "Purpose", "Route"]}
        rows={[
          ["Response Time", "SLA and responsiveness", "/reports/response-time"],
          ["Resolution", "Conversation completion quality", "/reports/resolution"],
          ["Agent Productivity", "Per-agent handled volume", "/reports/agent-productivity"],
          ["Campaign Analytics", "Broadcast outcome", "/reports/campaign-analytics"],
          ["Contact Growth", "Audience expansion", "/reports/contact-growth"]
        ]}
      />
    </ShellPage>
  );
}