From 52d5a562c9f72f7e9e4d4cb22e04e3da14c33e39 Mon Sep 17 00:00:00 2001
From: Khalim Conn-Kowlessar <kconnkowlessar@gmail.com>
Date: Wed, 3 Dec 2025 22:22:17 +0000
Subject: [PATCH] added first reporting with new ui

---
 .../[slug]/(portfolio)/reporting/page.tsx     | 34 +++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/src/app/portfolio/[slug]/(portfolio)/reporting/page.tsx b/src/app/portfolio/[slug]/(portfolio)/reporting/page.tsx
index bca94fa..ba4dceb 100644
--- a/src/app/portfolio/[slug]/(portfolio)/reporting/page.tsx
+++ b/src/app/portfolio/[slug]/(portfolio)/reporting/page.tsx
@@ -4,6 +4,13 @@ import {
 } from "@/app/portfolio/[slug]/(portfolio)/reporting/loadBaselineMetrics";
 import { DashboardSummaryCards } from "@/app/portfolio/[slug]/(portfolio)/reporting/DashboardSummaryCards";
 import { BreakdownChart } from "@/app/portfolio/[slug]/(portfolio)/reporting/BreakdownChart";
+import { EpcQualityCards } from "@/app/portfolio/[slug]/(portfolio)/reporting/EpcQualityCards";
+import { SectionDivider } from "@/app/portfolio/[slug]/(portfolio)/reporting/SectionDivider";
+import {
+  PlaceholderMetricCards,
+  CONDITION_PLACEHOLDERS,
+  FINANCIAL_PLACEHOLDERS,
+} from "@/app/portfolio/[slug]/(portfolio)/reporting/PlaceholderMetricCards";
 
 export default async function ReportingPage(props: {
   params: Promise<{ slug: string }>;
@@ -25,11 +32,19 @@ export default async function ReportingPage(props: {
         <div className="h-px bg-gray-200 mt-2" />
       </div>
 
+      {/* --- RETROFIT SECTION --- */}
+      <SectionDivider
+        title="Retrofit Summary"
+        subtitle="High-level insights on performance, energy, and EPC quality."
+      />
+
       <div className="grid grid-cols-1 lg:grid-cols-2 gap-6 p-6">
         {/* LEFT SIDE: Portfolio Metrics */}
         <DashboardSummaryCards
           total={baseline.total}
+          totals={baseline.totals}
           averages={baseline.averages}
+          estimatedCounts={baseline.estimatedCounts}
         />
 
         {/* RIGHT SIDE: Chart */}
@@ -38,7 +53,26 @@ export default async function ReportingPage(props: {
           ageBands={baseline.ageBands}
           propertyTypes={propertyTypes}
         />
+
+        <EpcQualityCards
+          estimatedCounts={baseline.estimatedCounts}
+          total={baseline.total}
+        />
       </div>
+
+      {/* --- CONDITION SECTION --- */}
+      <SectionDivider
+        title="Condition"
+        subtitle="Awaabs Law, decent homes and compliance"
+      />
+      <PlaceholderMetricCards items={CONDITION_PLACEHOLDERS} />
+
+      {/* --- FINANCIAL SECTION --- */}
+      <SectionDivider
+        title="Financial Overview"
+        subtitle="Total bills, cost exposure, and potential funding pathways."
+      />
+      <PlaceholderMetricCards items={FINANCIAL_PLACEHOLDERS} />
     </div>
   );
 }