From 5adb00f04ca79ae8e0fd2f589e9d5603cb81a200 Mon Sep 17 00:00:00 2001
From: Daeng Deni Mardaeni <ddeni05@gmail.com>
Date: Fri, 8 Nov 2024 14:25:28 +0700
Subject: [PATCH] Tambah validasi untuk catatan pada tombol Revisi

Menambahkan validasi pada tombol "Revisi" agar memastikan bahwa kolom catatan tidak kosong sebelum formulir dikirim. Jika kolom catatan kosong, pesan kesalahan akan ditampilkan kepada pengguna.
---
 .../permohonan/authorization/show.blade.php   | 30 +++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/resources/views/permohonan/authorization/show.blade.php b/resources/views/permohonan/authorization/show.blade.php
index 5580c35..02ad94d 100644
--- a/resources/views/permohonan/authorization/show.blade.php
+++ b/resources/views/permohonan/authorization/show.blade.php
@@ -157,7 +157,7 @@
         @include('lpj::component.detail-jaminan')
 
         <div class="card">
-            <form action="{{ route('authorization.update', $permohonan->id) }}" method="POST">
+            <form action="{{ route('authorization.update', $permohonan->id) }}" method="POST" id="authorizationForm">
                 <input type="hidden" name="_method" value="PUT">
                 @csrf
                 <div class="card-body lg:py-7.5">
@@ -167,6 +167,7 @@
                         </label>
                         <div class="flex flex-wrap items-baseline w-full">
                             <textarea class="textarea" rows="3" type="number" id="keterangan" name="keterangan"></textarea>
+                            <em class="alert text-danger text-sm" id="keterangan-message"></em>
                         </div>
                     </div>
                 </div>
@@ -174,7 +175,7 @@
                     <button type="submit" name="status" value="preregister" class="btn btn-success">
                         Approve
                     </button>
-                    <button type="submit" name="status" value="revisi" class="btn btn-warning ml-3">
+                    <button type="submit" name="status" value="revisi" id="revisi" class="btn btn-warning ml-3">
                         Revisi
                     </button>
                 </div>
@@ -182,3 +183,28 @@
         </div>
     </div>
 @endsection
+
+@push('scripts')
+    <script>
+        document.addEventListener('DOMContentLoaded', function() {
+            const form = document.getElementById('authorizationForm');
+            const keterangan = document.getElementById('keterangan');
+            const revisiBtn = document.getElementById('revisi');
+            const keteranganMessage = document.getElementById('keterangan-message');
+
+            form.addEventListener('submit', function(event) {
+                if (event.submitter === revisiBtn && keterangan.value.trim() === '') {
+                    event.preventDefault();
+                    keteranganMessage.textContent = 'Catatan harus diisi.';
+                } else {
+                    keteranganMessage.textContent = '';
+                }
+            });
+
+            // Add event listener for typing in keterangan textarea
+            keterangan.addEventListener('input', function() {
+                keteranganMessage.classList.add('hidden');
+            });
+        });
+    </script>
+@endpush