update pemilik jaminan, add multiple nama pada sertifikat

app/Http/Requests/StatusPermohonanRequest.php

@@ -16,6 +16,7 @@
             $rules = [
                 'description' => 'nullable|max:255',
                 'status'      => 'required|boolean',
+                'slug'        => 'nullable|max:255',
             ];
 
             if ($this->method() == 'PUT') {
@@ -37,9 +38,9 @@
 
         public function prepareForValidation()
         {
-            $this->merge([
+            return $this->merge([
                 'status' => isset($this->status) ? 1 : 0,
-                'slug'=> Str::slug($this->name)
+                'slug'   => Str::slug($this->name),
             ]);
         }
     }

resources/views/debitur/components/dokumen.blade.php

@@ -59,7 +59,7 @@
             @if(isset($document->id))
                 <input type="hidden" name="jenis_jaminan_id" value="{{ $document->jenis_jaminan_id }}">
             @endif
-            <select onchange="getLegalitasJaminan()" {{ isset($document->id) ? "disabled" : "" }} class="input tomselect w-full @error('branch_id') border-danger bg-danger-light @enderror" name="jenis_jaminan_id" id="jenis_jaminan_id">
+            <select onchange="getLegalitasJaminan()" class="input tomselect w-full @error('branch_id') border-danger bg-danger-light @enderror" name="jenis_jaminan_id" id="jenis_jaminan_id">
                 <option value="">Pilih Jenis Jaminan</option>
                 @foreach($jenisJaminan as $row)
                     @if(isset($document))

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