feat: Add PPH21 navigation and pages for e-Bupot 21/26 features

src/layouts/nav-config-dashboard.tsx

@@ -91,6 +91,23 @@ export const navData: NavSectionProps['data'] = [
       },
     ],
   },
+  {
+    subheader: '',
+    items: [
+      {
+        title: 'e-Bupot 21/26',
+        path: paths.pph21.bulanan,
+        icon: ICONS.blank,
+        children: [
+          { title: 'Bupot Bulanan', path: paths.pph21.bulanan },
+          { title: 'Bupot Final/Tidak Final', path: paths.pph21.bupotFinal },
+          { title: 'Bupot Tahunan A1', path: paths.pph21.tahuan },
+          { title: 'Bupot Tahunan A2', path: paths.pph21.tahunanA2 },
+          { title: 'Bupot Pasal 26', path: paths.pph21.bupot26 },
+        ],
+      },
+    ],
+  },
 ];
 
 /**

src/pages/pph21/bupoTahunanA1.tsx

+import { CONFIG } from 'src/global-config';
+
+const metadata = { title: `E-Bupot 21/26- ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <p>Bupot Tahunan A1</p>
+    </>
+  );
+}

src/pages/pph21/bupotBulanan.tsx

+import { CONFIG } from 'src/global-config';
+
+const metadata = { title: `E-Bupot 21/26- ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <p>Bupot Bulanan</p>
+    </>
+  );
+}

src/pages/pph21/bupotFinaltidakFinal.tsx

+import { CONFIG } from 'src/global-config';
+
+const metadata = { title: `E-Bupot 21/26- ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <p>Bupot Final/Tidak Final</p>
+    </>
+  );
+}

src/pages/pph21/bupotPasal26.tsx

+import { CONFIG } from 'src/global-config';
+
+const metadata = { title: `E-Bupot 21/26- ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <p>Bupot Pasal 26</p>
+    </>
+  );
+}

src/pages/pph21/bupotTahunanA2.tsx

+import { CONFIG } from 'src/global-config';
+
+const metadata = { title: `E-Bupot 21/26- ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <p>Bupot Tahunan A2</p>
+    </>
+  );
+}

src/routes/paths.ts

@@ -12,6 +12,7 @@ const ROOTS = {
   AUTH_DEMO: '/auth-demo',
   DASHBOARD: '/dashboard',
   UNIFIKASI: '/unifikasi',
+  PPH21: '/pph21',
 };
 
 // ----------------------------------------------------------------------
@@ -104,6 +105,19 @@ export const paths = {
     sspNew: `${ROOTS.UNIFIKASI}/ssp/new`,
     dokumenDipersamakanNew: `${ROOTS.UNIFIKASI}/dokumen-dipersamakan/new`,
   },
+  pph21: {
+    root: ROOTS.PPH21,
+    bulanan: `${ROOTS.PPH21}/bulanan`,
+    detailsBulanan: (id: string) => `/bulanan/${id}`,
+    bupotFinal: `${ROOTS.PPH21}/bupot-final`,
+    detailsBupotFinal: (id: string) => `/bupot-final/${id}`,
+    tahuan: `${ROOTS.PPH21}/tahunan`,
+    detailstahuan: (id: string) => `/tahunan/${id}`,
+    tahunanA2: `${ROOTS.PPH21}/tahunan-a2`,
+    detailstahunanA2: (id: string) => `/tahunan-a2/${id}`,
+    bupot26: `${ROOTS.PPH21}/bupot-26`,
+    detailsbupot26: (id: string) => `/bupot-26/${id}`,
+  },
   // DASHBOARD
   dashboard: {
     root: ROOTS.DASHBOARD,

src/routes/sections/dashboard.tsx

@@ -55,6 +55,13 @@ const AccountChangePasswordPage = lazy(
   () => import('src/pages/dashboard/user/account/change-password')
 );
 
+// Bupot 21/26
+const OverviewBupotBulananPage = lazy(() => import('src/pages/pph21/bupotBulanan'));
+const OverviewBupotFinalTdkFinalPage = lazy(() => import('src/pages/pph21/bupotFinaltidakFinal'));
+const OverviewBupotA1Page = lazy(() => import('src/pages/pph21/bupoTahunanA1'));
+const OverviewBupotA2Page = lazy(() => import('src/pages/pph21/bupotTahunanA2'));
+const OverviewBupotPasal26Page = lazy(() => import('src/pages/pph21/bupotPasal26'));
+
 // ----------------------------------------------------------------------
 
 function SuspenseOutlet() {
@@ -125,4 +132,17 @@ export const dashboardRoutes: RouteObject[] = [
       },
     ],
   },
+  {
+    path: 'pph21',
+    element: CONFIG.auth.skip ? dashboardLayout() : <AuthGuard>{dashboardLayout()}</AuthGuard>,
+    children: [
+      { index: true, element: <OverviewBupotBulananPage /> },
+      { path: 'bulanan', element: <OverviewBupotBulananPage /> },
+      { path: 'bulanan/new', element: <OverviewBupotBulananPage /> },
+      { path: 'bupot-final', element: <OverviewBupotFinalTdkFinalPage /> },
+      { path: 'tahunan', element: <OverviewBupotA1Page /> },
+      { path: 'tahunan-a2', element: <OverviewBupotA2Page /> },
+      { path: 'bupot-26', element: <OverviewBupotPasal26Page /> },
+    ],
+  },
 ];