From b20039ae8474e9d1035a32fc30929c312db8454e Mon Sep 17 00:00:00 2001
From: Achintha Isuru <achinthaisuru444@gmail.com>
Date: Wed, 4 Mar 2026 12:59:56 -0500
Subject: [PATCH] refactor: Enhance DailyOpsReportPage layout and improve UI
 consistency

---
 .../pages/daily_ops_report_page.dart           | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/apps/mobile/packages/features/client/reports/lib/src/presentation/pages/daily_ops_report_page.dart b/apps/mobile/packages/features/client/reports/lib/src/presentation/pages/daily_ops_report_page.dart
index e381fb45..736237f7 100644
--- a/apps/mobile/packages/features/client/reports/lib/src/presentation/pages/daily_ops_report_page.dart
+++ b/apps/mobile/packages/features/client/reports/lib/src/presentation/pages/daily_ops_report_page.dart
@@ -49,7 +49,7 @@ class _DailyOpsReportPageState extends State<DailyOpsReportPage> {
 
   @override
   Widget build(BuildContext context) {
-    return BlocProvider(
+    return BlocProvider<DailyOpsBloc>(
       create: (BuildContext context) => Modular.get<DailyOpsBloc>()
         ..add(LoadDailyOpsReport(date: _selectedDate)),
       child: Scaffold(
@@ -243,6 +243,7 @@ class _DailyOpsReportPageState extends State<DailyOpsReportPage> {
                               crossAxisCount: 2,
                               shrinkWrap: true,
                               physics: const NeverScrollableScrollPhysics(),
+                              padding: EdgeInsets.zero,
                               mainAxisSpacing: 12,
                               crossAxisSpacing: 12,
                               childAspectRatio: 1.2,
@@ -316,7 +317,7 @@ class _DailyOpsReportPageState extends State<DailyOpsReportPage> {
                               ],
                             ),
 
-                            const SizedBox(height: 8),
+                            const SizedBox(height: UiConstants.space8),
                             Text(
                               context.t.client_reports.daily_ops_report
                                   .all_shifts_title
@@ -396,14 +397,8 @@ class _OpsStatCard extends StatelessWidget {
       padding: const EdgeInsets.all(16),
       decoration: BoxDecoration(
         color: UiColors.white,
-        borderRadius: BorderRadius.circular(12),
-        boxShadow: <BoxShadow>[
-          BoxShadow(
-            color: UiColors.black.withOpacity(0.06),
-            blurRadius: 4,
-            offset: const Offset(0, 2),
-          ),
-        ],
+        borderRadius: BorderRadius.circular(UiConstants.radiusBase),
+        border: Border.all(color: UiColors.border, width: 0.5),
       ),
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
@@ -438,7 +433,8 @@ class _OpsStatCard extends StatelessWidget {
                   color: UiColors.textPrimary,
                 ),
               ),
-              const SizedBox(height: 6),
+
+              UiChip(label: subValue),
               // Colored pill badge (matches prototype)
               Container(
                 padding: const EdgeInsets.symmetric(