feat: add event field alasan ditolak

main
Kevin Hendrawan 2025-11-19 15:40:02 +07:00
parent ae684dd7af
commit 9aa6420c6d
1 changed files with 31 additions and 2 deletions

View File

@ -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('');
}
});
});