From 34442740e22afa875e9df0e2cc5ce21b02221313 Mon Sep 17 00:00:00 2001
From: efrilm <efril.mulanda@gmail.com>
Date: Thu, 11 Sep 2025 18:38:27 +0700
Subject: [PATCH] Report Cash FLow

---
 .../(private)/apps/report/cash-flow/page.tsx  |   4 +-
 .../apps/report/cash-flow/ReportCashCard.tsx  |  62 --------
 .../report/cash-flow/ReportCashFlowCard.tsx   |  62 ++++++++
 .../cash-flow/ReportCashFlowContent.tsx       | 147 ++++++++++--------
 4 files changed, 148 insertions(+), 127 deletions(-)
 delete mode 100644 src/views/apps/report/cash-flow/ReportCashCard.tsx
 create mode 100644 src/views/apps/report/cash-flow/ReportCashFlowCard.tsx

diff --git a/src/app/[lang]/(dashboard)/(private)/apps/report/cash-flow/page.tsx b/src/app/[lang]/(dashboard)/(private)/apps/report/cash-flow/page.tsx
index 41d04bf..a544810 100644
--- a/src/app/[lang]/(dashboard)/(private)/apps/report/cash-flow/page.tsx
+++ b/src/app/[lang]/(dashboard)/(private)/apps/report/cash-flow/page.tsx
@@ -1,5 +1,5 @@
 import ReportTitle from '@/components/report/ReportTitle'
-import ReportCashCard from '@/views/apps/report/cash-flow/ReportCashCard'
+import ReportCashFlowCard from '@/views/apps/report/cash-flow/ReportCashFlowCard'
 import ReportCashFlowContent from '@/views/apps/report/cash-flow/ReportCashFlowContent'
 import Grid from '@mui/material/Grid2'
 
