From 7f2a9964db55962b24896ddabfc8a4bf9031f27f Mon Sep 17 00:00:00 2001
From: Steve Cliff <steve@devcloud.guru>
Date: Mon, 4 May 2026 22:35:58 +0100
Subject: [PATCH] fix: move channel delete-panel out of edit form (nested form
 bug)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The delete-panel <form action='.../delete'> was nested inside the
main <form action='.../edit'>. HTML doesn't allow nested forms —
browsers parse the inner form as if it didn't exist, so clicking
'Delete permanently' submitted the outer edit form to /edit
instead of /delete, leaving the channel intact.

Move the delete-panel block to a sibling of the main form. The
'Delete channel…' button still toggles its visibility via JS, the
panel still renders inside the page layout, and now its form
actually posts to the delete handler.
---
 web/templates/pages/settings.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/templates/pages/settings.html b/web/templates/pages/settings.html
index 529bbff..62242cf 100644
--- a/web/templates/pages/settings.html
+++ b/web/templates/pages/settings.html
@@ -405,6 +405,8 @@
       </div>
 
       {{/* ---------- typed-confirm delete ---------- */}}
+      </form>{{/* close ch-form — delete panel must live OUTSIDE because HTML forbids nested forms */}}
+
       {{if $isEdit}}
         <div id="delete-panel" class="hidden mt-4 panel rounded-[7px] p-[18px]"
              style="border-color: color-mix(in oklch, var(--bad), transparent 60%);">
@@ -419,8 +421,6 @@
           </form>
         </div>
       {{end}}
-
-      </form>{{/* close ch-form */}}
     </div>
 
     {{/* ---------- right rail — payload preview ---------- */}}