feat(DataOfftaker): add validation button and add 'Belum Disetujui' status

Controllers/Main/DataOfftakerController.cs

@@ -21,7 +21,7 @@ namespace BankSampahApp.Controllers.Main
                     kecamatan = "Cipayung",
                     status= "<div class=\"badge badge-success badge-soft rounded-full\">Disetujui</div>",
                     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=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
                         "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
                         "</div>",
                 },
@@ -31,7 +31,7 @@ namespace BankSampahApp.Controllers.Main
                     kecamatan = "Matraman",
                     status= "<div class=\"badge badge-success badge-soft rounded-full\">Disetujui</div>",
                     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=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
                         "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
                         "</div>",
                 },
@@ -41,7 +41,7 @@ namespace BankSampahApp.Controllers.Main
                     kecamatan = "Kramat Jati",
                     status= "<div class=\"badge badge-success badge-soft rounded-full\">Disetujui</div>",
                     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=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
                         "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
                         "</div>",
                 },
@@ -51,7 +51,7 @@ namespace BankSampahApp.Controllers.Main
                     kecamatan = "Pulogadung",
                     status= "<div class=\"badge badge-success badge-soft rounded-full\">Disetujui</div>",
                     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=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
                         "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
                         "</div>",
                 },
@@ -61,7 +61,7 @@ namespace BankSampahApp.Controllers.Main
                     kecamatan = "Cakung",
                     status= "<div class=\"badge badge-error badge-soft rounded-full\">Tidak Disetujui</div>",
                     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=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
                         "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
                         "</div>",
                 },
@@ -71,12 +71,65 @@ namespace BankSampahApp.Controllers.Main
                     kecamatan = "Jatinegara",
                     status= "<div class=\"badge badge-error badge-soft rounded-full\">Tidak Disetujui</div>",
                     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=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
+                        "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
+                        "</div>",
+                },
+
+                // Tambahan 5 data baru
+                new {
+                    nama = "Fajar Ramadhan",
+                    kabupaten = "Kota Adm Jakarta Timur",
+                    kecamatan = "Duren Sawit",
+                    status= "<div class=\"badge badge-warning badge-soft rounded-full\">Belum Disetujui</div>",
+                    aksi = "<div class=\"flex gap-2\">" +
+                        "<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></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 = "Rina Oktaviani",
+                    kabupaten = "Kota Adm Jakarta Timur",
+                    kecamatan = "Makassar",
+                    status= "<div class=\"badge badge-warning badge-soft rounded-full\">Belum Disetujui</div>",
+                    aksi = "<div class=\"flex gap-2\">" +
+                        "<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></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 = "Tono Wijaya",
+                    kabupaten = "Kota Adm Jakarta Timur",
+                    kecamatan = "Ciracas",
+                    status= "<div class=\"badge badge-warning badge-soft rounded-full\">Belum Disetujui</div>",
+                    aksi = "<div class=\"flex gap-2\">" +
+                        "<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></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 = "Lilis Mawarni",
+                    kabupaten = "Kota Adm Jakarta Timur",
+                    kecamatan = "Pasar Rebo",
+                    status= "<div class=\"badge badge-warning badge-soft rounded-full\">Belum Disetujui</div>",
+                    aksi = "<div class=\"flex gap-2\">" +
+                        "<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></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 = "Yusuf Mahendra",
+                    kabupaten = "Kota Adm Jakarta Timur",
+                    kecamatan = "Cilangkap",
+                    status= "<div class=\"badge badge-warning badge-soft rounded-full\">Belum Disetujui</div>",
+                    aksi = "<div class=\"flex gap-2\">" +
+                        "<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></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
             {
                 data = data

Views/Main/DataOfftaker/Index.cshtml

@@ -114,6 +114,7 @@
                                 <option value="" disabled selected>Pilih status</option>
                                 <option value="Disetujui">Disetujui</option>
                                 <option value="Tidak Disetujui">Tidak Disetujui</option>
+                                <option value="Belum Disetujui">Belum Disetujui</option>
                             </select>
                         </fieldset>
                     </div>
@@ -243,6 +244,84 @@
             });
         });
 
+        $('#example').on('click', '.btn-circle.btn-success', function (e) {
+            Swal.fire({
+                title: 'Validasi Data Offtaker',
+                html: `
+                    <div class="text-left text-sm leading-relaxed">
+                        <p><strong>Nama Offtaker:</strong> BPS11</p>
+                        <p><strong>Email:</strong> bps11@gmail.com</p>
+                        <p><strong>Nomor HP:</strong> 0813191501974</p>
+                        <hr class="my-3">
+                        <p><strong>Provinsi:</strong> DKI JAKARTA</p>
+                        <p><strong>Kota:</strong> KOTA ADM. JAKARTA TIMUR</p>
+                        <p><strong>Kecamatan:</strong> KRAMATJATI</p>
+                        <p><strong>Kelurahan:</strong> KRAMATJATI</p>
+                        <hr class="my-3">
+                        <p><strong>Alamat:</strong> jalan dato tonggara V</p>
+                        <p><strong>RT / RW:</strong> 016 / 011</p>
+                        <p><strong>Kode Pos:</strong> 13510</p>
+                        <p><strong>Status:</strong> Disetujui</p>
+                    </div>
+                `,
+                icon: 'question',
+                showCancelButton: true,
+                showDenyButton: true,
+                confirmButtonText: 'Setujui Data',
+                denyButtonText: 'Tolak Data',
+                cancelButtonText: 'Batal',
+                buttonsStyling: false,
+                customClass: {
+                    confirmButton: 'btn bg-bank-sampah-primary-500 rounded-full text-white',
+                    denyButton: 'btn bg-red-500 text-white hover:bg-red-600 px-4 py-2 rounded-full mr-2',
+                    cancelButton: 'btn bg-white text-gray-500 hover:bg-gray-50 px-4 py-2 rounded-full border border-gray-300'
+                },
+            }).then((result) => {
+                
+                // APPROVE
+                if (result.isConfirmed) {
+                    Swal.fire({
+                        icon: 'success',
+                        title: 'Sukses!',
+                        text: 'Data berhasil di setujui.',
+                        timer: 1000,
+                        showConfirmButton: false
+                    });
+                }
+                
+                // REJECT → open reason form
+                else if (result.isDenied) {
+                    Swal.fire({
+                        title: 'Alasan Penolakan',
+                        input: 'textarea',
+                        inputPlaceholder: 'Masukkan keterangan mengapa data ditolak...',
+                        inputAttributes: {
+                            'aria-label': 'Reason'
+                        },
+                        showCancelButton: true,
+                        confirmButtonText: 'Ya, Tolak',
+                        cancelButtonText: 'Batal',
+                        buttonsStyling: false,
+                        customClass: {
+                            confirmButton: 'btn bg-red-500 text-white hover:bg-red-600 px-4 py-2 rounded-full mr-2',
+                            cancelButton: 'btn bg-white text-gray-500 hover:bg-gray-50 px-4 py-2 rounded-full border border-gray-300',
+                        },
+                    }).then((reasonResult) => {
+                        if (reasonResult.isConfirmed) {
+                            Swal.fire({
+                                icon: 'success',
+                                title: 'Sukses!',
+                                text: 'Data berhasil di tolak.',
+                                timer: 1000,
+                                showConfirmButton: false
+                            });
+                        }
+                    });
+                }
+            });
+        });
+
+
         function closeModal() {
             // Reset form
             $('#formTambah')[0].reset();