feat: inventory page

2025-08-15 18:02:09 +07:00
parent 8c2afc4880
commit 1fd76b9741
9 changed files with 1154 additions and 65 deletions
@@ -0,0 +1,101 @@
+import 'package:flutter/material.dart';
+
+import '../../../../common/theme/theme.dart';
+import '../../../components/spacer/spacer.dart';
+
+class InventoryStatCard extends StatelessWidget {
+  final String title;
+  final String value;
+  final IconData icon;
+  final Color color;
+  final String change;
+  const InventoryStatCard({
+    super.key,
+    required this.title,
+    required this.value,
+    required this.icon,
+    required this.color,
+    required this.change,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: const EdgeInsets.all(20),
+      decoration: BoxDecoration(
+        color: AppColor.surface,
+        borderRadius: BorderRadius.circular(20),
+        boxShadow: [
+          BoxShadow(
+            color: color.withOpacity(0.1),
+            blurRadius: 15,
+            offset: const Offset(0, 5),
+          ),
+        ],
+        border: Border.all(color: color.withOpacity(0.2), width: 1.5),
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Row(
+            children: [
+              Container(
+                padding: const EdgeInsets.all(12),
+                decoration: BoxDecoration(
+                  gradient: LinearGradient(
+                    colors: [color.withOpacity(0.2), color.withOpacity(0.1)],
+                    begin: Alignment.topLeft,
+                    end: Alignment.bottomRight,
+                  ),
+                  borderRadius: BorderRadius.circular(12),
+                ),
+                child: Icon(icon, color: color, size: 24),
+              ),
+              const Spacer(),
+              Container(
+                padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+                decoration: BoxDecoration(
+                  color: _getChangeColor(change).withOpacity(0.1),
+                  borderRadius: BorderRadius.circular(12),
+                ),
+                child: Text(
+                  change,
+                  style: AppStyle.sm.copyWith(
+                    color: _getChangeColor(change),
+                    fontWeight: FontWeight.w700,
+                  ),
+                ),
+              ),
+            ],
+          ),
+          SpaceHeight(16),
+          Text(
+            title,
+            style: AppStyle.md.copyWith(
+              color: AppColor.textSecondary,
+              fontWeight: FontWeight.w500,
+            ),
+          ),
+          SpaceHeight(4),
+          Text(
+            value,
+            style: AppStyle.h3.copyWith(
+              color: color,
+              fontWeight: FontWeight.bold,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Color _getChangeColor(String change) {
+    if (change.startsWith('+')) {
+      return AppColor.success;
+    } else if (change.startsWith('-')) {
+      return AppColor.error;
+    } else {
+      return AppColor.warning;
+    }
+  }
+}