From 566986bf68d1faf46dcd34dfd3b6baa909f690b7 Mon Sep 17 00:00:00 2001
From: Kevin Hendrawan <projectkevin97@gmail.com>
Date: Fri, 21 Nov 2025 23:20:56 +0700
Subject: [PATCH] feat(KategoriSampah) : add field jenis sampah and column
 jenis_sampah

---
 .../Master/KategoriSampahController.cs        | 40 +++++++++++------
 Views/Master/KategoriSampah/Index.cshtml      | 43 ++++++++++++++++++-
 2 files changed, 70 insertions(+), 13 deletions(-)

diff --git a/Controllers/Master/KategoriSampahController.cs b/Controllers/Master/KategoriSampahController.cs
index a6a88db..2b7f38a 100644
--- a/Controllers/Master/KategoriSampahController.cs
+++ b/Controllers/Master/KategoriSampahController.cs
@@ -19,34 +19,50 @@ namespace BankSampahApp.Controllers.Master
                     nama = "Kertas",
                     jenis_sampah = "Anorganik",
                     aksi = "<div class=\"flex gap-2\">" +
-                    "<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" +
-                    "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
-                    "</div>",
+                        "<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" +
+                        "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
+                        "</div>",
                 },
                 new {
                     nama = "Kardus",
                     jenis_sampah = "Anorganik",
                     aksi = "<div class=\"flex gap-2\">" +
-                    "<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" +
-                    "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
-                    "</div>",
+                        "<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" +
+                        "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
+                        "</div>",
                 },
                 new {
                     nama = "Plastik",
                     jenis_sampah = "Anorganik",
                     aksi = "<div class=\"flex gap-2\">" +
-                    "<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" +
-                    "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
-                    "</div>",
+                        "<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" +
+                        "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
+                        "</div>",
                 },
                 new {
                     nama = "Lain-lain",
                     jenis_sampah = "Anorganik",
                     aksi = "<div class=\"flex gap-2\">" +
-                    "<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" +
-                    "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
-                    "</div>",
+                        "<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" +
+                        "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
+                        "</div>",
                 },
+                new {
+                    nama = "Sisa Makanan",
+                    jenis_sampah = "Organik",
+                    aksi = "<div class=\"flex gap-2\">" +
+                        "<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" +
+                        "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
+                        "</div>",
+                },
+                new {
+                    nama = "Baterai Bekas",
+                    jenis_sampah = "B3 Sampah Rumah Tangga",
+                    aksi = "<div class=\"flex gap-2\">" +
+                        "<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" +
+                        "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
+                        "</div>",
+                }
             };
 
             var response = new
diff --git a/Views/Master/KategoriSampah/Index.cshtml b/Views/Master/KategoriSampah/Index.cshtml
index a25da86..2eb2c15 100644
--- a/Views/Master/KategoriSampah/Index.cshtml
+++ b/Views/Master/KategoriSampah/Index.cshtml
@@ -34,6 +34,18 @@
                     </fieldset>
                 </div>
 
+                <div class="flex flex-col">
+                    <fieldset class="fieldset">
+                        <legend class="fieldset-legend">
+                            Jenis Sampah
+                            <span class="text-red-500">*</span>
+                        </legend>
+                        <select id="jenis_sampah" class="select w-full" required>
+                            <option value="" disabled selected>Pilih Jenis Sampah</option>
+                        </select>
+                    </fieldset>
+                </div>
+
                 <!-- Buttons -->
                 <div class="flex flex-col sm:flex-row gap-3 justify-end">
                     <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 -outline-offset-1 outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
@@ -62,7 +74,8 @@
                 <thead>
                     <tr>
                         <th class="w-[5%]">No</th>
-                        <th class="w-[85%]">Nama Kategori Sampah</th>
+                        <th class="w-[60%]">Nama Kategori Sampah</th>
+                        <th class="w-[25%]">Jenis Sampah</th>
                         <th class="w-[10%]">Aksi</th>
                     </tr>
                 </thead>
@@ -88,6 +101,7 @@
             columns: [
                 { data: null, render: (d, t, r, m) => m.row + 1, orderable: false, searchable: false },
                 { data: 'nama' },
+                { data: 'jenis_sampah' },
                 { data: 'aksi' },
             ]
         });
@@ -145,6 +159,33 @@
             // Open modal
             modal_tambah.showModal();
         });
+
+        // Get data for jenis sampah select
+        $.ajax({
+            url: '/Master/JenisSampah/table',   // Ganti sesuai endpoint kamu
+            method: 'GET',
+            dataType: 'json',
+            success: function (response) {
+                var dropdown = $('#jenis_sampah');
+
+                // Hapus placeholder lama
+                dropdown.empty();
+                dropdown.append('<option value="" disabled selected>Pilih Jenis Sampah</option>');
+
+                // Tambahkan item dari API
+                $.each(response, function (index, item) {
+                    dropdown.append(
+                        $('<option>', {
+                            value: item.nama,
+                            text: item.nama
+                        })
+                    );
+                });
+            },
+            error: function () {
+                console.error('Gagal memuat data jenis sampah.');
+            }
+        });
     });
 
     function closeModal() {