From 09dd907f884fe7278b61c88ec78622f262367509 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Tue, 23 Dec 2025 16:11:02 +0700
Subject: [PATCH] feat(FE-316): Add Uniformity page and form component

---
 src/app/uniformity/add/page.tsx               |  9 ++++
 .../uniformity/form/UniformityForm.schema.ts  |  0
 .../pages/uniformity/form/UniformityForm.tsx  | 53 +++++++++++++++++++
 3 files changed, 62 insertions(+)
 create mode 100644 src/app/uniformity/add/page.tsx
 create mode 100644 src/components/pages/uniformity/form/UniformityForm.schema.ts
 create mode 100644 src/components/pages/uniformity/form/UniformityForm.tsx

diff --git a/src/app/uniformity/add/page.tsx b/src/app/uniformity/add/page.tsx
new file mode 100644
index 00000000..9931eebe
--- /dev/null
+++ b/src/app/uniformity/add/page.tsx
@@ -0,0 +1,9 @@
+'use client';
+
+import UniformityForm from '@/components/pages/uniformity/form/UniformityForm';
+
+const AddUniformity = () => {
+  return <UniformityForm formType='add' />;
+};
+
+export default AddUniformity;
diff --git a/src/components/pages/uniformity/form/UniformityForm.schema.ts b/src/components/pages/uniformity/form/UniformityForm.schema.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/src/components/pages/uniformity/form/UniformityForm.tsx b/src/components/pages/uniformity/form/UniformityForm.tsx
new file mode 100644
index 00000000..02fa4207
--- /dev/null
+++ b/src/components/pages/uniformity/form/UniformityForm.tsx
@@ -0,0 +1,53 @@
+'use client';
+
+import { useEffect } from 'react';
+import DrawerHeader from '@/components/helper/drawer/DrawerHeader';
+import { useUiStore } from '@/stores/ui/ui.store';
+
+interface UniformityFormProps {
+  formType?: 'add' | 'edit';
+}
+
+const UniformityForm = ({ formType = 'add' }: UniformityFormProps) => {
+  const subscribeValidate = useUiStore((s) => s.subscribeValidate);
+  const setIsValid = useUiStore((s) => s.setIsValid);
+
+  useEffect(() => {
+    const unsub = subscribeValidate(() => {
+      setIsValid(true);
+    });
+
+    return unsub;
+  }, []);
+
+  return (
+    <>
+      <section className='w-full'>
+        {/* Header */}
+        <DrawerHeader
+          leftIcon={formType == 'add' ? 'mdi:close' : 'mdi:arrow-left'}
+          leftIconSize={24}
+          leftIconHref={
+            formType == 'add' ? '/uniformity' : `/uniformity/detail`
+          }
+          leftIconClassName='hover:text-gray-400'
+          subtitle={formType == 'add' ? 'Add Uniformity' : 'Update Uniformity'}
+          subtitleClassName='text-sm text-neutral'
+          showDivider
+        />
+        {/* Form Section */}
+        <div className='divider mt-3'></div>
+        <section className='w-full px-6'>
+          <h2 className='text-2xl font-semibold'>Informasi Umum</h2>
+          <form
+            onSubmit={(e) => {
+              e.preventDefault();
+            }}
+          ></form>
+        </section>
+      </section>
+    </>
+  );
+};
+
+export default UniformityForm;