From 51451824ba2ebe31df3090f06a5a89aa16a1a741 Mon Sep 17 00:00:00 2001
From: wartana <wartana.wyn@gmail.com>
Date: Thu, 22 Jan 2026 08:53:47 +0800
Subject: [PATCH] Replace all confirmation dialogs with SweetAlert2

- Replace native confirm() with SweetAlert2 for better UX
- Add custom confirmation functions for logout and delete actions
- Fix HTML syntax errors (</> to </a>) in all data tables
- Use consistent styling with cancel/confirm buttons
- All confirmations now have 'Konfirmasi Hapus'/'Konfirmasi Logout' titles
---
 admin/datang/data_datang.php     | 31 +++++++++++++++++++++++++------
 admin/kartu/anggota.php          | 31 +++++++++++++++++++++++++------
 admin/lahir/data_lahir.php       | 31 +++++++++++++++++++++++++------
 admin/mendu/data_mendu.php       | 31 +++++++++++++++++++++++++------
 admin/pengguna/data_pengguna.php | 31 +++++++++++++++++++++++++------
 admin/pindah/data_pindah.php     | 31 +++++++++++++++++++++++++------
 index.php                        | 20 +++++++++++++++++++-
 7 files changed, 169 insertions(+), 37 deletions(-)

diff --git a/admin/datang/data_datang.php b/admin/datang/data_datang.php
index 65d1079..37f3467 100644
--- a/admin/datang/data_datang.php
+++ b/admin/datang/data_datang.php
@@ -56,10 +56,10 @@
 							 class="btn btn-success btn-sm">
 								<i class="fa fa-edit"></i>
 							</a>
-							<a href="?page=del-datang&kode=<?php echo $data['id_datang']; ?>" onclick="return confirm('Apakah anda yakin hapus data ini ?')"
+							<a href="?page=del-datang&kode=<?php echo $data['id_datang']; ?>" onclick="confirmDelete(event)"
 							 title="Hapus" class="btn btn-danger btn-sm">
 								<i class="fa fa-trash"></i>
-								</>
+								</a>
 						</td>
 					</tr>
 
@@ -68,7 +68,26 @@
             ?>
 				</tbody>
 				</tfoot>
-			</table>
-		</div>
-	</div>
-	<!-- /.card-body -->
\ No newline at end of file
+ 			</table>
+		</div>
+	</div>
+	<!-- /.card-body -->
+<script>
+function confirmDelete(event) {
+    event.preventDefault();
+    Swal.fire({
+        title: 'Konfirmasi Hapus',
+        text: 'Apakah Anda yakin ingin menghapus data ini?',
+        icon: 'warning',
+        showCancelButton: true,
+        confirmButtonColor: '#d33',
+        cancelButtonColor: '#3085d6',
+        confirmButtonText: 'Ya, Hapus',
+        cancelButtonText: 'Batal'
+    }).then((result) => {
+        if (result.isConfirmed) {
+            window.location.href = event.currentTarget.href;
+        }
+    });
+}
+</script>
\ No newline at end of file
diff --git a/admin/kartu/anggota.php b/admin/kartu/anggota.php
index 6550e90..1dc6c3b 100644
--- a/admin/kartu/anggota.php
+++ b/admin/kartu/anggota.php
@@ -125,7 +125,7 @@
 									<?php echo $data['hubungan']; ?>
 								</td>
 								<td>
-									<a href="?page=del-anggota&kode=<?php echo $data['id_anggota']; ?>" onclick="return confirm('Apakah anda yakin hapus data ini ?')"
+									<a href="?page=del-anggota&kode=<?php echo $data['id_anggota']; ?>" onclick="confirmDelete(event)"
 									 title="Hapus" class="btn btn-danger btn-sm">
 										<i class="fa fa-trash"></i>
 									</a>
@@ -135,11 +135,30 @@
 							<?php
               }
             ?>
-						</tbody>
-						</tfoot>
-					</table>
-				</div>
-			</div>
+						</tbody>
+						</tfoot>
+					</table>
+				</div>
+			</div>
+<script>
+function confirmDelete(event) {
+    event.preventDefault();
+    Swal.fire({
+        title: 'Konfirmasi Hapus',
+        text: 'Apakah Anda yakin ingin menghapus data ini?',
+        icon: 'warning',
+        showCancelButton: true,
+        confirmButtonColor: '#d33',
+        cancelButtonColor: '#3085d6',
+        confirmButtonText: 'Ya, Hapus',
+        cancelButtonText: 'Batal'
+    }).then((result) => {
+        if (result.isConfirmed) {
+            window.location.href = event.currentTarget.href;
+        }
+    });
+}
+</script>
 		</div>
 		<div class="card-footer">
 			<a href="?page=data-kartu" title="Kembali" class="btn btn-warning">Kembali</a>
