From a7b78dcf4121ef250f635410a9f5cf5d74daeaf6 Mon Sep 17 00:00:00 2001
From: ayntk-ai <122374094+ayntk-ai@users.noreply.github.com>
Date: Wed, 4 Sep 2024 21:29:32 +0200
Subject: [PATCH] Feat: Backup job confirmation

---
 resources/views/livewire/storage/form.blade.php | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/resources/views/livewire/storage/form.blade.php b/resources/views/livewire/storage/form.blade.php
index 1a2c99696..8ea10fba6 100644
--- a/resources/views/livewire/storage/form.blade.php
+++ b/resources/views/livewire/storage/form.blade.php
@@ -16,9 +16,18 @@
             <x-forms.button wire:click="test_s3_connection">
                 Validate Connection
             </x-forms.button>
-            <x-modal-confirmation isErrorButton buttonTitle="Delete">
-                This storage will be deleted. It is not reversible. Your data won't be touched!<br>Please think again.
-            </x-modal-confirmation>
+            <x-modal-confirmation 
+                title="Confirm Storage Deletion?"
+                isErrorButton
+                buttonTitle="Delete"
+                submitAction="delete({{ $storage->id }})"
+                :actions="['The selected storage location will be permanently deleted from Coolify.', 'If the storage location is in use by any backup jobs those backup jobs will only store the backup locally on the server.']"
+                confirmationText="{{ $storage->name }}"
+                confirmationLabel="Please confirm the execution of the actions by entering the Storage Name below"
+                shortConfirmationLabel="Storage Name"
+                :confirmWithPassword="false"
+                step2ButtonText="Permanently Delete Storage"
+            />
         </div>
         <div class="flex gap-2">
             <x-forms.input label="Name" id="storage.name" />