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 {
                    periode = "Mar 2024",
                    nama_bank_sampah = "Berkah Sampah",
                    jumlah_sampah_reduksi = 345,
                    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 {
                    periode = "Mar 2024",
                    nama_bank_sampah = "Pelangi Persada",
                    jumlah_sampah_reduksi = 280,
                    lama_proses = 10,
                    status_validasi = "<div class=\"px-2 py-1 bg-yellow-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-yellow-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Menunggu</span></div>",
                    catatan = "Butuh pengecekan ulang",
                    catatan_validasi = "<div class=\"px-2 py-1 bg-yellow-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-yellow-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Diproses</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 {
                    periode = "Mar 2024",
                    nama_bank_sampah = "Eco Makmur",
                    jumlah_sampah_reduksi = 410,
                    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 = "Sesuai SOP",
                    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 {
                    periode = "Mar 2024",
                    nama_bank_sampah = "Griya Daur Ulang",
                    jumlah_sampah_reduksi = 188,
                    lama_proses = 9,
                    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']\">Ditolak</span></div>",
                    catatan = "Data tidak sesuai",
                    catatan_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']\">Tidak Valid</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 {
                    periode = "Mar 2024",
                    nama_bank_sampah = "Bank Sampah Induk",
                    jumlah_sampah_reduksi = 590,
                    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 = "Volume tinggi dan stabil",
                    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 {
                    periode = "Mar 2024",
                    nama_bank_sampah = "Ceria Hijau",
                    jumlah_sampah_reduksi = 260,
                    lama_proses = 11,
                    status_validasi = "<div class=\"px-2 py-1 bg-yellow-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-yellow-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Menunggu</span></div>",
                    catatan = "Menunggu verifikasi lanjutan",
                    catatan_validasi = "<div class=\"px-2 py-1 bg-yellow-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-yellow-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Diproses</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 {
                    periode = "Apr 2024",
                    nama_bank_sampah = "Berkah Sampah",
                    jumlah_sampah_reduksi = 402,
                    lama_proses = 13,
                    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 = "Hasil pengurangan meningkat",
                    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 {
                    periode = "Apr 2024",
                    nama_bank_sampah = "Pelangi Persada",
                    jumlah_sampah_reduksi = 330,
                    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']\">Ditolak</span></div>",
                    catatan = "Dokumen tidak lengkap",
                    catatan_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']\">Tidak Valid</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 {
                    periode = "Apr 2024",
                    nama_bank_sampah = "Eco Makmur",
                    jumlah_sampah_reduksi = 480,
                    lama_proses = 9,
                    status_validasi = "<div class=\"px-2 py-1 bg-yellow-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-yellow-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Menunggu</span></div>",
                    catatan = "Perlu verifikasi tambahan",
                    catatan_validasi = "<div class=\"px-2 py-1 bg-yellow-50 rounded-full inline-flex items-center justify-center\"><span class=\"text-yellow-600 text-xs font-semibold font-['Plus_Jakarta_Sans']\">Diproses</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 {
                    periode = "Apr 2024",
                    nama_bank_sampah = "Griya Daur Ulang",
                    jumlah_sampah_reduksi = 245,
                    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 = "Data lengkap dan valid",
                    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 {
                    periode = "Apr 2024",
                    nama_bank_sampah = "Bank Sampah Induk",
                    jumlah_sampah_reduksi = 700,
                    lama_proses = 6,
                    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 = "Performa pengurangan 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 {
                    periode = "Apr 2024",
                    nama_bank_sampah = "Ceria Hijau",
                    jumlah_sampah_reduksi = 220,
                    lama_proses = 12,
                    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']\">Ditolak</span></div>",
                    catatan = "Pengurangan tidak sesuai kriteria",
                    catatan_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']\">Tidak Valid</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>",
                },
            };

            var response = new
            {
                data = data
            };

            return Json(response);
        }
    }
}