From 6c63d15b9ea3ff291aec8e35c572c379af45e044 Mon Sep 17 00:00:00 2001
From: Khafid Prayoga <khafidp@pm.me>
Date: Mon, 24 Nov 2025 13:02:56 +0700
Subject: [PATCH] refactor(person-relative): update contact form fields and
 conditional label

- Change form field names from medicines to contacts
- Update default contact object structure
- Make label in select-relations conditional
- Improve delete button title with contact number
---
 app/components/app/person-relative/entry-form.vue     | 11 +++++------
 .../app/person-relative/fields/select-relations.vue   |  1 +
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/components/app/person-relative/entry-form.vue b/app/components/app/person-relative/entry-form.vue
index ed7e726f..a0eafbb7 100644
--- a/app/components/app/person-relative/entry-form.vue
+++ b/app/components/app/person-relative/entry-form.vue
@@ -47,10 +47,10 @@ const { title = 'Kontak Pasien', isReadonly = false } = props
     <div class="mb-5 space-y-4">
       <FieldArray
         v-slot="{ fields, push, remove }"
-        name="medicines"
+        name="contacts"
       >
         <template v-if="fields.length === 0">
-          {{ push({ name: '', dose: '', unit: '' }) }}
+          {{ push({ relation: '', name: '', address: '', phone: '' }) }}
         </template>
         <div class="space-y-4">
           <DE.Block
@@ -63,7 +63,6 @@ const { title = 'Kontak Pasien', isReadonly = false } = props
               :label="idx === 0 ? 'Hubungan dengan Pasien' : undefined"
               :field-name="`contacts[${idx}].relation`"
               placeholder="Pilih"
-              field-group-class="mb-0"
               :is-disabled="isReadonly"
             />
             <InputBase
@@ -90,7 +89,7 @@ const { title = 'Kontak Pasien', isReadonly = false } = props
               <ButtonAction
                 :disabled="isReadonly"
                 preset="delete"
-                title="Hapus"
+                :title="`Hapus Kontak ${idx + 1}`"
                 icon-only
                 @click="remove(idx)"
               />
@@ -100,12 +99,12 @@ const { title = 'Kontak Pasien', isReadonly = false } = props
 
         <ButtonAction
           preset="add"
-          label="Tambah Obat"
+          label="Tambah Kontak"
           title="Tambah Kontak ke Daftar Kontak"
           :disabled="fields.length >= 5 || isReadonly"
           :full-width-mobile="true"
           class="mt-4"
-          @click="push({ name: '', dose: '', unit: '' })"
+          @click="push({ relation: '', name: '', address: '', phone: '' })"
         />
       </FieldArray>
     </div>
diff --git a/app/components/app/person-relative/fields/select-relations.vue b/app/components/app/person-relative/fields/select-relations.vue
index 074adbe0..615c6c3c 100644
--- a/app/components/app/person-relative/fields/select-relations.vue
+++ b/app/components/app/person-relative/fields/select-relations.vue
@@ -33,6 +33,7 @@ const opts = Object.entries(relationshipCodes).map(([value, label]) => ({
     :class="cn('select-field-group', fieldGroupClass, containerClass)"
   >
     <DE.Label
+      v-if="label"
       :label-for="fieldName"
       :class="cn('select-field-label', labelClass)"
       :is-required="isRequired"