From dfc5c73695e93ae0e50eaa6d0f3bf62c7b078672 Mon Sep 17 00:00:00 2001
From: Daeng Deni Mardaeni <ddeni05@gmail.com>
Date: Mon, 30 Dec 2024 11:45:27 +0700
Subject: [PATCH] Perbarui logika dan tampilan halaman persetujuan pembayaran

- Mengubah nama kolom pada tabel: "Bukti KSL" menjadi "Bukti Bayar", "Tanggal Penyelesaian" menjadi "Keterangan".
- Menambahkan validasi kosong untuk data penawaran jika permohonan tidak ditemukan.
- Memperbaiki fungsi render untuk menangani data permohonan dan penawaran secara kondisional.
- Menghapus tombol aksi yang tidak relevan dan menyederhanakan elemen tombol dalam tabel.
---
 resources/views/pembayaran/approval.blade.php | 105 ++++++++++++------
 1 file changed, 68 insertions(+), 37 deletions(-)

diff --git a/resources/views/pembayaran/approval.blade.php b/resources/views/pembayaran/approval.blade.php
index 24f479e..a2f56d6 100644
--- a/resources/views/pembayaran/approval.blade.php
+++ b/resources/views/pembayaran/approval.blade.php
@@ -67,12 +67,8 @@
                                 <span class="sort"> <span class="sort-label"> Nominal bayar </span>
                                     <span class="sort-icon"> </span> </span>
                             </th>
-                            <th class="min-w-[150px]" data-datatable-column="bukti_ksl">
-                                <span class="sort"> <span class="sort-label"> Bukti KSL </span>
-                                    <span class="sort-icon"> </span> </span>
-                            </th>
-                            <th class="min-w-[150px]" data-datatable-column="tanggal_penyelesaian">
-                                <span class="sort"> <span class="sort-label"> Tanggal Penyelesaian </span>
+                            <th class="min-w-[150px]" data-datatable-column="bukti_bayar">
+                                <span class="sort"> <span class="sort-label"> Bukti Bayar </span>
                                     <span class="sort-icon"> </span> </span>
                             </th>
                             <th class="min-w-[150px]" data-datatable-column="approval_by">
@@ -80,6 +76,11 @@
                                     <span class="sort-icon"> </span> </span>
                             </th>
 
+                            <th class="min-w-[150px]" data-datatable-column="approve_keterangan_bayar">
+                                <span class="sort"> <span class="sort-label"> Keterangan </span>
+                                    <span class="sort-icon"> </span> </span>
+                            </th>
+
                             <th class="min-w-[50px] text-center" data-datatable-column="actions">Action</th>
                         </tr>
                         </thead>
