report dashboard

2025-11-03 16:24:11 +07:00
parent 069c2296de
commit b4a9cf31fc
30 changed files with 5779 additions and 5 deletions
@@ -0,0 +1,68 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
+
+import '../../../../common/data/report_menu.dart';
+import '../../../../common/extension/extension.dart';
+import '../../../../common/theme/theme.dart';
+import '../../spaces/space.dart';
+
+class ReportHeader extends StatelessWidget {
+  final ReportMenu menu;
+  final DateTime endDate;
+  final DateTime startDate;
+  const ReportHeader({
+    super.key,
+    required this.menu,
+    required this.endDate,
+    required this.startDate,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+      children: [
+        Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text(
+              menu.title,
+              style: AppStyle.xl.copyWith(
+                fontWeight: FontWeight.bold,
+                color: AppColor.textPrimary,
+              ),
+            ),
+            SpaceHeight(4),
+            Text(
+              menu.subtitle,
+              style: AppStyle.md.copyWith(color: AppColor.textSecondary),
+            ),
+          ],
+        ),
+        Container(
+          padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+          decoration: BoxDecoration(
+            color: AppColor.primary,
+            borderRadius: BorderRadius.circular(8),
+          ),
+          child: Row(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              const Icon(Icons.calendar_today, color: Colors.white, size: 16),
+              const SizedBox(width: 8),
+              Text(
+                startDate.toSimpleMonthDate() == endDate.toSimpleMonthDate()
+                    ? startDate.toSimpleMonthDate()
+                    : '${startDate.toSimpleMonthDate()} - ${endDate.toSimpleMonthDate()}',
+                style: AppStyle.sm.copyWith(
+                  color: Colors.white,
+                  fontWeight: FontWeight.w500,
+                ),
+              ),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+}