From 0fec411b723edaf4ae68c6bb291bc00ed090c78a Mon Sep 17 00:00:00 2001
From: Andras Bacsai <5845193+andrasbacsai@users.noreply.github.com>
Date: Mon, 28 Sep 2026 14:20:46 +0200
Subject: [PATCH] feat(server): confirm Docker image deletion with a typed
 reference modal

Replace the browser confirm on the Delete button with a two-step
confirmation modal. To delete, users now type the image reference.
The modal is shown only to users who can update the server. delete()
now accepts an optional password argument so it works with the modal's
submit action.
---
 app/Livewire/Server/DockerImages.php            |  2 +-
 .../livewire/server/docker-images.blade.php     | 17 +++++++++++------
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/app/Livewire/Server/DockerImages.php b/app/Livewire/Server/DockerImages.php
index 79669089d9..dab873c650 100644
--- a/app/Livewire/Server/DockerImages.php
+++ b/app/Livewire/Server/DockerImages.php
@@ -53,7 +53,7 @@ class DockerImages extends Component
         }
     }
 
-    public function delete(string $reference): void
+    public function delete(string $reference, string $password = ''): void
     {
         try {
             $this->authorize('update', $this->server);
diff --git a/resources/views/livewire/server/docker-images.blade.php b/resources/views/livewire/server/docker-images.blade.php
index 41279e26a2..948783902f 100644
--- a/resources/views/livewire/server/docker-images.blade.php
+++ b/resources/views/livewire/server/docker-images.blade.php
@@ -87,12 +87,17 @@
                                 </div>
                                 <div>
                                     @if ($image['containers'] === [])
-                                        <x-forms.button canGate="update" :canResource="$server" isError
-                                            wire:click="delete('{{ $image['reference'] }}')"
-                                            wire:confirm="Delete {{ $image['reference'] }} from this server? It has to be pulled or built again to be used."><x-reicon
-                                                name="trash" class="size-3.5" />
-                                            Delete
-                                        </x-forms.button>
+                                        @can('update', $server)
+                                            <x-modal-confirmation title="Delete Docker Image?" buttonTitle="Delete"
+                                                submitAction="delete({{ $image['reference'] }})" :actions="[
+                                                    'Delete ' . $image['reference'] . ' from this server.',
+                                                    'It has to be pulled or built again before it can be used.',
+                                                ]"
+                                                confirmationText="{{ $image['reference'] }}"
+                                                confirmationLabel="Confirm by entering the image reference"
+                                                shortConfirmationLabel="Image" step2ButtonText="Delete Image"
+                                                isErrorButton :confirmWithPassword="false" />
+                                        @endcan
                                     @endif
                                 </div>
                             </div>