@@ -190,8 +191,11 @@
                     render: (item, data) => {
                         if (data.permohonan) {
                             return `${data.permohonan.nomor_registrasi}`;
+                        } else if(data.penawaran) {
+                            return `${data.penawaran.permohonan.nomor_registrasi}`;
                         }
-                        return `${data.penawaran.permohonan.nomor_registrasi}`;
+                        return "";
+
                     },
                 },
                 tanggal_permohonan: {
@@ -199,8 +203,10 @@
                     render: (item, data) => {
                         if (data.permohonan) {
                             return `${data.permohonan.tanggal_permohonan}`;
+                        } else if(data.penawaran) {
+                            return `${data.penawaran.permohonan.tanggal_permohonan}`;
                         }
-                        return `${data.penawaran.permohonan.tanggal_permohonan}`;
+                        return "";
                     },
                 },
                 user_id: {
@@ -209,7 +215,11 @@
                         if (data.permohonan) {
                             return `${data.permohonan.user.name}`;
                         }
-                        return `${data.penawaran.permohonan.user.name}`;
+                        else if(data.penawaran) {
+                            return `${data.penawaran.permohonan.user.name}`;
+                        }
+                        return "";
+
                     },
                 },
                 branch_id: {
@@ -218,7 +228,11 @@
                         if (data.permohonan) {
                             return `${data.permohonan.branch.name}`;
                         }
-                        return `${data.penawaran.permohonan.branch.name}`;
+                        else if(data.penawaran) {
+                            return `${data.penawaran.permohonan.branch.name}`;
+                        }
+                        return "";
+
                     },
                 },
                 debitur_id: {
@@ -227,7 +241,11 @@
                         if (data.permohonan) {
                             return `${data.permohonan.debiture.name}`;
                         }
-                        return `${data.penawaran.permohonan.debiture.name}`;
+                        else if(data.penawaran) {
+                            return `${data.penawaran.permohonan.debiture.name}`;
+                        }
+                        return "";
+
                     },
                 },
                 status_bayar: {
@@ -235,17 +253,22 @@
                     render: (item, data) => {
                         if(data.permohonan){
                             var permohonan = data.permohonan;
-                        } else {
+                        } else if(data.penawaran){
                             var permohonan = data.penawaran.permohonan;
                         }
 
-                        const status = permohonan.status_bayar.replace(/_/g,
-                            ' ');
-                        const statusClass = permohonan.status_bayar === 'belum_bayar' ? 'text-red-600' :
-                            'text-green-600';
-                        return `<span class="text-md font-bold ${statusClass} uppercase">
+                        if(permohonan) {
+
+                            const status = permohonan.status_bayar.replace(/_/g,
+                                ' ');
+                            const statusClass = permohonan.status_bayar === 'belum_bayar' ? 'text-red-600' :
+                                'text-green-600';
+                            return `<span class="text-md font-bold ${statusClass} uppercase">
                             ${status}
                             </span>`;
+                        }
+
+                        return "-";
                     },
                 },
                 tanggal_setor: {
@@ -260,11 +283,11 @@
                         return `${window.formatRupiah(data.nominal_bayar)}`;
                     },
                 },
-                bukti_ksl: {
-                    title: 'Bukti KSL',
+                bukti_bayar:{
+                    title: 'Bukti Bayar',
                     render: (item, data) => {
-                        if (data.bukti_ksl) {
-                            return `<a href="storage/${data.bukti_ksl}" download="storage/${data.bukti_ksl}" target="_blank" class="badge badge-sm badge-outline">
+                        if (data.bukti_bayar) {
+                            return `<a href="storage/${data.bukti_bayar}" download="storage/${data.bukti_bayar}" target="_blank" class="badge badge-sm badge-outline">
                         Download <i class="ki-filled ki-cloud-download"></i>
                     </a>`;
                         } else {
@@ -272,15 +295,6 @@
                         }
                     },
                 },
-                tanggal_penyelesaian: {
-                    title: 'Tanggal Penyelesaian',
-                    render: (item, data) => {
-                        if(data.status==1) {
-                            return `${window.formatTanggalIndonesia(data.updated_at)}`;
-                        }
-                        return "-";
-                    },
-                },
                 approve_bayar_by: {
                     title: 'Status Approve',
                     render: (item, data) => {
@@ -297,22 +311,39 @@
                         return "Menunggu Approval";
                     },
                 },
+                approve_keterangan_bayar: {
+                    title: 'Status Approve',
+                    render: (item, data) => {
+                        if(data.permohonan){
+                            var permohonan = data.permohonan;
+                        } else {
+                            var permohonan = data.penawaran.permohonan;
+                        }
+
+                        if(permohonan.approve_keterangan_bayar) {
+                            return `${permohonan.approve_keterangan_bayar}`;
+                        }
+
+                        return "";
+                    },
+                },
                 actions: {
                     title: 'Status',
                     render: (item, data) => {
+                        if(data.permohonan){
+                            var permohonan = data.permohonan;
+                        } else {
+                            var permohonan = data.penawaran.permohonan;
+                        }
+
                         var iconPembayaranOtorisator = '';
                         if (!data.approve_bayar_by) {
-                            iconPembayaranOtorisator = `<a class="btn btn-sm btn-icon btn-clear btn-primary " onclick="pembayaranOtorisator(${data.id})">
+                            iconPembayaranOtorisator = `<a class="btn btn-sm btn-icon btn-clear btn-primary " onclick="pembayaranOtorisator(${permohonan.id})">
                                 <i class="ki-filled ki-double-check"></i>
                             </a>`;
                         }
 
-                        return `<div class="flex flex-nowrap justify-center">
-                            <a class="btn btn-sm btn-icon btn-clear btn-warning " href="#">
-                                <i class="ki-outline ki-eye"></i>
-                            </a>`
-                            + iconPembayaranOtorisator + `
-                            </div>`;
+                        return `<div class="flex flex-nowrap justify-center">`+ iconPembayaranOtorisator + `</div>`;
 
                     },
                 }