From 776d41613d579ae861bde95154bf381495237d43 Mon Sep 17 00:00:00 2001
From: ayntk-ai <122374094+ayntk-ai@users.noreply.github.com>
Date: Sat, 31 Aug 2024 20:55:43 +0200
Subject: [PATCH] Fix 3 risk levels

---
 .../components/modal-confirmation.blade.php   | 21 ++++++++++++-------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/resources/views/components/modal-confirmation.blade.php b/resources/views/components/modal-confirmation.blade.php
index 49ce0212e..9e3abac31 100644
--- a/resources/views/components/modal-confirmation.blade.php
+++ b/resources/views/components/modal-confirmation.blade.php
@@ -21,9 +21,9 @@
 
 <div x-data="{
     modalOpen: false,
-    step: {{ !empty($checkboxes) ? 1 : ($confirmWithPassword ? 2 : 3) }},
-    initialStep: {{ !empty($checkboxes) ? 1 : ($confirmWithPassword ? 2 : 3) }},
-    finalStep: {{ $confirmWithPassword ? 3 : (!empty($checkboxes) || $confirmWithText ? 2 : 1) }},
+    step: {{ empty($checkboxes) ? 2 : 1 }},
+    initialStep: {{ empty($checkboxes) ? 2 : 1 }},
+    finalStep: {{ $confirmWithPassword ? 3 : 2 }},
     deleteText: '',
     password: '',
     actions: @js($actions),
@@ -175,7 +175,7 @@
                     @endif
 
                     <!-- Step 2: Confirm deletion -->
-                    <div x-show="step === 2 || (!confirmWithPassword && step === 3)">
+                    <div x-show="step === 2">
                         <div class="bg-red-100 border-l-4 border-red-500 text-red-700 p-4 mb-4" role="alert">
                             <p class="font-bold">Warning</p>
                             <p>This operation is not reversible. Please proceed with caution.</p>
@@ -269,17 +269,22 @@
                     </template>
 
                     <template x-if="step === 2">
-                        <x-forms.button @click="step === finalStep ? executeAction() : step++" x-bind:disabled="confirmWithText && userConfirmationText !== confirmationText" class="w-auto" isError>
-                            <span x-text="step === finalStep ? step3ButtonText : step2ButtonText"></span>
+                        <x-forms.button 
+                            @click="confirmWithPassword ? step++ : submitForm()" 
+                            x-bind:disabled="confirmWithText && userConfirmationText !== confirmationText"
+                            class="w-auto" 
+                            isError
+                        >
+                            <span x-text="confirmWithPassword ? step2ButtonText : step3ButtonText"></span>
                         </x-forms.button>
                     </template>
 
-                    <template x-if="step === 3 || (!confirmWithPassword && step === finalStep)">
+                    <template x-if="step === 3 && confirmWithPassword">
                         <x-forms.button 
                             @click="submitForm()"
                             class="w-auto" 
                             isError
-                            x-bind:disabled="confirmWithPassword && !password"
+                            x-bind:disabled="!password"
                         >
                             <span x-text="step3ButtonText"></span>
                         </x-forms.button>