From 491e206229e16020341d9ccde989fb087d67b5b6 Mon Sep 17 00:00:00 2001
From: Daeng Deni Mardaeni <ddeni05@gmail.com>
Date: Thu, 19 Sep 2024 10:27:56 +0700
Subject: [PATCH] update pemilik jaminan, add multiple nama pada sertifikat

---
 .../views/pemilik_jaminan/form.blade.php      | 68 ++++++++++++++++---
 1 file changed, 59 insertions(+), 9 deletions(-)

diff --git a/resources/views/pemilik_jaminan/form.blade.php b/resources/views/pemilik_jaminan/form.blade.php
index cc39a92..1efcb79 100644
--- a/resources/views/pemilik_jaminan/form.blade.php
+++ b/resources/views/pemilik_jaminan/form.blade.php
@@ -71,21 +71,31 @@
                             Nama Lengkap
                         </label>
                         <div class="flex flex-wrap items-baseline w-full">
-                            <input class="input  @error('name') border-danger bg-danger-light @enderror" type="text " id="name" name="name" value="{{ $pemilik->name ?? '' }}" placeholder="Nama Pemilik Jaminan">
-                            @error('name')
-                            <em class="alert text-danger text-sm">{{ $message }}</em>
-                            @enderror
+                            <div class="flex flex-col lg:flex-row gap-2 w-full">
+                                <div class="flex flex-wrap items-baseline w-full">
+                                    <input class="input  @error('name') border-danger bg-danger-light @enderror" type="text " id="name" name="name" value="{{ $pemilik->name ?? '' }}" placeholder="Nama Pemilik Jaminan">
+                                    @error('name')
+                                    <em class="alert text-danger text-sm">{{ $message }}</em>
+                                    @enderror
+                                </div>
+                                <div class="flex flex-wrap items-baseline w-full">
+                                    <input class="input  @error('nomor_id') border-danger bg-danger-light @enderror" type="number" name="nomor_id" value="{{ $debitur->nomor_id ?? '' }}" placeholder="Nomor ID/KTP">
+                                    @error('nomor_id')
+                                    <em class="alert text-danger text-sm">{{ $message }}</em>
+                                    @enderror
+                                </div>
+                            </div>
                         </div>
+                    </div>
+                    <div id="nama_sertifikat">
+
                     </div>
                     <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                         <label class="form-label max-w-56">
-                            Nomor ID/KTP
+                            &nbsp;
                         </label>
                         <div class="flex flex-wrap items-baseline w-full">
-                            <input class="input  @error('nomor_id') border-danger bg-danger-light @enderror" type="number" name="nomor_id" value="{{ $debitur->nomor_id ?? '' }}">
-                            @error('nomor_id')
-                            <em class="alert text-danger text-sm">{{ $message }}</em>
-                            @enderror
+                            <button type="button" id="tambah_sertifikat" class="btn btn-primary btn-xs">Tambah Nama di Sertifikat</button>
                         </div>
                     </div>
 
@@ -242,3 +252,43 @@
         </div>
     </div>
 @endsection
+
+
+@push('scripts')
+    <script>
+        document.getElementById('tambah_sertifikat').addEventListener('click', function() {
+            const namaSertifikatDiv = document.getElementById('nama_sertifikat');
+            const newDiv = document.createElement('div');
+            newDiv.innerHTML = `
+            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 mb-5">
+                <label class="form-label max-w-56">
+                    Nama Lengkap
+                </label>
+                <div class="flex flex-wrap items-baseline w-full">
+                    <div class="flex flex-col lg:flex-row gap-2 w-full">
+                        <div class="flex flex-wrap items-baseline w-full">
+                            <input class="input  @error('name') border-danger bg-danger-light @enderror" type="text" id="name" name="name" value="{{ $pemilik->name ?? '' }}" placeholder="Nama Pemilik Jaminan">
+                            @error('name')
+            <em class="alert text-danger text-sm">{{ $message }}</em>
+                            @enderror
+            </div>
+            <div class="flex flex-wrap items-baseline w-full">
+                <input class="input  @error('nomor_id') border-danger bg-danger-light @enderror" type="number" name="nomor_id" value="{{ $debitur->nomor_id ?? '' }}" placeholder="Nomor ID/KTP">
+                            @error('nomor_id')
+            <em class="alert text-danger text-sm">{{ $message }}</em>
+                            @enderror
+            </div>
+            <button type="button" class="btn btn-danger btn-xs delete-button">Hapus</button>
+        </div>
+    </div>
+</div>
+`;
+            namaSertifikatDiv.appendChild(newDiv);
+
+            // Event listener untuk tombol hapus
+            newDiv.querySelector('.delete-button').addEventListener('click', function() {
+                namaSertifikatDiv.removeChild(newDiv);
+            });
+        });
+    </script>
+@endpush