diff --git a/admin/lahir/data_lahir.php b/admin/lahir/data_lahir.php
index cf9b69e..ff37d30 100644
--- a/admin/lahir/data_lahir.php
+++ b/admin/lahir/data_lahir.php
@@ -53,10 +53,10 @@
 							 class="btn btn-success btn-sm">
 								<i class="fa fa-edit"></i>
 							</a>
-							<a href="?page=del-lahir&kode=<?php echo $data['id_lahir']; ?>" onclick="return confirm('Apakah anda yakin hapus data ini ?')"
+							<a href="?page=del-lahir&kode=<?php echo $data['id_lahir']; ?>" onclick="confirmDelete(event)"
 							 title="Hapus" class="btn btn-danger btn-sm">
 								<i class="fa fa-trash"></i>
-								</>
+								</a>
 						</td>
 					</tr>
 
@@ -65,7 +65,26 @@
             ?>
 				</tbody>
 				</tfoot>
-			</table>
-		</div>
-	</div>
-	<!-- /.card-body -->
\ No newline at end of file
+ 			</table>
+		</div>
+	</div>
+	<!-- /.card-body -->
+<script>
+function confirmDelete(event) {
+    event.preventDefault();
+    Swal.fire({
+        title: 'Konfirmasi Hapus',
+        text: 'Apakah Anda yakin ingin menghapus data ini?',
+        icon: 'warning',
+        showCancelButton: true,
+        confirmButtonColor: '#d33',
+        cancelButtonColor: '#3085d6',
+        confirmButtonText: 'Ya, Hapus',
+        cancelButtonText: 'Batal'
+    }).then((result) => {
+        if (result.isConfirmed) {
+            window.location.href = event.currentTarget.href;
+        }
+    });
+}
+</script>
\ No newline at end of file
diff --git a/admin/mendu/data_mendu.php b/admin/mendu/data_mendu.php
index 617bbe5..f0ee18f 100644
--- a/admin/mendu/data_mendu.php
+++ b/admin/mendu/data_mendu.php
@@ -56,10 +56,10 @@
 							 class="btn btn-success btn-sm">
 								<i class="fa fa-edit"></i>
 							</a>
-							<a href="?page=del-mendu&kode=<?php echo $data['id_pend']; ?>" onclick="return confirm('Apakah anda yakin hapus data ini ?')"
+							<a href="?page=del-mendu&kode=<?php echo $data['id_pend']; ?>" onclick="confirmDelete(event)"
 							 title="Hapus" class="btn btn-danger btn-sm">
 								<i class="fa fa-trash"></i>
-								</>
+								</a>
 						</td>
 					</tr>
 
@@ -68,7 +68,26 @@
             ?>
 				</tbody>
 				</tfoot>
-			</table>
-		</div>
-	</div>
-	<!-- /.card-body -->
\ No newline at end of file
+ 			</table>
+		</div>
+	</div>
+	<!-- /.card-body -->
+<script>
+function confirmDelete(event) {
+    event.preventDefault();
+    Swal.fire({
+        title: 'Konfirmasi Hapus',
+        text: 'Apakah Anda yakin ingin menghapus data ini?',
+        icon: 'warning',
+        showCancelButton: true,
+        confirmButtonColor: '#d33',
+        cancelButtonColor: '#3085d6',
+        confirmButtonText: 'Ya, Hapus',
+        cancelButtonText: 'Batal'
+    }).then((result) => {
+        if (result.isConfirmed) {
+            window.location.href = event.currentTarget.href;
+        }
+    });
+}
+</script>
\ No newline at end of file
diff --git a/admin/pengguna/data_pengguna.php b/admin/pengguna/data_pengguna.php
index 2209a69..4d118e4 100644
--- a/admin/pengguna/data_pengguna.php
+++ b/admin/pengguna/data_pengguna.php
@@ -52,10 +52,10 @@
 							 class="btn btn-success btn-sm">
 								<i class="fa fa-edit"></i>
 							</a>
