From 65f3c60ae9251c1b7508030520c064b3a1b5dca1 Mon Sep 17 00:00:00 2001
From: Daeng Deni Mardaeni <ddeni05@gmail.com>
Date: Tue, 14 Jan 2025 09:44:10 +0700
Subject: [PATCH] feat(view): tambahkan kolom Status Bayar pada tampilan
 progres aktivitas

- Menambahkan kolom "Status Bayar" pada tabel progres aktivitas.
- Mengimplementasikan rendering status bayar dengan kelas CSS untuk menandai status.
- Memperbaiki format tampilan status untuk konsistensi visual.
---
 .../activity/progres_activity/index.blade.php     | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/resources/views/activity/progres_activity/index.blade.php b/resources/views/activity/progres_activity/index.blade.php
index 8f6eedb..fbced76 100644
--- a/resources/views/activity/progres_activity/index.blade.php
+++ b/resources/views/activity/progres_activity/index.blade.php
@@ -100,6 +100,7 @@
                                                     <tr>
                                                         <th class="min-w-[100px]">Nama Debitur</th>
                                                         <th class="min-w-[100px]">Tujuan Penilaian</th>
+                                                        <th class="min-w-[100px]">Status Bayar</th>
                                                         <th class="min-w-[100px]">Jenis Asset</th>
                                                         <th class="min-w-[100px]">Jenis Report</th>
                                                         <th class="min-w-[100px]">Tgl Register</th>
@@ -178,6 +179,18 @@
                                     return `${data.permohonan.tujuan_penilaian?.name || ''}`;
                                 },
                             },
+                            status_bayar: {
+                                title: 'Status Bayar',
+                                render: (item, data) => {
+                                    const status = data.permohonan.status_bayar.replace(/_/g,
+                                        ' ');
+                                    const statusClass = data.permohonan.status_bayar === 'belum_bayar' ? 'text-red-600' :
+                                        'text-green-600';
+                                    return `<span class="badge badge-sm badge-default font-bold ${statusClass} uppercase">
+                            ${status}
+                            </span>`;
+                                },
+                            },
                             jenis_asset: {
                                 title: 'Jenis Asset',
                                 render: (item, data) =>
@@ -208,7 +221,7 @@
                             progress: {
                                 title: 'Progress',
                                 render: (item, data) => {
-                                    return `<span class="badge badge-xs badge-default uppercase flex justify-center ">${data.permohonan.status}</span>`;
+                                    return `<span class="badge badge-sm badge-default uppercase flex justify-center ">${data.permohonan.status}</span>`;
                                 }
                             },
                             // tanggal kunjungan h+2 jika plafon di