From de9c215456a2a8f4315ee31a50a1f899a5f05aa5 Mon Sep 17 00:00:00 2001
From: Daeng Deni Mardaeni <ddeni05@gmail.com>
Date: Thu, 7 Nov 2024 15:18:14 +0700
Subject: [PATCH] Tambah kolom "dokumen_nomor" ke DokumenJaminan

Menambahkan kolom dokumen_nomor pada DokumenJaminan untuk mendukung penyimpanan nomor dokumen yang terkait dengan setiap dokumen jaminan. Pembaruan ini mencakup perubahan pada controller untuk memproses kolom baru dan penyesuaian pada tampilan untuk menampilkan serta mengunduh dokumen berdasarkan nomor ini.
---
 .../Controllers/DokumenJaminanController.php  |  4 ++
 .../debitur/components/dokumen.blade.php      | 71 +++++++++----------
 2 files changed, 38 insertions(+), 37 deletions(-)

diff --git a/app/Http/Controllers/DokumenJaminanController.php b/app/Http/Controllers/DokumenJaminanController.php
index b3cfe8a..207413c 100644
--- a/app/Http/Controllers/DokumenJaminanController.php
+++ b/app/Http/Controllers/DokumenJaminanController.php
@@ -468,6 +468,9 @@
                                 'dokumen_jaminan'            => json_decode(
                                         $detail->dokumen_jaminan,
                                     ) ?? $detail->dokumen_jaminan,
+                                'dokumen_nomor'            => json_decode(
+                                        $detail->dokumen_nomor,
+                                    ) ?? $detail->dokumen_nomor,
                                 'custom_field'               => $detail->jenisLegalitasJaminan->custom_field,
                                 'custom_field_type'          => $detail->jenisLegalitasJaminan->custom_field_type,
                                 'details'                    => $detail->details,
@@ -486,6 +489,7 @@
                         'jenis_legalitas_jaminan_id' => $legalitas->id,
                         'name'                       => $legalitas->name,
                         'dokumen_jaminan'            => null,
+                        'dokumen_nomor'            => null,
                         'custom_field'               => $legalitas->custom_field,
                         'custom_field_type'          => $legalitas->custom_field_type,
                         'details'                    => null,
diff --git a/resources/views/debitur/components/dokumen.blade.php b/resources/views/debitur/components/dokumen.blade.php
index 35fc4d0..e1a358b 100644
--- a/resources/views/debitur/components/dokumen.blade.php
+++ b/resources/views/debitur/components/dokumen.blade.php
@@ -168,16 +168,26 @@
                         </div>
 
                         @if(isset($detail->dokumen_jaminan))
-                            @php
-                                $dokumen_jaminan = is_array(json_decode($detail->dokumen_jaminan)) ? json_decode($detail->dokumen_jaminan) : [$detail->dokumen_jaminan];
-                            @endphp
-                            @foreach($dokumen_jaminan as $index => $dokumen)
-                                <a href="{{ route('debitur.jaminan.download', ['id' => $debitur->id, 'dokumen' => $detail->id, 'index' => $index]) }}"
-                                   class="badge badge-sm badge-outline mt-2 mr-2">
-                                    {{ basename($dokumen) }}
-                                    <i class="ki-filled ki-cloud-download"></i>
-                                </a>
-                            @endforeach
+                            @if(isset($detail->dokumen_jaminan))
+                                @php
+                                    $dokumen_jaminan = is_array(json_decode($detail->dokumen_jaminan)) ? json_decode($detail->dokumen_jaminan) : [$detail->dokumen_jaminan];
+                                    $dokumen_nomor = is_array(json_decode($detail->dokumen_nomor)) ? json_decode($detail->dokumen_nomor) : ($detail->dokumen_nomor ? [$detail->dokumen_nomor] : []);
+                                @endphp
+                                <div class="flex flex-col w-full gap-2">
+                                    @foreach($dokumen_jaminan as $index => $dokumen)
+                                        <div class="flex w-full lg:w-[30%]">
+                                            @if(!empty($dokumen_nomor))
+                                                <span class="flex-1 mt-2 text-info text-sm">Nomor Dokumen : {{ $dokumen_nomor[$index] }}</span>
+                                            @endif
+                                            <a href="{{ route('debitur.jaminan.download', ['id' => $debitur->id, 'dokumen' => $detail->id, 'index' => $index]) }}"
+                                               class="flex-none badge badge-sm badge-outline mt-2 mr-2">
+                                                {{ basename($dokumen) }}
+                                                <i class="ki-filled ki-cloud-download"></i>
+                                            </a>
+                                        </div>
+                                    @endforeach
+                                </div>
+                            @endif
                         @endif
                     </div>
                 </div>