-							<a href="?page=del-pengguna&kode=<?php echo $data['id_pengguna']; ?>" onclick="return confirm('Apakah anda yakin hapus data ini ?')"
+							<a href="?page=del-pengguna&kode=<?php echo $data['id_pengguna']; ?>" onclick="confirmDelete(event)"
 							 title="Hapus" class="btn btn-danger btn-sm">
 								<i class="fa fa-trash"></i>
-								</>
+								</a>
 						</td>
 					</tr>
 
@@ -64,7 +64,26 @@
             ?>
 				</tbody>
 				</tfoot>
-			</table>
-		</div>
-	</div>
-	<!-- /.card-body -->
\ No newline at end of file
+ 			</table>
+		</div>
+	</div>
+	<!-- /.card-body -->
+<script>
+function confirmDelete(event) {
+    event.preventDefault();
+    Swal.fire({
+        title: 'Konfirmasi Hapus',
+        text: 'Apakah Anda yakin ingin menghapus data ini?',
+        icon: 'warning',
+        showCancelButton: true,
+        confirmButtonColor: '#d33',
+        cancelButtonColor: '#3085d6',
+        confirmButtonText: 'Ya, Hapus',
+        cancelButtonText: 'Batal'
+    }).then((result) => {
+        if (result.isConfirmed) {
+            window.location.href = event.currentTarget.href;
+        }
+    });
+}
+</script>
\ No newline at end of file
diff --git a/admin/pindah/data_pindah.php b/admin/pindah/data_pindah.php
index a12c2a0..7540504 100644
--- a/admin/pindah/data_pindah.php
+++ b/admin/pindah/data_pindah.php
@@ -56,10 +56,10 @@
 							 class="btn btn-success btn-sm">
 								<i class="fa fa-edit"></i>
 							</a>
-							<a href="?page=del-pindah&kode=<?php echo $data['id_pend']; ?>" onclick="return confirm('Apakah anda yakin hapus data ini ?')"
+							<a href="?page=del-pindah&kode=<?php echo $data['id_pend']; ?>" onclick="confirmDelete(event)"
 							 title="Hapus" class="btn btn-danger btn-sm">
 								<i class="fa fa-trash"></i>
-								</>
+								</a>
 						</td>
 					</tr>
 
@@ -68,7 +68,26 @@
             ?>
 				</tbody>
 				</tfoot>
-			</table>
-		</div>
-	</div>
-	<!-- /.card-body -->
\ No newline at end of file
+ 			</table>
+		</div>
+	</div>
+	<!-- /.card-body -->
+<script>
+function confirmDelete(event) {
+    event.preventDefault();
+    Swal.fire({
+        title: 'Konfirmasi Hapus',
+        text: 'Apakah Anda yakin ingin menghapus data ini?',
+        icon: 'warning',
+        showCancelButton: true,
+        confirmButtonColor: '#d33',
+        cancelButtonColor: '#3085d6',
+        confirmButtonText: 'Ya, Hapus',
+        cancelButtonText: 'Batal'
+    }).then((result) => {
+        if (result.isConfirmed) {
+            window.location.href = event.currentTarget.href;
+        }
+    });
+}
+</script>
\ No newline at end of file
diff --git a/index.php b/index.php
index 107dfca..eb29d74 100644
--- a/index.php
+++ b/index.php
@@ -483,7 +483,7 @@
 						?>
 
 						<li class="nav-item">
-							<a onclick="return confirm('Apakah anda yakin akan keluar ?')" href="logout.php" class="nav-link">
+							<a onclick="confirmLogout(event)" href="logout.php" class="nav-link">
 								<i class="nav-icon fas fa-arrow-circle-right"></i>
 								<p>
 									Logout
@@ -799,6 +799,24 @@
             $('#imageModal').modal('show');
         }
 
+        function confirmLogout(event) {
+            event.preventDefault();
+            Swal.fire({
+                title: 'Konfirmasi Logout',
+                text: 'Apakah Anda yakin akan keluar dari sistem?',
+                icon: 'question',
+                showCancelButton: true,
+                confirmButtonColor: '#3085d6',
+                cancelButtonColor: '#d33',
+                confirmButtonText: 'Ya, Keluar',
+                cancelButtonText: 'Batal'
+            }).then((result) => {
+                if (result.isConfirmed) {
+                    window.location.href = event.currentTarget.href;
+                }
+            });
+        }
+
         function zoomIn() {
             scale += 0.2;
             setTransform();