From d0d5d066a187254fae02c380443c19d658d87a33 Mon Sep 17 00:00:00 2001
From: efrilm <efril.mulanda@gmail.com>
Date: Tue, 9 Sep 2025 23:28:17 +0700
Subject: [PATCH] purchase bill add page

---
 .../apps/purchase/purchase-bills/add/page.tsx | 19 +++++++++++++++++++
 .../add/PurchaseBillAddHeader.tsx             | 19 +++++++++++++++++++
 .../list/PurchaseBillListTable.tsx            |  2 +-
 3 files changed, 39 insertions(+), 1 deletion(-)
 create mode 100644 src/app/[lang]/(dashboard)/(private)/apps/purchase/purchase-bills/add/page.tsx
 create mode 100644 src/views/apps/purchase/purchase-bills/add/PurchaseBillAddHeader.tsx

diff --git a/src/app/[lang]/(dashboard)/(private)/apps/purchase/purchase-bills/add/page.tsx b/src/app/[lang]/(dashboard)/(private)/apps/purchase/purchase-bills/add/page.tsx
new file mode 100644
index 0000000..f718bb7
--- /dev/null
+++ b/src/app/[lang]/(dashboard)/(private)/apps/purchase/purchase-bills/add/page.tsx
@@ -0,0 +1,19 @@
+import Grid from '@mui/material/Grid2'
+
+import PurchaseAddForm from '@/views/apps/purchase/purchase-form/PurchaseAddForm'
+import PurchaseBillAddHeader from '@/views/apps/purchase/purchase-bills/add/PurchaseBillAddHeader'
+
+const PurchaseBillAddPage = () => {
+  return (
+    <Grid container spacing={6}>
+      <Grid size={{ xs: 12 }}>
+        <PurchaseBillAddHeader />
+      </Grid>
+      <Grid size={{ xs: 12 }}>
+        <PurchaseAddForm />
+      </Grid>
+    </Grid>
+  )
+}
+
+export default PurchaseBillAddPage
diff --git a/src/views/apps/purchase/purchase-bills/add/PurchaseBillAddHeader.tsx b/src/views/apps/purchase/purchase-bills/add/PurchaseBillAddHeader.tsx
new file mode 100644
index 0000000..9e94a63
--- /dev/null
+++ b/src/views/apps/purchase/purchase-bills/add/PurchaseBillAddHeader.tsx
@@ -0,0 +1,19 @@
+'use client'
+
+// MUI Imports
+import Button from '@mui/material/Button'
+import Typography from '@mui/material/Typography'
+
+const PurchaseBillAddHeader = () => {
+  return (
+    <div className='flex flex-wrap sm:items-center justify-between max-sm:flex-col gap-6'>
+      <div>
+        <Typography variant='h4' className='mbe-1'>
+          Tambah Tagihan Pembelian
+        </Typography>
+      </div>
+    </div>
+  )
+}
+
+export default PurchaseBillAddHeader
diff --git a/src/views/apps/purchase/purchase-bills/list/PurchaseBillListTable.tsx b/src/views/apps/purchase/purchase-bills/list/PurchaseBillListTable.tsx
index 488c854..09f9d44 100644
--- a/src/views/apps/purchase/purchase-bills/list/PurchaseBillListTable.tsx
+++ b/src/views/apps/purchase/purchase-bills/list/PurchaseBillListTable.tsx
@@ -377,7 +377,7 @@ const PurchaseBillListTable = () => {
               component={Link}
               className='max-sm:is-full is-auto'
               startIcon={<i className='tabler-plus' />}
-              href={getLocalizedUrl('/apps/purchase/bills/add', locale as Locale)}
+              href={getLocalizedUrl('/apps/purchase/purchase-bills/add', locale as Locale)}
             >
               Tambah
             </Button>