@@ -10,7 +10,7 @@ const CashFlowPage = () => {
         <ReportTitle title='Arus Kas' />
       </Grid>
       <Grid size={{ xs: 12 }}>
-        <ReportCashCard />
+        <ReportCashFlowCard />
       </Grid>
       <Grid size={{ xs: 12 }}>
         <ReportCashFlowContent />
diff --git a/src/views/apps/report/cash-flow/ReportCashCard.tsx b/src/views/apps/report/cash-flow/ReportCashCard.tsx
deleted file mode 100644
index b44195f..0000000
--- a/src/views/apps/report/cash-flow/ReportCashCard.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-// MUI Imports
-import Grid from '@mui/material/Grid2'
-
-// Type Imports
-import type { UserDataType } from '@components/card-statistics/HorizontalWithSubtitle'
-
-// Component Imports
-import HorizontalWithSubtitle from '@components/card-statistics/HorizontalWithSubtitle'
-
-// Vars
-const data: UserDataType[] = [
-  {
-    title: 'Quick Ratio',
-    stats: '2,4',
-    avatarIcon: 'tabler-gauge',
-    avatarColor: 'success',
-    trend: 'positive',
-    trendNumber: 'Target 0,2',
-    subtitle: 'Hari Ini'
-  },
-  {
-    title: 'Current Ratio',
-    stats: '1,09',
-    avatarIcon: 'tabler-trending-down',
-    avatarColor: 'error',
-    trend: 'negative',
-    trendNumber: '7,6%',
-    subtitle: 'vs bulan sebelumnya'
-  },
-  {
-    title: 'Debt Equity Ratio',
-    stats: '0',
-    avatarIcon: 'tabler-trending-up',
-    avatarColor: 'success',
-    trend: 'positive',
-    trendNumber: '0%',
-    subtitle: 'vs bulan sebelumnya'
-  },
-  {
-    title: 'Equity Ratio',
-    stats: '0,65',
-    avatarIcon: 'tabler-trending-down',
-    avatarColor: 'error',
-    trend: 'negative',
-    trendNumber: '4,4%',
-    subtitle: 'vs bulan sebelumnya'
-  }
-]
-
-const ReportCashCard = () => {
-  return (
-    <Grid container spacing={6}>
-      {data.map((item, i) => (
-        <Grid key={i} size={{ xs: 12, sm: 6, md: 3 }}>
-          <HorizontalWithSubtitle {...item} />
-        </Grid>
-      ))}
-    </Grid>
-  )
-}
-
-export default ReportCashCard
diff --git a/src/views/apps/report/cash-flow/ReportCashFlowCard.tsx b/src/views/apps/report/cash-flow/ReportCashFlowCard.tsx
new file mode 100644
index 0000000..8c5e707
--- /dev/null
+++ b/src/views/apps/report/cash-flow/ReportCashFlowCard.tsx
@@ -0,0 +1,62 @@
+// MUI Imports
+import Grid from '@mui/material/Grid2'
+
+// Type Imports
+import type { UserDataType } from '@components/card-statistics/HorizontalWithSubtitle'
+
+// Component Imports
+import HorizontalWithSubtitle from '@components/card-statistics/HorizontalWithSubtitle'
+
+// Vars
+const data: UserDataType[] = [
+  {
+    title: 'PERUBAHAN KAS',
+    stats: '14.784.651',
+    avatarIcon: 'tabler-trending-up',
+    avatarColor: 'success',
+    trend: 'positive',
+    trendNumber: '50,2%',
+    subtitle: 'Bulan Ini vs bulan sebelumnya'
+  },
+  {
+    title: 'SALDO PENUTUPAN',
+    stats: '73.041.637',
+    avatarIcon: 'tabler-trending-up',
+    avatarColor: 'success',
+    trend: 'positive',
+    trendNumber: '100%',
+    subtitle: 'Bulan Ini vs 1 bulan lalu'
+  },
+  {
+    title: 'KAS KELUAR',
+    stats: '11.484.350',
+    avatarIcon: 'tabler-trending-up',
+    avatarColor: 'success',
+    trend: 'positive',
+    trendNumber: '93,3%',
+    subtitle: 'Bulan Ini vs bulan sebelumnya'
+  },
+  {
+    title: 'KAS MASUK',
+    stats: '26.269.001',
+    avatarIcon: 'tabler-trending-up',
+    avatarColor: 'success',
+    trend: 'positive',
+    trendNumber: '92,5%',
+    subtitle: 'Bulan Ini vs bulan sebelumnya'
+  }
+]
+
+const ReportCashFlowCard = () => {
+  return (
+    <Grid container spacing={6}>
+      {data.map((item, i) => (
+        <Grid key={i} size={{ xs: 12, sm: 6, md: 3 }}>
+          <HorizontalWithSubtitle {...item} />
+        </Grid>
+      ))}
+    </Grid>
+  )
+}
+
+export default ReportCashFlowCard
diff --git a/src/views/apps/report/cash-flow/ReportCashFlowContent.tsx b/src/views/apps/report/cash-flow/ReportCashFlowContent.tsx
index 5606849..4d96599 100644
--- a/src/views/apps/report/cash-flow/ReportCashFlowContent.tsx
+++ b/src/views/apps/report/cash-flow/ReportCashFlowContent.tsx
@@ -30,80 +30,101 @@ const ReportCashFlowContent = () => {
         </div>
       </div>
       <CardContent>
-        <ReportItemHeader title='Aset' date='11/09/2025' />
-        <ReportItemSubheader title='Kas & Bank' />
-        <ReportItem accountCode='1-10001' accountName='Kas' amount={39705850} onClick={() => {}} />
-        <ReportItem accountCode='1-10002' accountName='Rekening Bank' amount={33335787} onClick={() => {}} />
-        <ReportItem accountCode='1-10003' accountName='Giro' amount={30631261} onClick={() => {}} />
-        <ReportItem accountCode='1-10003' accountName='Giro' amount={30631261} onClick={() => {}} />
-        <ReportItemFooter title='Total Kas & Bank' amount={103672897} />
-        <ReportItemSubheader title='' />
-
-        <ReportItemSubheader title='Aset Lancar' />
-        <ReportItem accountCode='1-10100' accountName='Piutang Usaha' amount={49601559} onClick={() => {}} />
-        <ReportItem accountCode='1-10102' accountName='Cadangan Kerugian Piutang' amount={5930450} onClick={() => {}} />
-        <ReportItem accountCode='1-10200' accountName='Persediaan Barang' amount={14536046} onClick={() => {}} />
-        <ReportItem accountCode='1-10402' accountName='Biaya Dibayar Di Muka' amount={-77477} onClick={() => {}} />
-        <ReportItem accountCode='1-10500' accountName='PPN Masukan' amount={4559934} onClick={() => {}} />
+        <ReportItemHeader title='Aktivitas Operasional' date='' />
         <ReportItem
-          accountCode='1-10501'
-          accountName='Pajak Dibayar Di Muka - PPh 22'
-          amount={-21622}
+          accountCode=''
+          accountName='Penerimaan dari pelanggan'
+          isSubtitle={false}
+          amount={25437111}
           onClick={() => {}}
         />
-        <ReportItemFooter title='Total Aset Lancar' amount={74528890} />
-        <ReportItemSubheader title='' />
-
-        <ReportItemSubheader title='Aset Tetap' />
-        <ReportItem accountCode='1-10700' accountName='Aset Tetap - Tanah' amount={17900000} onClick={() => {}} />
-        <ReportItem accountCode='1-10701' accountName='Aset Tetap - Bangunan' amount={-21622} onClick={() => {}} />
-        <ReportItemFooter title='Total Aset Tetap' amount={17878378} />
-        <ReportItemSubheader title='' />
-
-        <ReportItemSubheader title='Depresiasi & Amortisasi' />
         <ReportItem
-          accountCode='1-10753'
-          accountName='Akumulasi penyusutan - Kendaraan'
-          amount={-45946}
+          accountCode=''
+          accountName='Aset lancar lainnya'
+          isSubtitle={false}
+          amount={-433288}
           onClick={() => {}}
         />
-        <ReportItem accountCode='1-10757' accountName='Akumulasi Amortisasi' amount={19820} onClick={() => {}} />
-        <ReportItemFooter title='Total Depresiasi & Amortisasi' amount={-26126} />
-        <ReportItemSubheader title='' />
-
-        <ReportItemSubheader title='Lainnya' />
-        <ReportItemFooter title='Total Lainnya' amount={0} />
-        <ReportItemSubheader title='' />
-
-        <ReportItemFooter title='Total Aset' amount={196054040} />
-        <ReportItemSubheader title='' />
-
-        <ReportItemHeader title='Liabilities and Modal' date='11/09/2025' />
-        <ReportItemSubheader title='Liabilitas Jangka Pendek' />
-        <ReportItem accountCode='2-20100' accountName='Hutang Usaha' amount={43333108} onClick={() => {}} />
-        <ReportItem accountCode='2-20101' accountName='Hutang Belum Ditagih' amount={10367721} onClick={() => {}} />
-        <ReportItem accountCode='2-20500' accountName='PPN Keluaran' amount={14933183} onClick={() => {}} />
-        <ReportItemFooter title='Total Liabilitas Jangka Pendek' amount={68634012} />
-        <ReportItemSubheader title='' />
-
-        <ReportItemSubheader title='Liabilitas Jangka Panjang' />
-        <ReportItemFooter title='Total Liabilitas Jangka Panjang' amount={0} />
-        <ReportItemSubheader title='' />
-
-        <ReportItemSubheader title='Perubahan Modal' />
-        <ReportItem accountCode='3-30000' accountName='Modal Saham' amount={83665766} onClick={() => {}} />
         <ReportItem
-          accountCode='3-30300'
-          accountName='Pendapatan Komprehensif Lainnya'
-          amount={-78378}
+          accountCode=''
+          accountName='Pembayaran ke pemasok'
+          isSubtitle={false}
+          amount={-4167460}
           onClick={() => {}}
         />
-        <ReportItem accountCode='' accountName='Pendapatan sampai periode terakhir' amount={0} onClick={() => {}} />
-        <ReportItem accountCode='' accountName='Pendapatan periode ini' amount={43832641} onClick={() => {}} />
-        <ReportItemFooter title='Total Perubahan Modal' amount={127420028} />
+        <ReportItem
+          accountCode=''
+          accountName='Kartu kredit dan liabilitas jangka pendek lainnya'
+          amount={119550}
+          isSubtitle={false}
+          onClick={() => {}}
+        />
+        <ReportItem
+          accountCode=''
+          accountName='Pendapatan lain-lain'
+          isSubtitle={false}
+          amount={54054}
+          onClick={() => {}}
+        />
+        <ReportItem
+          accountCode=''
+          accountName='Pembayaran biaya operasional'
+          isSubtitle={false}
+          amount={-6225315}
+          onClick={() => {}}
+        />
+        <ReportItemFooter title='Arus kas bersih dari aktivitas operasional' amount={14784651} />
         <ReportItemSubheader title='' />
 
-        <ReportItemFooter title='Total Liabilitas and Modal' amount={196054040} />
+        <ReportItemHeader title='Aktivitas Investasi' date='' />
+        <ReportItem
+          accountCode=''
+          accountName='Perolehan/pembelian aset'
+          amount={0}
+          isSubtitle={false}
+          onClick={() => {}}
+        />
+        <ReportItem
+          accountCode=''
+          accountName='Aktivitas investasi lainnya'
+          amount={0}
+          isSubtitle={false}
+          onClick={() => {}}
+        />
+        <ReportItemFooter title='Arus kas bersih dari aktivitas investasi' amount={0} />
+        <ReportItemSubheader title='' />
+
+        <ReportItemHeader title='Aktivitas Pendanaan' date='' />
+        <ReportItem
+          accountCode=''
+          accountName='Liabilitas Jangka Panjang'
+          amount={0}
+          isSubtitle={false}
+          onClick={() => {}}
+        />
+        <ReportItem accountCode='' accountName='Modal pemilik' amount={0} isSubtitle={false} onClick={() => {}} />
+        <ReportItemFooter title='Arus kas bersih dari aktivitas pendanaan' amount={0} />
+        <ReportItemSubheader title='' />
+
+        <ReportItemHeader title='Arus kas bersih' amount={14784651} />
+        <ReportItemSubheader title='' />
+
+        <ReportItemHeader title='Kas dan Setara Kas' date='' />
+        <ReportItem
+          accountCode=''
+          accountName='Kas dan setara kas diawal periode'
+          isSubtitle={false}
+          amount={0}
+          onClick={() => {}}
+        />
+        <ReportItem
+          accountCode=''
+          accountName='Kas dan setara kas diakhir periode'
+          amount={73041637}
+          isSubtitle={false}
+          onClick={() => {}}
+        />
+        <ReportItemFooter title='Perubahan kas untuk periode' amount={73041637} />
         <ReportItemSubheader title='' />
       </CardContent>
     </Card>