From 4e95ad4c87c69e7253bdd18b32e0661e7a31b657 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 ---------- */}}