From 9aa6420c6da0a6764d7bb03c8a66aa4553bba085 Mon Sep 17 00:00:00 2001
From: Kevin Hendrawan <projectkevin97@gmail.com>
Date: Wed, 19 Nov 2025 15:40:02 +0700
Subject: [PATCH] feat: add event field alasan ditolak

---
 Views/Data/Nasabah/Index.cshtml | 33 +++++++++++++++++++++++++++++++--
 1 file changed, 31 insertions(+), 2 deletions(-)

diff --git a/Views/Data/Nasabah/Index.cshtml b/Views/Data/Nasabah/Index.cshtml
index 22dc7c7..a888fc7 100644
--- a/Views/Data/Nasabah/Index.cshtml
+++ b/Views/Data/Nasabah/Index.cshtml
@@ -113,7 +113,7 @@
             <input type="hidden" id="edit_mode" value="false">
             <input type="hidden" id="nasabah_id" value="">
             <div class="flex flex-col gap-6">
-                 <div class="flex flex-col">
+                <div class="flex flex-col">
                     <fieldset class="fieldset">
                         <legend class="fieldset-legend">
                             Verifikasi Nasabah
@@ -122,11 +122,22 @@
                         <select id="verifikasi_nasabah" class="select w-full" required>
                             <option value="" disabled selected>Pilih Verifikasi Nasabah</option>
                             <option value="Setuju">Setuju</option>
-                            <option value="Belum Disetujui">Tidak Setuju</option>
+                            <option value="Tidak Setuju">Tidak Setuju</option>
                         </select>
                     </fieldset>
                 </div>
 
+                <!-- Alasan Tidak Setuju (Hidden by default) -->
+                <div id="alasan_wrapper" class="flex flex-col hidden">
+                    <fieldset class="fieldset">
+                        <legend class="fieldset-legend">
+                            Alasan Tidak Setuju
+                            <span class="text-red-500">*</span>
+                        </legend>
+                        <textarea id="alasan_tidak_setuju" class="textarea w-full" placeholder="Tuliskan alasan..." rows="3"></textarea>
+                    </fieldset>
+                </div>
+
                 <div class="flex flex-col">
                     <fieldset class="fieldset">
                         <legend class="fieldset-legend">
@@ -314,6 +325,24 @@
                modal_verifikasi.showModal()
             });
 
+            $('#verifikasi_nasabah').on('change', function () {
+                if ($(this).val() === 'Tidak Setuju') {
+                    $('#alasan_wrapper')
+                        .hide()                 // pastikan mulai dari hidden
+                        .removeClass('hidden')
+                        .fadeIn(200);           // animasi fade in
+
+                    $('#alasan_tidak_setuju').attr('required', true);
+
+                } else {
+                    $('#alasan_wrapper')
+                        .fadeOut(200, function () {
+                            $(this).addClass('hidden'); // sembunyikan setelah animasi
+                        });
+
+                    $('#alasan_tidak_setuju').removeAttr('required').val('');
+                }
+            });
         });