From a48ac7cc687a1da18c6c89addefde0665dd888ac Mon Sep 17 00:00:00 2001
From: Abizrh <abizarah857@gmail.com>
Date: Thu, 28 Aug 2025 02:03:32 +0700
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat=20(user):=20implement=20user?=
 =?UTF-8?q?=20entry=20form=20with=20status=20and=20type=20selection?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/app/user/entry-form.vue | 20 ++++++++++++++++++--
 app/components/flow/user/entry.vue     |  8 ++++----
 2 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/app/components/app/user/entry-form.vue b/app/components/app/user/entry-form.vue
index e705f295..b1456460 100644
--- a/app/components/app/user/entry-form.vue
+++ b/app/components/app/user/entry-form.vue
@@ -11,6 +11,10 @@ const data = computed({
   get: () => props.modelValue,
   set: (val) => emit('update:modelValue', val),
 })
+const items = [
+  { value: 'doctor', label: 'Dokter' },
+  { value: 'nurse', label: 'Perawat' },
+]
 </script>
 
 <template>
@@ -21,13 +25,25 @@ const data = computed({
           <FieldGroup :column="2">
             <Label>Username</Label>
             <Field>
-              <Input type="text" name="username" />
+              <Input v-model="data.name" />
             </Field>
           </FieldGroup>
           <FieldGroup :column="2">
             <Label>Password</Label>
             <Field>
-              <Input type="password" name="password" />
+              <Input v-model="data.password" type="password" />
+            </Field>
+          </FieldGroup>
+          <FieldGroup :column="2">
+            <Label>Status</Label>
+            <Field>
+              <Input v-model="data.status" />
+            </Field>
+          </FieldGroup>
+          <FieldGroup :column="2">
+            <Label>Tipe</Label>
+            <Field>
+              <Select v-model="data.type" :items="items" placeholder="Pilih jenis" />
             </Field>
           </FieldGroup>
         </Block>
diff --git a/app/components/flow/user/entry.vue b/app/components/flow/user/entry.vue
index 90369f15..7fb4d66d 100644
--- a/app/components/flow/user/entry.vue
+++ b/app/components/flow/user/entry.vue
@@ -3,8 +3,9 @@ import Action from '~/components/pub/custom-ui/nav-footer/ba-dr-su.vue'
 
 const data = ref({
   name: '',
-  specialization: '',
-  hospital: '',
+  password: '',
+  status: '',
+  type: '',
 })
 
 function onClick(type: string) {
@@ -23,9 +24,8 @@ function onClick(type: string) {
     <Icon name="i-lucide-user" class="me-2" />
     <span class="font-semibold">Tambah</span> Dokter
   </div>
-
   <div>
-    <AppDoctorEntryForm v-model="data" />
+    <AppDoctorEntryForm v-if="data.type === 'doctor'" v-model="data" />
   </div>
   <AppUserEntryForm v-model="data" />
   <div class="my-2 flex justify-end py-2">