using Microsoft.AspNetCore.Mvc;

namespace BankSampahApp.Controllers.Reduksi
{
    [Route("Reduksi/[controller]/[action]")]
    public class CompostingController : Controller
    {
        public IActionResult Index()
        {
            return View("~/Views/Reduksi/Composting/Index.cshtml");
        }

        [HttpGet]
        public IActionResult Table()
        {
            var data = new[]
            {
                new {
                    tgl_pencatatan = "15 Mar 2024",
                    nama_bank_sampah = "Berkah Sampah",
                    nama_penanggung_jawab = "Dewi Nusantara",
                    jenis_sampah_organik = "Rumput",
                    jumlah_sampah_masuk = 345,
                    jumlah_kompos_dihasilkan = 172,
                    lama_proses = 14,
                    status_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Disetujui</span></div>",
                    catatan = "Perhatikan kebersihan",
                    catatan_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Tervalidasi</span></div>",
                    aksi = "<div class=\"flex gap-2\">" +
                    "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
                    "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
                    "</div>",
                },
                new {
                    tgl_pencatatan = "18 Agt 2024",
                    nama_bank_sampah = "Pelangi Persada",
                    nama_penanggung_jawab = "Bambang Hermanto",
                    jenis_sampah_organik = "Buah Busuk",
                    jumlah_sampah_masuk = 987,
                    jumlah_kompos_dihasilkan = 493,
                    lama_proses = 21,
                    status_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Disetujui</span></div>",
                    catatan = "Perlu dicek ulang",
                    catatan_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Tervalidasi</span></div>",
                    aksi = "<div class=\"flex gap-2\">" +
                    "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
                    "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
                    "</div>",
                },
                new {
                    tgl_pencatatan = "22 Apr 2024",
                    nama_bank_sampah = "Eco Makmur",
                    nama_penanggung_jawab = "Citra Lestari",
                    jenis_sampah_organik = "Jerami",
                    jumlah_sampah_masuk = 234,
                    jumlah_kompos_dihasilkan = 117,
                    lama_proses = 30,
                    status_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Disetujui</span></div>",
                    catatan = "Perlu ditingkatkan",
                    catatan_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Tervalidasi</span></div>",
                    aksi = "<div class=\"flex gap-2\">" +
                    "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
                    "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
                    "</div>",
                },
                new {
                    tgl_pencatatan = "12 Jun 2024",
                    nama_bank_sampah = "Griya Daur Ulang",
                    nama_penanggung_jawab = "Raden Agung",
                    jenis_sampah_organik = "Sayuran",
                    jumlah_sampah_masuk = 678,
                    jumlah_kompos_dihasilkan = 339,
                    lama_proses = 7,
                    status_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Disetujui</span></div>",
                    catatan = "Kualitas baik",
                    catatan_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Tervalidasi</span></div>",
                    aksi = "<div class=\"flex gap-2\">" +
                    "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
                    "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
                    "</div>",
                },
                new {
                    tgl_pencatatan = "29 Jul 2024",
                    nama_bank_sampah = "Bank Sampah Induk",
                    nama_penanggung_jawab = "Joko Widodo",
                    jenis_sampah_organik = "Daun Kering",
                    jumlah_sampah_masuk = 789,
                    jumlah_kompos_dihasilkan = 394,
                    lama_proses = 28,
                    status_validasi = "<div class=\"px-2 py-1 bg-red-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-red-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Belum Disetujui</span></div>",
                    catatan = "Cukup baik",
                    catatan_validasi = "<button class=\"btn-validasi px-3 py-1.5 bg-green-800 rounded-full text-white text-xs font-semibold font-['Plus_Jakarta_Sans'] hover:bg-green-900\">Validasi Data</button>",
                    aksi = "<div class=\"flex gap-2\">" +
                    "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
                    "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
                    "</div>",
                },
                new {
                    tgl_pencatatan = "01 Mei 2024",
                    nama_bank_sampah = "Ceria Hijau",
                    nama_penanggung_jawab = "Agnes Monica",
                    jenis_sampah_organik = "Sisa Makanan",
                    jumlah_sampah_masuk = 456,
                    jumlah_kompos_dihasilkan = 228,
                    lama_proses = 21,
                    status_validasi = "<div class=\"px-2 py-1 bg-red-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-red-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Belum Disetujui</span></div>",
                    catatan = "Bagus",
                    catatan_validasi = "<button class=\"btn-validasi px-3 py-1.5 bg-green-800 rounded-full text-white text-xs font-semibold font-['Plus_Jakarta_Sans'] hover:bg-green-900\">Validasi Data</button>",
                    aksi = "<div class=\"flex gap-2\">" +
                    "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
                    "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
                    "</div>",
                },
                new {
                    tgl_pencatatan = "05 Jan 2024",
                    nama_bank_sampah = "Hijau Lestari",
                    nama_penanggung_jawab = "Andi Wijaya",
                    jenis_sampah_organik = "Dedaunan",
                    jumlah_sampah_masuk = 523,
                    jumlah_kompos_dihasilkan = 261,
                    lama_proses = 18,
                    status_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Disetujui</span></div>",
                    catatan = "Sangat baik",
                    catatan_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Tervalidasi</span></div>",
                    aksi = "<div class=\"flex gap-2\">" +
                    "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
                    "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
                    "</div>",
                },
                new {
                    tgl_pencatatan = "11 Feb 2024",
                    nama_bank_sampah = "Sahabat Bumi",
                    nama_penanggung_jawab = "Rina Susanti",
                    jenis_sampah_organik = "Kulit Buah",
                    jumlah_sampah_masuk = 421,
                    jumlah_kompos_dihasilkan = 210,
                    lama_proses = 25,
                    status_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Disetujui</span></div>",
                    catatan = "Kondisi bagus",
                    catatan_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Tervalidasi</span></div>",
                    aksi = "<div class=\"flex gap-2\">" +
                    "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
                    "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
                    "</div>",
                },
                new {
                    tgl_pencatatan = "19 Mar 2024",
                    nama_bank_sampah = "Bersih Sejahtera",
                    nama_penanggung_jawab = "Hendra Gunawan",
                    jenis_sampah_organik = "Ranting",
                    jumlah_sampah_masuk = 678,
                    jumlah_kompos_dihasilkan = 339,
                    lama_proses = 35,
                    status_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Disetujui</span></div>",
                    catatan = "Sesuai standar",
                    catatan_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Tervalidasi</span></div>",
                    aksi = "<div class=\"flex gap-2\">" +
                    "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
                    "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
                    "</div>",
                },
                new {
                    tgl_pencatatan = "25 Apr 2024",
                    nama_bank_sampah = "Karya Mandiri",
                    nama_penanggung_jawab = "Sari Indah",
                    jenis_sampah_organik = "Ampas Kopi",
                    jumlah_sampah_masuk = 312,
                    jumlah_kompos_dihasilkan = 156,
                    lama_proses = 12,
                    status_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Disetujui</span></div>",
                    catatan = "Aman untuk proses",
                    catatan_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Tervalidasi</span></div>",
                    aksi = "<div class=\"flex gap-2\">" +
                    "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
                    "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
                    "</div>",
                },
                new {
                    tgl_pencatatan = "08 Mei 2024",
                    nama_bank_sampah = "Bumi Asri",
                    nama_penanggung_jawab = "Taufik Rahman",
                    jenis_sampah_organik = "Kayu",
                    jumlah_sampah_masuk = 589,
                    jumlah_kompos_dihasilkan = 294,
                    lama_proses = 45,
                    status_validasi = "<div class=\"px-2 py-1 bg-red-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-red-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Belum Disetujui</span></div>",
                    catatan = "Perlu verifikasi",
                    catatan_validasi = "<button class=\"btn-validasi px-3 py-1.5 bg-green-800 rounded-full text-white text-xs font-semibold font-['Plus_Jakarta_Sans'] hover:bg-green-900\">Validasi Data</button>",
                    aksi = "<div class=\"flex gap-2\">" +
                    "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
                    "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
                    "</div>",
                },
                new {
                    tgl_pencatatan = "14 Jun 2024",
                    nama_bank_sampah = "Lestari Alam",
                    nama_penanggung_jawab = "Maya Putri",
                    jenis_sampah_organik = "Rumput",
                    jumlah_sampah_masuk = 723,
                    jumlah_kompos_dihasilkan = 361,
                    lama_proses = 16,
                    status_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Disetujui</span></div>",
                    catatan = "Siap olah",
                    catatan_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Tervalidasi</span></div>",
                    aksi = "<div class=\"flex gap-2\">" +
                    "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
                    "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
                    "</div>",
                },
                new {
                    tgl_pencatatan = "20 Jul 2024",
                    nama_bank_sampah = "Mandiri Sejahtera",
                    nama_penanggung_jawab = "Budi Santoso",
                    jenis_sampah_organik = "Buah Busuk",
                    jumlah_sampah_masuk = 445,
                    jumlah_kompos_dihasilkan = 222,
                    lama_proses = 19,
                    status_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Disetujui</span></div>",
                    catatan = "Kondisi bersih",
                    catatan_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Tervalidasi</span></div>",
                    aksi = "<div class=\"flex gap-2\">" +
                    "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
                    "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
                    "</div>",
                },
                new {
                    tgl_pencatatan = "27 Agt 2024",
                    nama_bank_sampah = "Cahaya Bersih",
                    nama_penanggung_jawab = "Lina Marlina",
                    jenis_sampah_organik = "Jerami",
                    jumlah_sampah_masuk = 267,
                    jumlah_kompos_dihasilkan = 133,
                    lama_proses = 28,
                    status_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Disetujui</span></div>",
                    catatan = "Layak proses",
                    catatan_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Tervalidasi</span></div>",
                    aksi = "<div class=\"flex gap-2\">" +
                    "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
                    "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
                    "</div>",
                },
                new {
                    tgl_pencatatan = "03 Sep 2024",
                    nama_bank_sampah = "Hijau Persada",
                    nama_penanggung_jawab = "Agus Salim",
                    jenis_sampah_organik = "Sayuran",
                    jumlah_sampah_masuk = 198,
                    jumlah_kompos_dihasilkan = 99,
                    lama_proses = 8,
                    status_validasi = "<div class=\"px-2 py-1 bg-red-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-red-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Belum Disetujui</span></div>",
                    catatan = "Butuh pemilahan ulang",
                    catatan_validasi = "<button class=\"btn-validasi px-3 py-1.5 bg-green-800 rounded-full text-white text-xs font-semibold font-['Plus_Jakarta_Sans'] hover:bg-green-900\">Validasi Data</button>",
                    aksi = "<div class=\"flex gap-2\">" +
                    "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
                    "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
                    "</div>",
                },
                new {
                    tgl_pencatatan = "10 Okt 2024",
                    nama_bank_sampah = "Nusa Indah",
                    nama_penanggung_jawab = "Wati Suryani",
                    jenis_sampah_organik = "Daun Kering",
                    jumlah_sampah_masuk = 534,
                    jumlah_kompos_dihasilkan = 267,
                    lama_proses = 22,
                    status_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Disetujui</span></div>",
                    catatan = "Siap didistribusi",
                    catatan_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Tervalidasi</span></div>",
                    aksi = "<div class=\"flex gap-2\">" +
                    "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
                    "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
                    "</div>",
                },
                new {
                    tgl_pencatatan = "17 Nov 2024",
                    nama_bank_sampah = "Melati Putih",
                    nama_penanggung_jawab = "Dedi Kurniawan",
                    jenis_sampah_organik = "Sisa Makanan",
                    jumlah_sampah_masuk = 156,
                    jumlah_kompos_dihasilkan = 78,
                    lama_proses = 10,
                    status_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Disetujui</span></div>",
                    catatan = "Hati-hati proses",
                    catatan_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Tervalidasi</span></div>",
                    aksi = "<div class=\"flex gap-2\">" +
                    "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
                    "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
                    "</div>",
                },
                new {
                    tgl_pencatatan = "23 Des 2024",
                    nama_bank_sampah = "Sejahtera Bersama",
                    nama_penanggung_jawab = "Yuni Astuti",
                    jenis_sampah_organik = "Dedaunan",
                    jumlah_sampah_masuk = 89,
                    jumlah_kompos_dihasilkan = 44,
                    lama_proses = 15,
                    status_validasi = "<div class=\"px-2 py-1 bg-red-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-red-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Belum Disetujui</span></div>",
                    catatan = "Perlu penanganan khusus",
                    catatan_validasi = "<button class=\"btn-validasi px-3 py-1.5 bg-green-800 rounded-full text-white text-xs font-semibold font-['Plus_Jakarta_Sans'] hover:bg-green-900\">Validasi Data</button>",
                    aksi = "<div class=\"flex gap-2\">" +
                    "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
                    "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
                    "</div>",
                },
                new {
                    tgl_pencatatan = "02 Jan 2024",
                    nama_bank_sampah = "Asri Jaya",
                    nama_penanggung_jawab = "Fajar Hidayat",
                    jenis_sampah_organik = "Kulit Buah",
                    jumlah_sampah_masuk = 612,
                    jumlah_kompos_dihasilkan = 306,
                    lama_proses = 20,
                    status_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Disetujui</span></div>",
                    catatan = "Kualitas premium",
                    catatan_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Tervalidasi</span></div>",
                    aksi = "<div class=\"flex gap-2\">" +
                    "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
                    "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
                    "</div>",
                },
                new {
                    tgl_pencatatan = "09 Feb 2024",
                    nama_bank_sampah = "Mitra Lingkungan",
                    nama_penanggung_jawab = "Indra Permana",
                    jenis_sampah_organik = "Ranting",
                    jumlah_sampah_masuk = 387,
                    jumlah_kompos_dihasilkan = 193,
                    lama_proses = 40,
                    status_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Disetujui</span></div>",
                    catatan = "Sangat layak",
                    catatan_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Tervalidasi</span></div>",
                    aksi = "<div class=\"flex gap-2\">" +
                    "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
                    "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
                    "</div>",
                },
                new {
                    tgl_pencatatan = "16 Mar 2024",
                    nama_bank_sampah = "Harapan Baru",
                    nama_penanggung_jawab = "Sri Wahyuni",
                    jenis_sampah_organik = "Ampas Kopi",
                    jumlah_sampah_masuk = 498,
                    jumlah_kompos_dihasilkan = 249,
                    lama_proses = 11,
                    status_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Disetujui</span></div>",
                    catatan = "Proses lancar",
                    catatan_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Tervalidasi</span></div>",
                    aksi = "<div class=\"flex gap-2\">" +
                    "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
                    "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
                    "</div>",
                },
                new {
                    tgl_pencatatan = "24 Apr 2024",
                    nama_bank_sampah = "Sumber Rejeki",
                    nama_penanggung_jawab = "Ahmad Dahlan",
                    jenis_sampah_organik = "Rumput",
                    jumlah_sampah_masuk = 276,
                    jumlah_kompos_dihasilkan = 138,
                    lama_proses = 17,
                    status_validasi = "<div class=\"px-2 py-1 bg-red-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-red-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Belum Disetujui</span></div>",
                    catatan = "Kondisi kurang baik",
                    catatan_validasi = "<button class=\"btn-validasi px-3 py-1.5 bg-green-800 rounded-full text-white text-xs font-semibold font-['Plus_Jakarta_Sans'] hover:bg-green-900\">Validasi Data</button>",
                    aksi = "<div class=\"flex gap-2\">" +
                    "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
                    "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
                    "</div>",
                },
                new {
                    tgl_pencatatan = "30 Mei 2024",
                    nama_bank_sampah = "Berkah Mulia",
                    nama_penanggung_jawab = "Sinta Dewi",
                    jenis_sampah_organik = "Buah Busuk",
                    jumlah_sampah_masuk = 145,
                    jumlah_kompos_dihasilkan = 72,
                    lama_proses = 23,
                    status_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Disetujui</span></div>",
                    catatan = "Cocok kompos",
                    catatan_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Tervalidasi</span></div>",
                    aksi = "<div class=\"flex gap-2\">" +
                    "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
                    "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
                    "</div>",
                },
                new {
                    tgl_pencatatan = "07 Jun 2024",
                    nama_bank_sampah = "Damai Sejahtera",
                    nama_penanggung_jawab = "Rian Febrian",
                    jenis_sampah_organik = "Jerami",
                    jumlah_sampah_masuk = 821,
                    jumlah_kompos_dihasilkan = 410,
                    lama_proses = 32,
                    status_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Disetujui</span></div>",
                    catatan = "Sudah tersortir",
                    catatan_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Tervalidasi</span></div>",
                    aksi = "<div class=\"flex gap-2\">" +
                    "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
                    "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
                    "</div>",
                },
                new {
                    tgl_pencatatan = "13 Jul 2024",
                    nama_bank_sampah = "Pelita Harapan",
                    nama_penanggung_jawab = "Nurul Aini",
                    jenis_sampah_organik = "Sayuran",
                    jumlah_sampah_masuk = 356,
                    jumlah_kompos_dihasilkan = 178,
                    lama_proses = 9,
                    status_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Disetujui</span></div>",
                    catatan = "Bersih dan rapi",
                    catatan_validasi = "<div class=\"px-2 py-1 bg-green-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-green-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Tervalidasi</span></div>",
                    aksi = "<div class=\"flex gap-2\">" +
                    "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
                    "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
                    "</div>",
                },
                new {
                    tgl_pencatatan = "21 Agt 2024",
                    nama_bank_sampah = "Cahaya Mandiri",
                    nama_penanggung_jawab = "Eko Prasetyo",
                    jenis_sampah_organik = "Daun Kering",
                    jumlah_sampah_masuk = 289,
                    jumlah_kompos_dihasilkan = 144,
                    lama_proses = 26,
                    status_validasi = "<div class=\"px-2 py-1 bg-red-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-red-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Belum Disetujui</span></div>",
                    catatan = "Ada pecahan",
                    catatan_validasi = "<button class=\"btn-validasi px-3 py-1.5 bg-green-800 rounded-full text-white text-xs font-semibold font-['Plus_Jakarta_Sans'] hover:bg-green-900\">Validasi Data</button>",
                    aksi = "<div class=\"flex gap-2\">" +
                    "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
                    "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px]\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
                    "</div>",
                },
            };

            var response = new
            {
                data = data
            };

            return Json(response);
        }
    }
}