diff --git a/Views/Main/DataBankSampah/Index.cshtml b/Views/Main/DataBankSampah/Index.cshtml index 81c3b08..422fd67 100644 --- a/Views/Main/DataBankSampah/Index.cshtml +++ b/Views/Main/DataBankSampah/Index.cshtml @@ -4,19 +4,136 @@
- + Data Bank Sampah
-
+
+
+ + +
+

Tambah Data Bank Sampah

+
+ +
+ +
+
+ + +
+ +
+ + +
+
+ + +
+
+ + +
+ +
+ + +
+
+ + +
+
+ + +
+ +
+ + +
+
+ + +
+
+ + +
+
+ + +
+ + +
+
+
+
+
+ +
+ + +
@@ -114,6 +231,9 @@ $('#example').on('click', '.btn-circle.btn-error', function (e) { e.preventDefault(); + // Get row data + var row = table.row($(this).parents('tr')).data(); + Swal.fire({ title: 'Apakah anda yakin?', text: "Data yang dihapus tidak dapat dikembalikan lagi", @@ -153,20 +273,73 @@ // Get row data var row = table.row($(this).parents('tr')).data(); - // TODO: Implement edit functionality - Swal.fire({ - title: 'Edit Data', - text: 'Editing: ' + row.nama, - icon: 'info', - confirmButtonText: 'OK', - buttonsStyling: false, - customClass: { - confirmButton: 'btn bg-green-800 text-white hover:bg-green-900 px-4 py-2 rounded-full', - }, - }); + // Set edit mode + $('#edit_mode').val('true'); + $('#modal_title').text('Edit Data Bank Sampah'); + + // Populate form with row data + $('#nama').val(row.nama); + $('#kabupaten').val(row.kabupaten); + $('#kecamatan').val(row.kecamatan); + $('#kelurahan').val(row.kelurahan); + $('#jenis').val(row.jenis); + $('#kategori').val(row.kategori); + + // Extract status from HTML badge + var statusText = $(row.status).text().trim(); + $('#status').val(statusText); + + // Open modal + modal_tambah.showModal(); }); }); + function closeModal() { + // Reset form + $('#formTambah')[0].reset(); + $('#edit_mode').val('false'); + $('#modal_title').text('Tambah Data Bank Sampah'); + + // Close modal + modal_tambah.close(); + } + + function submitForm(e) { + e.preventDefault(); + + var isEditMode = $('#edit_mode').val() === 'true'; + + // Collect form data + var formData = { + nama: $('#nama').val(), + kabupaten: $('#kabupaten').val(), + kecamatan: $('#kecamatan').val(), + kelurahan: $('#kelurahan').val(), + jenis: $('#jenis').val(), + kategori: $('#kategori').val(), + status: $('#status').val() + }; + + // TODO: Implement form submission logic (API call) + console.log('Form data:', formData); + + Swal.fire({ + title: 'Berhasil!', + text: isEditMode ? 'Data berhasil diperbarui' : 'Data berhasil ditambahkan', + icon: 'success', + confirmButtonText: 'OK', + buttonsStyling: false, + customClass: { + confirmButton: 'btn bg-green-800 text-white hover:bg-green-900 px-4 py-2 rounded-full', + }, + }).then(() => { + closeModal(); + + // Reload table + table.ajax.reload(); + }); + } + function applyFilter(e) { e.preventDefault();