From dd6c57ed80407d73efc2f884888d8fcb18358fee Mon Sep 17 00:00:00 2001
From: Dries Peeters <dries.peeters96@gmail.com>
Date: Wed, 29 Oct 2025 08:26:35 +0100
Subject: [PATCH] fix: remove duplicate delete modal in kanban columns page

Removed duplicate Bootstrap modal that was causing delete column content to appear on other pages. The Tailwind modal is now properly positioned outside the main content container.
---
 app/templates/kanban/columns.html | 46 ++++---------------------------
 1 file changed, 5 insertions(+), 41 deletions(-)

diff --git a/app/templates/kanban/columns.html b/app/templates/kanban/columns.html
index a152f38..1ef27cf 100644
--- a/app/templates/kanban/columns.html
+++ b/app/templates/kanban/columns.html
@@ -115,7 +115,11 @@
         <li>{{ _('Columns marked as "Complete" will mark tasks as completed when dragged to that column') }}</li>
         <li>{{ _('Inactive columns are hidden from the kanban board but tasks with that status remain accessible') }}</li>
       </ul>
-<!-- Accessible Tailwind Modal for Delete Confirmation -->
+    </div>
+  </div>
+</div>
+
+<!-- Delete Column Modal -->
 <div id="deleteColumnModal" class="hidden fixed inset-0 z-50" role="dialog" aria-modal="true" aria-labelledby="deleteModalTitle">
   <div class="absolute inset-0 bg-black/50" onclick="hideDeleteModal()"></div>
   <div class="relative max-w-lg mx-auto mt-24 bg-card-light dark:bg-card-dark text-text-light dark:text-text-dark rounded-lg shadow-xl ring-1 ring-border-light/60 dark:ring-border-dark/60">
@@ -153,46 +157,6 @@
     </div>
   </div>
 </div>
-  </div>
-</div>
-
-<!-- Delete Column Modal -->
-<div class="modal fade" id="deleteColumnModal" tabindex="-1" aria-hidden="true">
-  <div class="modal-dialog modal-dialog-centered">
-    <div class="modal-content">
-      <div class="modal-header">
-        <h5 class="modal-title">
-          <i class="fas fa-trash me-2 text-danger"></i>{{ _('Delete Kanban Column') }}
-        </h5>
-        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ _('Close') }}"></button>
-      </div>
-      <div class="modal-body">
-        <div class="alert alert-warning">
-          <i class="fas fa-exclamation-triangle me-2"></i>
-          <strong>{{ _('Warning:') }}</strong> {{ _('This action cannot be undone.') }}
-        </div>
-        <p>{{ _('Are you sure you want to delete the column') }} <strong id="deleteColumnLabel"></strong>?</p>
-        <p class="text-muted mb-0">
-          <small>{{ _('Key:') }} <code id="deleteColumnKey"></code></small>
-        </p>
-        <p class="text-muted mb-0 mt-2">
-          <small>{{ _('Note: Tasks with this status will remain accessible but the column will no longer appear on the kanban board.') }}</small>
-        </p>
-      </div>
-      <div class="modal-footer">
-        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
-          <i class="fas fa-times me-1"></i>{{ _('Cancel') }}
-        </button>
-        <form method="POST" id="deleteColumnForm" class="d-inline">
-          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
-          <button type="submit" class="btn btn-danger">
-            <i class="fas fa-trash me-2"></i>{{ _('Delete Column') }}
-          </button>
-        </form>
-      </div>
-    </div>
-  </div>
-</div>
 
 <script src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.0/Sortable.min.js"></script>
 <script>