From fe153fdc902744492986006d767ea5807dfc2722 Mon Sep 17 00:00:00 2001
From: IceToast <icetoast@futureofgaming.de>
Date: Wed, 22 Dec 2021 11:04:35 +0100
Subject: [PATCH] =?UTF-8?q?feat:=20=E2=9C=A8=20Added=20Sweetalert=20confir?=
 =?UTF-8?q?mation=20over=20window.confirm?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/views/servers/index.blade.php | 42 +++++++++++++++++--------
 1 file changed, 29 insertions(+), 13 deletions(-)

diff --git a/resources/views/servers/index.blade.php b/resources/views/servers/index.blade.php
index 3e47b16a..f7f77ad1 100644
--- a/resources/views/servers/index.blade.php
+++ b/resources/views/servers/index.blade.php
@@ -147,7 +147,7 @@
                                 <i class="fas fa-tools mr-2"></i>
                                 <span>{{ __('Manage') }}</span>
                             </a>
-                            <button onclick="handleServerDelete('{{ $server->id }}');" target="__blank"
+                            <button onclick="confirmSubmit('{{ $server->id }}', handleServerDelete);" target="__blank"
                                 class="btn btn-danger mx-3 w-100 align-items-center justify-content-center d-flex">
                                 <i class="fas fa-trash mr-2"></i>
                                 <span>{{ __('Delete') }}</span>
@@ -162,21 +162,37 @@
     <!-- END CONTENT -->
 
     <script>
-        const handleSubmit = () => {
-            return confirm('Are you sure you want to delete this server?');
+        const confirmSubmit = (serverId, handleServerDelete) => {
+            // Confirm delete submit with sweetalert
+            Swal.fire({
+                title: '{{ __('Are you sure?') }}',
+                text: "{{ __('This is an irreversible action, all files of this server will be removed.') }}",
+                icon: 'warning',
+                confirmButtonColor: '#d9534f',
+                showCancelButton: true,
+                confirmButtonText: 'Yes, delete it!',
+                cancelButtonText: 'No, cancel!',
+                reverseButtons: true
+            }).then((result) => {
+                if (result.value) {
+                    console.log('confirmed');
+                    handleServerDelete(serverId);
+                    return
+                }
+                Swal.fire('Canceled ...', `Deletion has been canceled.`, 'info');
+            });
         }
 
         const handleServerDelete = (serverId) => {
-            if (handleSubmit()) {
-                fetch("{{ route('servers.destroy', '') }}" + '/' + serverId, {
-                    method: 'DELETE',
-                    headers: {
-                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
-                    }
-                }).then(() => {
-                    window.location.reload();
-                });
-            }
+            // Delete server
+            fetch("{{ route('servers.destroy', '') }}" + '/' + serverId, {
+                method: 'DELETE',
+                headers: {
+                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
+                }
+            }).then(() => {
+                window.location.reload();
+            });
         }
     </script>
 @endsection