@@ -510,7 +520,9 @@
                                 Dokumen Jaminan
                             </label>
                             <div class="flex flex-wrap items-baseline w-full" id="file-container-${index}">
-                                ${item.dokumen_jaminan ? renderExistingFiles(item.dokumen_jaminan, debiturId, item.id) : ''}
+                                <div class="flex flex-col w-full gap-2">
+                                    ${item.dokumen_jaminan ? renderExistingFiles(item.dokumen_jaminan, debiturId, item.id, item.dokumen_nomor) : ''}
+                                </div>
                                 <div class="flex items-center gap-2 my-2 w-full">
                                     <input class="flex-1 input" type="text" name="dokumen_nomor[${index}][]" placeholder="Nomor Dokumen">
                                     <input class="flex-1 file-input" type="file" name="dokumen_jaminan[${index}][]" multiple>
@@ -544,25 +556,6 @@
                 .catch(error => console.error('Error:', error));
         }
 
-        function renderExistingFiles(dokumenJaminan, debiturId, itemId) {
-            if (typeof dokumenJaminan === 'string') {
-                return `
-            <a href="/debitur/${debiturId}/jaminan/download?dokumen=${itemId}" class="badge badge-sm badge-outline mt-2 mr-2">
-                ${dokumenJaminan.split('/').pop()}
-                <i class="ki-filled ki-cloud-download"></i>
-            </a>
-        `;
-            } else if (Array.isArray(dokumenJaminan)) {
-                return dokumenJaminan.map(file => `
-            <a href="/debitur/${debiturId}/jaminan/download?dokumen=${itemId}&file=${encodeURIComponent(file)}" class="badge badge-sm badge-outline mt-2 mr-2">
-                ${file.split('/').pop()}
-                <i class="ki-filled ki-cloud-download"></i>
-            </a>
-        `).join('');
-            }
-            return '';
-        }
-
         function addFileInput(index) {
             const container = document.getElementById(`file-container-${index}`);
             const newInput = document.createElement('div');
@@ -579,20 +572,24 @@
             button.closest('.flex.items-center.gap-2.mb-2').remove();
         }
 
-        function renderExistingFiles(dokumenJaminan, debiturId, itemId) {
-            if (typeof dokumenJaminan === 'string') {
+        function renderExistingFiles(dokumenJaminan, debiturId, itemId, dokumenNomor) {
+            if (typeof dokumenJaminan === 'string' && typeof dokumenNomor === 'string') {
                 return `
-                    <a href="/debitur/${debiturId}/jaminan/download?dokumen=${itemId}" class="badge badge-sm badge-outline mt-2">
+                <div class="flex w-full lg:w-[30%]">
+                    <span class="flex-1 mt-2 text-info text-sm">Nomor Dokumen : ${dokumenNomor}</span>
+                    <a href="/debitur/${debiturId}/jaminan/download?dokumen=${itemId}" class="flex-none badge badge-sm badge-outline mt-2">
                         ${dokumenJaminan.split('/').pop()}
                         <i class="ki-filled ki-cloud-download"></i>
                     </a>
+                </div>
                 `;
-            } else if (Array.isArray(dokumenJaminan)) {
-                return dokumenJaminan.map(file => `
-                    <a href="/debitur/${debiturId}/jaminan/download?dokumen=${itemId}&file=${file}" class="badge badge-sm badge-outline mt-2 mr-2">
+            } else if (Array.isArray(dokumenJaminan) && Array.isArray(dokumenNomor)) {
+                return dokumenJaminan.map((file, index) => `<div class="flex w-full lg:w-[30%]">
+                    <span class="flex-1 mt-2 text-info text-sm">Nomor Dokumen : ${dokumenNomor[index] || 'N/A'}</span>
+                    <a href="/debitur/${debiturId}/jaminan/download?dokumen=${itemId}&file=${file}" class="flex-none badge badge-sm badge-outline mt-2 mr-2">
                         ${file.split('/').pop()}
                         <i class="ki-filled ki-cloud-download"></i>
-                    </a>
+                    </a></div>
                 `).join('');
             }
             return '';