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.

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