From 7fe3b78d45dacee8234c0841ca2b9ee9b9ccd159 Mon Sep 17 00:00:00 2001
From: ayntk-ai <122374094+ayntk-ai@users.noreply.github.com>
Date: Wed, 4 Sep 2024 19:41:10 +0200
Subject: [PATCH] Feat: Environment variabel deletion

---
 .../environment-variable/show.blade.php       | 54 ++++++++++++++-----
 1 file changed, 42 insertions(+), 12 deletions(-)

diff --git a/resources/views/livewire/project/shared/environment-variable/show.blade.php b/resources/views/livewire/project/shared/environment-variable/show.blade.php
index 1cb2f222c..a1f34d2e0 100644
--- a/resources/views/livewire/project/shared/environment-variable/show.blade.php
+++ b/resources/views/livewire/project/shared/environment-variable/show.blade.php
@@ -20,10 +20,20 @@
                         <path d="M11 16a1 1 0 1 0 2 0a1 1 0 0 0-2 0m-3-5V7a4 4 0 1 1 8 0v4" />
                     </g>
                 </svg>
-                <x-modal-confirmation isErrorButton buttonTitle="Delete">
-                    You will delete environment variable <span
-                        class="font-bold dark:text-warning text-coollabs">{{ $env->key }}</span>.
-                </x-modal-confirmation>
+                <x-modal-confirmation
+                    title="Confirm Environment Variable Deletion?"
+                    isErrorButton
+                    buttonTitle="Delete"
+                    submitAction="delete"
+                    :actions="[
+                        'The selected environment variable will be permanently deleted.'
+                    ]"
+                    confirmationText="{{ $env->key }}"
+                    confirmationLabel="Please confirm the execution of the actions by entering the Environment Variable Name below"
+                    shortConfirmationLabel="Environment Variable Name"
+                    :confirmWithPassword="false"
+                    step2ButtonText="Permanently Delete Environment Variable"
+                />
             </div>
         @else
             @if ($isDisabled)
@@ -79,10 +89,20 @@
                     <x-forms.button wire:click='lock'>
                         Lock
                     </x-forms.button>
-                    <x-modal-confirmation isErrorButton buttonTitle="Delete">
-                        You will delete environment variable <span
-                            class="font-bold dark:text-warning">{{ $env->key }}</span>.
-                    </x-modal-confirmation>
+                    <x-modal-confirmation 
+                        title="Confirm Environment Variable Deletion?"
+                        isErrorButton
+                        buttonTitle="Delete"
+                        submitAction="delete"
+                        :actions="[
+                            'The selected environment variable will be permanently deleted.'
+                        ]"
+                        confirmationText="{{ $env->key }}"
+                        confirmationLabel="Please confirm the execution of the actions by entering the Environment Variable Name below"
+                        shortConfirmationLabel="Environment Variable Name"
+                        :confirmWithPassword="false"
+                        step2ButtonText="Permanently Delete Environment Variable"
+                    />
                 @else
                     <x-forms.button type="submit">
                         Update
@@ -90,10 +110,20 @@
                     <x-forms.button wire:click='lock'>
                         Lock
                     </x-forms.button>
-                    <x-modal-confirmation buttonFullWidth isErrorButton buttonTitle="Delete">
-                        You will delete environment variable <span
-                            class="font-bold dark:text-warning">{{ $env->key }}</span>.
-                    </x-modal-confirmation>
+                    <x-modal-confirmation 
+                        title="Confirm Environment Variable Deletion?"
+                        isErrorButton
+                        buttonTitle="Delete"
+                        submitAction="delete"
+                        :actions="[
+                            'The selected environment variable will be permanently deleted.'
+                        ]"
+                        confirmationText="{{ $env->key }}"
+                        confirmationLabel="Please confirm the execution of the actions by entering the Environment Variable Name below"
+                        shortConfirmationLabel="Environment Variable Name"
+                        :confirmWithPassword="false"
+                        step2ButtonText="Permanently Delete Environment Variable"
+                    />
                 @endif
             </div>
         @endif