diff --git a/.gitignore b/.gitignore
index 4126c5c2d8..ececb89ee2 100644
--- a/.gitignore
+++ b/.gitignore
@@ -30,7 +30,9 @@ public/error_log
 /.vscode
 
 # Themes
-# /themes/*
+/themes/*
+!/themes/opendk/
+/themes/opendk/*
 !/themes/opendk/default/
 /storage/komplain
 
diff --git a/public/js/admin.js b/public/js/admin.js
index 31480f3533..445a5c445a 100644
--- a/public/js/admin.js
+++ b/public/js/admin.js
@@ -11,13 +11,7 @@ function errorValidation(response) {
     var errors = response.responseJSON?.errors;
 
     if (!errors) {
-        Swal.fire({
-            title: 'Gagal!',
-            text: response,
-            icon: 'error',
-            confirmButtonText: 'OK',
-            timer: 1500
-        });
+        openAlert(response, 'Gagal!', 'danger');
     } else {
         $.each(errors, function(key, value) {
             $('#' + key)
diff --git a/public/js/modal-helper.js b/public/js/modal-helper.js
new file mode 100644
index 0000000000..8ef1a02d4f
--- /dev/null
+++ b/public/js/modal-helper.js
@@ -0,0 +1,45 @@
+var confirmCallback = null;
+
+function openAlert(message, title, type) {
+    var modal = $('#modal-alert');
+    modal.find('.modal-title').text(title || 'Pesan');
+    modal.find('.modal-body').html(message || '');
+    modal.find('.modal-content').removeClass('modal-danger modal-success modal-warning modal-info');
+    if (type) {
+        modal.find('.modal-content').addClass('modal-' + type);
+    }
+    modal.modal('show');
+}
+
+function openConfirm(message, title, callback, btnYesText) {
+    var modal = $('#modal-confirm');
+    modal.find('.modal-title').text(title || 'Konfirmasi');
+    modal.find('.modal-body').html(message || '');
+    confirmCallback = callback;
+    modal.find('#modal-confirm-yes').text(btnYesText || 'Ya');
+    modal.modal('show');
+}
+
+$(document).on('click', '#modal-confirm-yes', function () {
+    $('#modal-confirm').modal('hide');
+    if (typeof confirmCallback === 'function') {
+        confirmCallback();
+    }
+});
+
+$(document).on('click', '[data-confirm]', function (e) {
+    e.preventDefault();
+    var btn = $(this);
+    var message = btn.data('confirm');
+    var title = btn.data('confirm-title') || 'Konfirmasi';
+    var btnText = btn.data('confirm-btn') || 'Ya';
+    var form = btn.closest('form');
+    var href = btn.attr('href');
+    openConfirm(message, title, function () {
+        if (form.length) {
+            form[0].submit();
+        } else if (href) {
+            window.location.href = href;
+        }
+    }, btnText);
+});
diff --git a/resources/views/auth/2fa/verify-activation.blade.php b/resources/views/auth/2fa/verify-activation.blade.php
index ef9c210f40..3cd2c084c9 100644
--- a/resources/views/auth/2fa/verify-activation.blade.php
+++ b/resources/views/auth/2fa/verify-activation.blade.php
@@ -189,7 +189,7 @@ function updateOtpValue() {
                     if (expirySeconds <= 0) {
                         clearInterval(expiryInterval);
                         clearInterval(resendInterval);
-                        alert('Kode OTP telah kadaluarsa. Silakan minta kode baru.');
+                        openAlert('Kode OTP telah kadaluarsa. Silakan minta kode baru.', 'Info');
                         window.location.href = '{{ route('otp2fa.index') }}';
                     }
                 }, 1000);
@@ -222,12 +222,12 @@ function updateOtpValue() {
                                 }
                             }, 1000);
 
-                            alert('Kode OTP baru telah dikirim.');
+                            openAlert('Kode OTP baru telah dikirim.', 'Info', 'success');
                         } else {
-                            alert(response.message || 'Gagal mengirim ulang kode OTP.');
+                            openAlert(response.message || 'Gagal mengirim ulang kode OTP.', 'Info', 'warning');
                         }
                     }).fail(function() {
-                        alert('Gagal mengirim ulang kode OTP.');
+                        openAlert('Gagal mengirim ulang kode OTP.', 'Error', 'danger');
                     });
                 });
             });
diff --git a/resources/views/auth/2fa/verify-login.blade.php b/resources/views/auth/2fa/verify-login.blade.php
index 022c7290b5..1d925e7744 100644
--- a/resources/views/auth/2fa/verify-login.blade.php
+++ b/resources/views/auth/2fa/verify-login.blade.php
@@ -237,7 +237,7 @@ function updateOtpValue() {
                 if (expirySeconds <= 0) {
                     clearInterval(expiryInterval);
                     clearInterval(resendInterval);
-                    alert('Kode 2FA telah kadaluarsa. Silakan minta kode baru.');
+                    openAlert('Kode 2FA telah kadaluarsa. Silakan minta kode baru.', 'Info');
                     window.location.href = '{{ route('login') }}';
                 }
             }, 1000);
@@ -256,7 +256,7 @@ function updateOtpValue() {
                         purpose: '2fa_login'
                     },
                     success: function(response) {
-                        alert(response.message);
+                        openAlert(response.message, 'Info', 'success');
 
                         // Reset expiry timer
                         expirySeconds = expiryMinutes * 60;
@@ -282,7 +282,7 @@ function updateOtpValue() {
                         }, 1000);
                     },
                     error: function(xhr) {
-                        alert('Gagal mengirim ulang kode 2FA');
+                        openAlert('Gagal mengirim ulang kode 2FA', 'Error', 'danger');
                         $('#resend-btn').prop('disabled', false).html(
                             '<i class="fa fa-refresh"></i> Kirim Ulang');
                     }
diff --git a/resources/views/auth/otp/verify-activation.blade.php b/resources/views/auth/otp/verify-activation.blade.php
index 62543f628f..0b24ae8123 100644
--- a/resources/views/auth/otp/verify-activation.blade.php
+++ b/resources/views/auth/otp/verify-activation.blade.php
@@ -190,7 +190,7 @@ function updateOtpValue() {
                     if (expirySeconds <= 0) {
                         clearInterval(expiryInterval);
                         clearInterval(resendInterval);
-                        alert('Kode OTP telah kadaluarsa. Silakan minta kode baru.');
+                        openAlert('Kode OTP telah kadaluarsa. Silakan minta kode baru.', 'Info');
                         window.location.href = '{{ route('otp2fa.index') }}';
                     }
                 }, 1000);
@@ -209,7 +209,7 @@ function updateOtpValue() {
                             purpose: 'activation'
                         },
                         success: function(response) {
-                            alert(response.message);
+                            openAlert(response.message, 'Info', 'success');
 
                             // Reset timer
                             expirySeconds = expiryMinutes * 60;
@@ -235,7 +235,7 @@ function updateOtpValue() {
                             }, 1000);
                         },
                         error: function(xhr) {
-                            alert('Gagal mengirim ulang kode OTP');
+                            openAlert('Gagal mengirim ulang kode OTP', 'Error', 'danger');
                             $('#resend-btn').prop('disabled', false).html(
                                 '<i class="fa fa-refresh"></i> Kirim Ulang');
                         }
diff --git a/resources/views/auth/otp/verify-login.blade.php b/resources/views/auth/otp/verify-login.blade.php
index 692fb4b4b0..9016903643 100644
--- a/resources/views/auth/otp/verify-login.blade.php
+++ b/resources/views/auth/otp/verify-login.blade.php
@@ -237,7 +237,7 @@ function updateOtpValue() {
                 if (expirySeconds <= 0) {
                     clearInterval(expiryInterval);
                     clearInterval(resendInterval);
-                    alert('Kode OTP telah kadaluarsa. Silakan minta kode baru.');
+                    openAlert('Kode OTP telah kadaluarsa. Silakan minta kode baru.', 'Info');
                     window.location.href = '{{ route('otp.login') }}';
                 }
             }, 1000);
@@ -256,7 +256,7 @@ function updateOtpValue() {
                         purpose: 'login'
                     },
                     success: function(response) {
-                        alert(response.message);
+                        openAlert(response.message, 'Info', 'success');
 
                         // Reset expiry timer
                         expirySeconds = expiryMinutes * 60;
@@ -282,7 +282,7 @@ function updateOtpValue() {
                         }, 1000);
                     },
                     error: function(xhr) {
-                        alert('Gagal mengirim ulang kode OTP');
+                        openAlert('Gagal mengirim ulang kode OTP', 'Error', 'danger');
                         $('#resend-btn').prop('disabled', false).html(
                             '<i class="fa fa-refresh"></i> Kirim Ulang');
                     }
diff --git a/resources/views/auth/otp2fa/verify-settings.blade.php b/resources/views/auth/otp2fa/verify-settings.blade.php
index ff6e10c5f0..9eee720613 100644
--- a/resources/views/auth/otp2fa/verify-settings.blade.php
+++ b/resources/views/auth/otp2fa/verify-settings.blade.php
@@ -191,7 +191,7 @@ function updateOtpValue() {
                     if (expirySeconds <= 0) {
                         clearInterval(expiryInterval);
                         clearInterval(resendInterval);
-                        alert('Kode verifikasi telah kadaluarsa. Silakan minta kode baru.');
+                        openAlert('Kode verifikasi telah kadaluarsa. Silakan minta kode baru.', 'Info');
                         window.location.href = '{{ route('otp2fa.index') }}';
                     }
                 }, 1000);
@@ -210,7 +210,7 @@ function updateOtpValue() {
                             purpose: 'settings_verification'
                         },
                         success: function(response) {
-                            alert(response.message);
+                            openAlert(response.message, 'Info', 'success');
 
                             // Reset timer
                             expirySeconds = expiryMinutes * 60;
@@ -236,7 +236,7 @@ function updateOtpValue() {
                             }, 1000);
                         },
                         error: function(xhr) {
-                            alert('Gagal mengirim ulang kode verifikasi');
+                            openAlert('Gagal mengirim ulang kode verifikasi', 'Error', 'danger');
                             $('#resend-btn').prop('disabled', false).html(
                                 '<i class="fa fa-refresh"></i> Kirim Ulang');
                         }
diff --git a/resources/views/components/modal-alert.blade.php b/resources/views/components/modal-alert.blade.php
new file mode 100644
index 0000000000..0140e30d88
--- /dev/null
+++ b/resources/views/components/modal-alert.blade.php
@@ -0,0 +1,14 @@
+<div class="modal fade" id="modal-alert" tabindex="-1" role="dialog">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+                <h4 class="modal-title" id="modal-alert-title">Pesan</h4>
+            </div>
+            <div class="modal-body" id="modal-alert-body"></div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/resources/views/components/modal-confirm.blade.php b/resources/views/components/modal-confirm.blade.php
new file mode 100644
index 0000000000..cf7ace6cb6
--- /dev/null
+++ b/resources/views/components/modal-confirm.blade.php
@@ -0,0 +1,15 @@
+<div class="modal fade" id="modal-confirm" tabindex="-1" role="dialog">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+                <h4 class="modal-title" id="modal-confirm-title">Konfirmasi</h4>
+            </div>
+            <div class="modal-body" id="modal-confirm-body"></div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-default" data-dismiss="modal">Batal</button>
+                <button type="button" class="btn btn-primary" id="modal-confirm-yes">Ya</button>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/resources/views/data/data_sarana/partials/action.blade.php b/resources/views/data/data_sarana/partials/action.blade.php
index 88e478b13f..3cb9ac1eb5 100644
--- a/resources/views/data/data_sarana/partials/action.blade.php
+++ b/resources/views/data/data_sarana/partials/action.blade.php
@@ -9,7 +9,7 @@
         <form action="{{ $deleteUrl ?? '#' }}" method="POST" style="display:inline;">
             @csrf
             @method('DELETE')
-            <button type="submit" class="btn btn-icon btn-danger btn-sm" style="width: 40px" onclick="return confirm('Yakin ingin menghapus data ini?')">
+            <button type="submit" class="btn btn-icon btn-danger btn-sm" style="width: 40px" data-confirm="Yakin ingin menghapus data ini?">
                 <i class="fa fa-trash" aria-hidden="true"></i>
             </button>
         </form>
diff --git a/resources/views/data/pengurus/create.blade.php b/resources/views/data/pengurus/create.blade.php
index 58726b1fdf..9fd1c40b89 100644
--- a/resources/views/data/pengurus/create.blade.php
+++ b/resources/views/data/pengurus/create.blade.php
@@ -65,7 +65,7 @@ function readURL(input) {
                     } else { //no
                         //warning
                         $("#foto").val('');
-                        alert('File tersebut tidak diperbolehkan.');
+                        openAlert('File tersebut tidak diperbolehkan.', 'Peringatan', 'warning');
                     }
                 }
             }
diff --git a/resources/views/data/pengurus/edit.blade.php b/resources/views/data/pengurus/edit.blade.php
index a08c10a64c..13c8b4993e 100644
--- a/resources/views/data/pengurus/edit.blade.php
+++ b/resources/views/data/pengurus/edit.blade.php
@@ -66,7 +66,7 @@ function readURL(input) {
                     } else { //no
                         //warning
                         $("#foto").val('');
-                        alert('File tersebut tidak diperbolehkan.');
+                        openAlert('File tersebut tidak diperbolehkan.', 'Peringatan', 'warning');
                     }
                 }
             }
diff --git a/resources/views/data/pengurus/form_create_arsip.blade.php b/resources/views/data/pengurus/form_create_arsip.blade.php
index 6ea15dc604..4155cc2fff 100644
--- a/resources/views/data/pengurus/form_create_arsip.blade.php
+++ b/resources/views/data/pengurus/form_create_arsip.blade.php
@@ -74,7 +74,7 @@
                         },
                         error: function(xhr, status, error) {
                             console.error(error);
-                            alert("Terjadi kesalahan saat mengambil data.");
+                            openAlert("Terjadi kesalahan saat mengambil data.", "Error", "danger");
                         }
                     });
                 }
diff --git a/resources/views/data/pengurus/form_edit_arsip.blade.php b/resources/views/data/pengurus/form_edit_arsip.blade.php
index 7f66ddf141..ab78723880 100644
--- a/resources/views/data/pengurus/form_edit_arsip.blade.php
+++ b/resources/views/data/pengurus/form_edit_arsip.blade.php
@@ -78,7 +78,7 @@
                         },
                         error: function(xhr, status, error) {
                             console.error(error);
-                            alert("Terjadi kesalahan saat mengambil data.");
+                            openAlert("Terjadi kesalahan saat mengambil data.", "Error", "danger");
                         }
                     });
                 }
diff --git a/resources/views/informasi/artikel/_form.blade.php b/resources/views/informasi/artikel/_form.blade.php
index 4f6f3ffeea..2b69779466 100644
--- a/resources/views/informasi/artikel/_form.blade.php
+++ b/resources/views/informasi/artikel/_form.blade.php
@@ -107,7 +107,7 @@ function readURL(input) {
                     } else { //no
                         //warning
                         $("#file-artikel").val('');
-                        alert('File tersebut tidak diperbolehkan.');
+                        openAlert('File tersebut tidak diperbolehkan.', 'Peringatan', 'warning');
                     }
                 }
             }
diff --git a/resources/views/informasi/media_sosial/create.blade.php b/resources/views/informasi/media_sosial/create.blade.php
index 8da47df091..8915486551 100644
--- a/resources/views/informasi/media_sosial/create.blade.php
+++ b/resources/views/informasi/media_sosial/create.blade.php
@@ -73,7 +73,7 @@ function readURL(input) {
                     } else { //no
                         //warning
                         $("#logo").val('');
-                        alert('File tersebut tidak diperbolehkan.');
+                        openAlert('File tersebut tidak diperbolehkan.', 'Peringatan', 'warning');
                     }
                 }
             }
diff --git a/resources/views/informasi/media_sosial/edit.blade.php b/resources/views/informasi/media_sosial/edit.blade.php
index 3ea2192460..709911a54d 100644
--- a/resources/views/informasi/media_sosial/edit.blade.php
+++ b/resources/views/informasi/media_sosial/edit.blade.php
@@ -74,7 +74,7 @@ function readURL(input) {
                     } else { //no
                         //warning
                         $("#logo").val('');
-                        alert('File tersebut tidak diperbolehkan.');
+                        openAlert('File tersebut tidak diperbolehkan.', 'Peringatan', 'warning');
                     }
                 }
             }
diff --git a/resources/views/informasi/prosedur/create.blade.php b/resources/views/informasi/prosedur/create.blade.php
index 3dfc3445a5..25eb738c66 100644
--- a/resources/views/informasi/prosedur/create.blade.php
+++ b/resources/views/informasi/prosedur/create.blade.php
@@ -81,7 +81,7 @@ function readURL(input) {
                     } else { //no
                         //warning
                         $("#file_prosedur").val('');
-                        alert('File tersebut tidak diperbolehkan.');
+                        openAlert('File tersebut tidak diperbolehkan.', 'Peringatan', 'warning');
                     }
                 }
             }
diff --git a/resources/views/informasi/prosedur/edit.blade.php b/resources/views/informasi/prosedur/edit.blade.php
index 45ad780828..be1ff467f1 100644
--- a/resources/views/informasi/prosedur/edit.blade.php
+++ b/resources/views/informasi/prosedur/edit.blade.php
@@ -79,7 +79,7 @@ function readURL(input) {
                     } else { //no
                         //warning
                         $("#file_prosedur").val('');
-                        alert('File tersebut tidak diperbolehkan.');
+                        openAlert('File tersebut tidak diperbolehkan.', 'Peringatan', 'warning');
                     }
                 }
             }
diff --git a/resources/views/informasi/regulasi/form_create.blade.php b/resources/views/informasi/regulasi/form_create.blade.php
index 3fa493c59a..7aacb9cc3e 100644
--- a/resources/views/informasi/regulasi/form_create.blade.php
+++ b/resources/views/informasi/regulasi/form_create.blade.php
@@ -73,7 +73,7 @@ function readURL(input) {
                     } else { //no
                         //warning
                         $("#file_regulasi").val('');
-                        alert('File tersebut tidak diperbolehkan.');
+                        openAlert('File tersebut tidak diperbolehkan.', 'Peringatan', 'warning');
                     }
                 }
             }
diff --git a/resources/views/informasi/regulasi/form_update.blade.php b/resources/views/informasi/regulasi/form_update.blade.php
index 3e895429e3..9b34e95fa5 100644
--- a/resources/views/informasi/regulasi/form_update.blade.php
+++ b/resources/views/informasi/regulasi/form_update.blade.php
@@ -73,7 +73,7 @@ function readURL(input) {
                     } else { //no
                         //warning
                         $("#file_regulasi").val('');
-                        alert('File tersebut tidak diperbolehkan.');
+                        openAlert('File tersebut tidak diperbolehkan.', 'Peringatan', 'warning');
                     }
                 }
             }
diff --git a/resources/views/informasi/sinergi_program/create.blade.php b/resources/views/informasi/sinergi_program/create.blade.php
index d3455596ee..d421d3dcaf 100644
--- a/resources/views/informasi/sinergi_program/create.blade.php
+++ b/resources/views/informasi/sinergi_program/create.blade.php
@@ -73,7 +73,7 @@ function readURL(input) {
                     } else { //no
                         //warning
                         $("#gambar").val('');
-                        alert('File tersebut tidak diperbolehkan.');
+                        openAlert('File tersebut tidak diperbolehkan.', 'Peringatan', 'warning');
                     }
                 }
             }
diff --git a/resources/views/informasi/sinergi_program/edit.blade.php b/resources/views/informasi/sinergi_program/edit.blade.php
index effcccf0f2..c983464d13 100644
--- a/resources/views/informasi/sinergi_program/edit.blade.php
+++ b/resources/views/informasi/sinergi_program/edit.blade.php
@@ -77,7 +77,7 @@ function readURL(input) {
                     } else { //no
                         //warning
                         $("#gambar").val('');
-                        alert('File tersebut tidak diperbolehkan.');
+                        openAlert('File tersebut tidak diperbolehkan.', 'Peringatan', 'warning');
                     }
                 }
             }
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 03f642e273..348917baa8 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -195,31 +195,22 @@
 
             let livewireInstance = typeof window.livewire !== 'undefined' ? window.livewire : Livewire;
             livewireInstance.on('success', (message) => {
-                Swal.fire({
-                    position: 'center',
-                    icon: 'success',
-                    title: message,
-                    showConfirmButton: true,
-                    timer: 1500
-                })
+                openAlert(message, 'Sukses', 'success');
                 $('#myModal').modal('hide');
             });
 
             livewireInstance.on('error', (message) => {
-                Swal.fire({
-                    position: 'center',
-                    icon: 'error',
-                    title: message,
-                    showConfirmButton: true,
-                    timer: 1500
-                })
-
+                openAlert(message, 'Error', 'danger');
             });
         })
     </script>
 
     @livewireScripts
 
+    <x-modal-alert />
+    <x-modal-confirm />
+    <script src="{{ asset('/js/modal-helper.js') }}"></script>
+
 </body>
 
 </html>
diff --git a/resources/views/layouts/dashboard_template.blade.php b/resources/views/layouts/dashboard_template.blade.php
index e4d2cca639..7694fb1443 100644
--- a/resources/views/layouts/dashboard_template.blade.php
+++ b/resources/views/layouts/dashboard_template.blade.php
@@ -99,6 +99,9 @@
     <!-- iCheck -->
     <script src="{{ asset('/bower_components/admin-lte/plugins/iCheck/icheck.min.js') }}"></script>
     <script src="{{ asset('/js/admin.js') }}"></script>
+    <x-modal-alert />
+    <x-modal-confirm />
+    <script src="{{ asset('/js/modal-helper.js') }}"></script>
     @stack('scripts')
 
     <!-- Optionally, you can add Slimscroll and FastClick plugins.
diff --git a/resources/views/partials/asset_leaflet.blade.php b/resources/views/partials/asset_leaflet.blade.php
index 8122647904..9aa3278ccf 100644
--- a/resources/views/partials/asset_leaflet.blade.php
+++ b/resources/views/partials/asset_leaflet.blade.php
@@ -331,7 +331,7 @@ function addpoly(layerpeta) {
                             try {
                                 _path.push(layerpeta._layers[i]._latlngs);
                             } catch (e) {
-                                alert("problem with " + e + layerpeta._layers[i]);
+                                openAlert("problem with " + e + layerpeta._layers[i], "Error", "danger");
                             }
                         }
                     }
@@ -438,7 +438,7 @@ function eximShp(layerpeta) {
                     }).addListener(input, "change", function() {
                         var input = document.getElementById("file");
                         if (!input.files[0]) {
-                            alert("Pilih file shapefile dalam format .zip");
+                            openAlert("Pilih file shapefile dalam format .zip", "Info");
                         } else {
                             file = input.files[0];
                             fr = new FileReader();
diff --git a/resources/views/pesan/keluar/index.blade.php b/resources/views/pesan/keluar/index.blade.php
index 267ce8a9bb..fd377c1bc1 100644
--- a/resources/views/pesan/keluar/index.blade.php
+++ b/resources/views/pesan/keluar/index.blade.php
@@ -211,10 +211,10 @@ function(el, index) {
                             return $(el).data('id');
                         })
                     if (data.length <= 0) return;
-                    let response = window.confirm("Apakah Anda yakin akan mengarsipkan pesan?")
-                    if (!response) return;
-                    $("#array_multiple_id_arsip").val(JSON.stringify(data))
-                    $('#form-multiple-arsip-pesan').submit()
+                    openConfirm("Apakah Anda yakin akan mengarsipkan pesan?", 'Konfirmasi', function() {
+                        $("#array_multiple_id_arsip").val(JSON.stringify(data))
+                        $('#form-multiple-arsip-pesan').submit()
+                    });
                 })
 
             })
diff --git a/resources/views/pesan/masuk/index.blade.php b/resources/views/pesan/masuk/index.blade.php
index a3106b911f..f7bb14e8ff 100644
--- a/resources/views/pesan/masuk/index.blade.php
+++ b/resources/views/pesan/masuk/index.blade.php
@@ -233,10 +233,10 @@ function(el, index) {
                             return $(el).data('id');
                         })
                     if (data.length <= 0) return;
-                    let response = window.confirm("Apakah Anda yakin akan menandai pesan?")
-                    if (!response) return;
-                    $("#array_multiple_id").val(JSON.stringify(data))
-                    $('#form-multiple-read-pesan').submit()
+                    openConfirm("Apakah Anda yakin akan menandai pesan?", 'Konfirmasi', function() {
+                        $("#array_multiple_id").val(JSON.stringify(data))
+                        $('#form-multiple-read-pesan').submit()
+                    });
                 })
 
                 $("#arsip-action").click(function(e) {
@@ -247,10 +247,10 @@ function(el, index) {
                             return $(el).data('id');
                         })
                     if (data.length <= 0) return;
-                    let response = window.confirm("Apakah Anda yakin akan mengarsipkan pesan?")
-                    if (!response) return;
-                    $("#array_multiple_id_arsip").val(JSON.stringify(data))
-                    $('#form-multiple-arsip-pesan').submit()
+                    openConfirm("Apakah Anda yakin akan mengarsipkan pesan?", 'Konfirmasi', function() {
+                        $("#array_multiple_id_arsip").val(JSON.stringify(data))
+                        $('#form-multiple-arsip-pesan').submit()
+                    });
                 })
 
             });
diff --git a/resources/views/pesan/read_pesan.blade.php b/resources/views/pesan/read_pesan.blade.php
index 2f18a719d6..94ff9ce1c5 100644
--- a/resources/views/pesan/read_pesan.blade.php
+++ b/resources/views/pesan/read_pesan.blade.php
@@ -119,16 +119,15 @@
 
             $('#arsip-action').click(function (e) {
                 e.preventDefault();
-                let response = window.confirm("Apakah Anda yakin akan mengarsipkan pesan?")
-                if (response) {
+                openConfirm("Apakah Anda yakin akan mengarsipkan pesan?", 'Konfirmasi', function() {
                     $('#form-arisp-pesan').submit()
-                }
+                });
             })
 
             $('#action-reply').click(function (e) {
                 e.preventDefault();
                 if ($('#reply_message').val() === '') {
-                    window.alert("Silakan isi pesan");
+                    openAlert("Silakan isi pesan");
                     return;
                 }
                 $('#form-reply-pesan').submit()
diff --git a/resources/views/publikasi/album/_form.blade.php b/resources/views/publikasi/album/_form.blade.php
index 36a1d55556..964862c765 100644
--- a/resources/views/publikasi/album/_form.blade.php
+++ b/resources/views/publikasi/album/_form.blade.php
@@ -71,7 +71,7 @@ function readURL(input) {
                     } else { //no
                         //warning
                         $("#file-album").val('');
-                        alert('File tersebut tidak diperbolehkan.');
+                        openAlert('File tersebut tidak diperbolehkan.', 'Peringatan', 'warning');
                     }
                 }
             }
diff --git a/resources/views/publikasi/galeri/_form.blade.php b/resources/views/publikasi/galeri/_form.blade.php
index 916e40a531..948b1d902d 100644
--- a/resources/views/publikasi/galeri/_form.blade.php
+++ b/resources/views/publikasi/galeri/_form.blade.php
@@ -128,7 +128,7 @@ function readURL(input) {
                             reader.readAsDataURL(file);
                         } else { // jika file tidak valid
                             $("#file-album").val(''); // reset input
-                            alert('File tersebut tidak diperbolehkan.');
+                            openAlert('File tersebut tidak diperbolehkan.', 'Peringatan', 'warning');
                         }
                     }
                 } else {
diff --git a/resources/views/setting/pengaturan_database/table-backup.blade.php b/resources/views/setting/pengaturan_database/table-backup.blade.php
index 31e9231022..96a66650cc 100644
--- a/resources/views/setting/pengaturan_database/table-backup.blade.php
+++ b/resources/views/setting/pengaturan_database/table-backup.blade.php
@@ -74,7 +74,7 @@ class: 'text-center',
 
             // runBackup
             runBackup = function() {
-                if (confirm('Apakah Anda yakin ingin mencadangkan database ini?')) {
+                openConfirm('Apakah Anda yakin ingin mencadangkan database ini?', 'Konfirmasi', function() {
 
                     let restoreMessage = $('#restoreMessage');
                     let btnBackup = $("#btnBackup");
@@ -116,16 +116,16 @@ class: 'text-center',
                         }
                     });
 
-                }
+                });
 
                 return false;
             }
 
             // delete backup
             deleteBackup = function(url) {
-                if (confirm('Apakah Anda yakin ingin menghapus file backup ini?')) {
+                openConfirm('Apakah Anda yakin ingin menghapus file backup ini?', 'Konfirmasi', function() {
                     window.location.href = url;
-                }
+                });
             }
 
         });
diff --git a/resources/views/setting/slide/form.blade.php b/resources/views/setting/slide/form.blade.php
index d66a67b470..d803b6d6e2 100644
--- a/resources/views/setting/slide/form.blade.php
+++ b/resources/views/setting/slide/form.blade.php
@@ -54,7 +54,7 @@ function readURL(input) {
                     } else { //no
                         //warning
                         $("#gambar").val('');
-                        alert('File tersebut tidak diperbolehkan.');
+                        openAlert('File tersebut tidak diperbolehkan.', 'Peringatan', 'warning');
                     }
                 }
             }
diff --git a/resources/views/user/form.blade.php b/resources/views/user/form.blade.php
index 19146f3a41..1d48620197 100644
--- a/resources/views/user/form.blade.php
+++ b/resources/views/user/form.blade.php
@@ -145,7 +145,7 @@ function readURL(input) {
                     } else { //no
                         //warning
                         $("#foto").val('');
-                        alert('File tersebut tidak diperbolehkan.');
+                        openAlert('File tersebut tidak diperbolehkan.', 'Peringatan', 'warning');
                     }
                 }
             }
diff --git a/resources/views/vendor/laravel-log-viewer/log.blade.php b/resources/views/vendor/laravel-log-viewer/log.blade.php
index f1e7a24b0a..22a1b5801f 100644
--- a/resources/views/vendor/laravel-log-viewer/log.blade.php
+++ b/resources/views/vendor/laravel-log-viewer/log.blade.php
@@ -140,11 +140,19 @@
                     return data;
                 }
             });
-            $('#delete-log, #clean-log, #delete-all-log').click(function() {
-                return confirm('Yakin Untuk Menghapus Data File log?');
+            $('#delete-log, #clean-log, #delete-all-log').click(function(e) {
+                e.preventDefault();
+                var href = $(this).attr('href');
+                openConfirm('Yakin Untuk Menghapus Data File log?', 'Konfirmasi', function() {
+                    window.location.href = href;
+                });
             });
-            $('#run-linkstorage').click(function() {
-                return confirm('Yakin Untuk Menjalankan php artisan storage:link?');
+            $('#run-linkstorage').click(function(e) {
+                e.preventDefault();
+                var href = $(this).attr('href');
+                openConfirm('Yakin Untuk Menjalankan php artisan storage:link?', 'Konfirmasi', function() {
+                    window.location.href = href;
+                });
             });
         });
     </script>
diff --git a/resources/views/vendor/laravel-log-viewer/smtp/index.blade.php b/resources/views/vendor/laravel-log-viewer/smtp/index.blade.php
index a051bd0e47..ce23f96cbf 100644
--- a/resources/views/vendor/laravel-log-viewer/smtp/index.blade.php
+++ b/resources/views/vendor/laravel-log-viewer/smtp/index.blade.php
@@ -13,7 +13,7 @@
                     <a class="btn btn-danger btn-sm" id="test-smtp"><i class="fa fa-envelope-o"></i> Tes
                         Email</a>
                 @endif
-                <button type="submit" id="store-smtp" class="btn btn-primary btn-sm" id><i class="fa fa-save"></i>
+                <button type="submit" id="store-smtp" class="btn btn-primary btn-sm" data-confirm="Yakin Untuk Mengganti SMTP?"><i class="fa fa-save"></i>
                     Simpan</button>
             </div>
             {!! html()->form()->close() !!}
@@ -23,9 +23,7 @@
 @push('scripts')
     <script type="text/javascript">
         $(document).ready(function() {
-            $('#store-smtp').click(function() {
-                return confirm('Yakin Untuk Mengganti SMTP?');
-            });
+
             $('#test-smtp').click(function() {
                 //get testing email data
                 var email = $("#testing_mail").val();
diff --git a/themes/opendk/default/resources/views/pages/komplain/jawabans.blade.php b/themes/opendk/default/resources/views/pages/komplain/jawabans.blade.php
index becfa8d555..1bdb433560 100644
--- a/themes/opendk/default/resources/views/pages/komplain/jawabans.blade.php
+++ b/themes/opendk/default/resources/views/pages/komplain/jawabans.blade.php
@@ -19,7 +19,7 @@
                         <a id="btn-ubah-reply-admin" data-href="{{ route('admin-komplain.getkomentar', $jawab->id) }}" class="btn btn-sm btn-primary"><i class="fa fa-reply"></i> Ubah Jawaban</a>
 
                         {!! Html::form('DELETE', route('admin-komplain.deletekomentar', $jawab->id))->style('display:inline')->open() !!}
-                        <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Yakin akan menghapus data tersebut?')"><i class="fa fa-trash margin-r-5"></i> Hapus
+                        <button type="submit" class="btn btn-sm btn-danger" data-confirm="Yakin akan menghapus data tersebut?"><i class="fa fa-trash margin-r-5"></i> Hapus
                         </button>
                         {!! Html::form()->close() !!}
                     @endif
diff --git a/themes/opendk/default/resources/views/pages/unduhan/prosedur.blade.php b/themes/opendk/default/resources/views/pages/unduhan/prosedur.blade.php
index 5e16fd0a58..8e66f4259f 100644
--- a/themes/opendk/default/resources/views/pages/unduhan/prosedur.blade.php
+++ b/themes/opendk/default/resources/views/pages/unduhan/prosedur.blade.php
@@ -148,7 +148,7 @@ function showPotensiDetail(id) {
                     }
                 },
                 error: function(xhr, status, error) {
-                    alert('Gagal memuat detail potensi. Silakan coba lagi.');
+                    openAlert('Gagal memuat detail potensi. Silakan coba lagi.', 'Error', 'danger');
                 }
             });
         }
diff --git a/themes/opendk/default/resources/views/pages/unduhan/regulasi.blade.php b/themes/opendk/default/resources/views/pages/unduhan/regulasi.blade.php
index e47d34ba0d..a06d0e8455 100644
--- a/themes/opendk/default/resources/views/pages/unduhan/regulasi.blade.php
+++ b/themes/opendk/default/resources/views/pages/unduhan/regulasi.blade.php
@@ -125,7 +125,7 @@ function showRegulasiDetail(id) {
                     }
                 },
                 error: function(xhr, status, error) {
-                    alert('Gagal memuat detail regulasi. Silakan coba lagi.');
+                    openAlert('Gagal memuat detail regulasi. Silakan coba lagi.', 'Error', 'danger');
                 }
             });
         }