feat: finance page

2025-08-15 23:53:05 +07:00
parent 3115c02b0a
commit ad2681dfde
10 changed files with 1556 additions and 206 deletions
@@ -0,0 +1,158 @@
+import 'package:flutter/material.dart';
+import 'package:line_icons/line_icons.dart';
+
+import '../../../../common/theme/theme.dart';
+
+class FinanceProfitLoss extends StatelessWidget {
+  const FinanceProfitLoss({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      margin: const EdgeInsets.all(16),
+      padding: const EdgeInsets.all(20),
+      decoration: BoxDecoration(
+        color: AppColor.white,
+        borderRadius: BorderRadius.circular(16),
+        boxShadow: [
+          BoxShadow(
+            color: AppColor.textLight.withOpacity(0.1),
+            spreadRadius: 1,
+            blurRadius: 8,
+            offset: const Offset(0, 2),
+          ),
+        ],
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Row(
+            children: [
+              Container(
+                padding: const EdgeInsets.all(8),
+                decoration: BoxDecoration(
+                  color: AppColor.info.withOpacity(0.1),
+                  borderRadius: BorderRadius.circular(8),
+                ),
+                child: const Icon(
+                  LineIcons.calculator,
+                  color: AppColor.info,
+                  size: 20,
+                ),
+              ),
+              const SizedBox(width: 12),
+              Text(
+                'Detail Profit & Loss',
+                style: AppStyle.lg.copyWith(fontWeight: FontWeight.bold),
+              ),
+            ],
+          ),
+          const SizedBox(height: 20),
+
+          _buildPLItem(
+            'Penjualan Kotor',
+            'Rp 25.840.000',
+            AppColor.success,
+            true,
+          ),
+          _buildPLItem('Diskon & Retur', '- Rp 560.000', AppColor.error, false),
+          const Divider(height: 24),
+          _buildPLItem(
+            'Penjualan Bersih',
+            'Rp 25.280.000',
+            AppColor.textPrimary,
+            true,
+            isHeader: true,
+          ),
+          const SizedBox(height: 12),
+          _buildPLItem(
+            'HPP (Harga Pokok Penjualan)',
+            '- Rp 15.120.000',
+            AppColor.error,
+            false,
+          ),
+          const Divider(height: 24),
+          _buildPLItem(
+            'Laba Kotor',
+            'Rp 10.160.000',
+            AppColor.success,
+            true,
+            isHeader: true,
+          ),
+          const SizedBox(height: 12),
+          _buildPLItem(
+            'Biaya Operasional',
+            '- Rp 2.640.000',
+            AppColor.error,
+            false,
+          ),
+          const Divider(height: 24),
+          _buildPLItem(
+            'Laba Bersih',
+            'Rp 7.520.000',
+            AppColor.primary,
+            true,
+            isHeader: true,
+            showPercentage: true,
+            percentage: '29.8%',
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildPLItem(
+    String title,
+    String amount,
+    Color color,
+    bool isPositive, {
+    bool isHeader = false,
+    bool showPercentage = false,
+    String? percentage,
+  }) {
+    return Padding(
+      padding: const EdgeInsets.symmetric(vertical: 4),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        children: [
+          Expanded(
+            child: Text(
+              title,
+              style: isHeader
+                  ? AppStyle.md.copyWith(
+                      fontWeight: FontWeight.bold,
+                      color: color,
+                    )
+                  : AppStyle.md.copyWith(color: AppColor.textSecondary),
+            ),
+          ),
+          Column(
+            crossAxisAlignment: CrossAxisAlignment.end,
+            children: [
+              Text(
+                amount,
+                style: isHeader
+                    ? AppStyle.lg.copyWith(
+                        fontWeight: FontWeight.bold,
+                        color: color,
+                      )
+                    : AppStyle.md.copyWith(
+                        color: color,
+                        fontWeight: FontWeight.w600,
+                      ),
+              ),
+              if (showPercentage && percentage != null)
+                Text(
+                  percentage,
+                  style: AppStyle.xs.copyWith(
+                    color: AppColor.textSecondary,
+                    fontStyle: FontStyle.italic,
+                  ),
+                ),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+}