From a1577aa2cc5d18cb6d8756193a1a5d398a6b247b Mon Sep 17 00:00:00 2001
From: LD-Reborn <lucretia.dietz@gmx.de>
Date: Thu, 18 Dec 2025 12:04:16 +0100
Subject: [PATCH] Added searchdomain deletion and fixed renaming modal coloring
 issue and button placement

---
 src/Server/Views/Home/Index.cshtml | 80 +++++++++++++++++++++++++-----
 1 file changed, 68 insertions(+), 12 deletions(-)

diff --git a/src/Server/Views/Home/Index.cshtml b/src/Server/Views/Home/Index.cshtml
index 83bc671..8399e16 100644
--- a/src/Server/Views/Home/Index.cshtml
+++ b/src/Server/Views/Home/Index.cshtml
@@ -218,31 +218,53 @@
 </div>
 
 <!-- Rename searchdomain Modal -->
-
 <div class="modal fade" id="renameSearchdomainModal" tabindex="-1" aria-hidden="true">
   <div class="modal-dialog modal-xl modal-dialog-scrollable">
     <div class="modal-content">
 
-      <div class="modal-header">
-        <h5 class="modal-title" id="renameSearchdomainTitle">Query Details</h5>
+      <div class="modal-header bg-warning">
+        <h5 class="modal-title" id="renameSearchdomainTitle">@T["Rename searchdomain"]</h5>
         <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
       </div>
 
       <div class="modal-body">
         <!-- New name -->
         <div class="mb-3">
-          <form>
-            <label for="renameSearchdomainNewName" class="form-label">New name</label>
-            <input type="text" class="form-control" id="renameSearchdomainNewName" />
-            <button type="button" class="btn btn-primary mt-3" onclick="renameSearchdomain(getSelectedDomainKey(), document.getElementById('renameSearchdomainNewName').value)" data-bs-dismiss="modal">
-              Rename
-            </button>
-          </form>
+          <label for="renameSearchdomainNewName" class="form-label">New name</label>
+          <input type="text" class="form-control" id="renameSearchdomainNewName" />
         </div>
-
       </div>
 
       <div class="modal-footer">
+        <button type="button" class="btn btn-warning" onclick="renameSearchdomain(getSelectedDomainKey(), document.getElementById('renameSearchdomainNewName').value)" data-bs-dismiss="modal">
+          Rename
+        </button>
+        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
+          Close
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- Delete searchdomain Modal -->
+<div class="modal fade" id="deleteSearchdomainModal" tabindex="-1" aria-hidden="true">
+  <div class="modal-dialog modal-xl modal-dialog-scrollable">
+    <div class="modal-content">
+
+      <div class="modal-header bg-danger text-white">
+        <h5 class="modal-title" id="deleteSearchdomainTitle">@T["Delete searchdomain"]</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+      </div>
+
+      <div class="modal-body">
+        <p>@T["Are you sure you want to delete this searchdomain? This action cannot be undone."]</p>
+      </div>
+
+      <div class="modal-footer">
+        <button type="button" id="searchdomainConfirmDelete" class="btn btn-danger" data-bs-dismiss="modal">
+          Delete
+        </button>
         <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
           Close
         </button>
@@ -294,15 +316,49 @@
                 ).value = domains[domainKey];
                 modal.show();
             });
+        document
+            .getElementById('searchdomainDelete')
+            .addEventListener('click', () => {
+                const modal = new bootstrap.Modal(
+                    document.getElementById('deleteSearchdomainModal')
+                );
+                modal.show();
+            });
+        document
+            .getElementById('searchdomainConfirmDelete')
+            .addEventListener('click', () => {
+                const domainKey = getSelectedDomainKey();
+                deleteSearchdomain(domainKey);
+                selectDomain(0);
+            });
     });
 
+    function deleteSearchdomain(domainKey) {
+        // Implement delete logic here
+        fetch(`/Searchdomain/Delete?searchdomain=${encodeURI(domains[domainKey])}`, {
+            method: 'GET'
+        }).then(response => {
+            if (response.ok) {
+                // TODO add toast
+                // Remove from sidebar
+                var domainItem = document.getElementById('sidebar_domain_' + domainKey);
+                domainItem.remove();
+                console.log('Searchdomain deleted successfully');
+            } else {
+                // TODO add toast
+                console.error('Failed to delete searchdomain');
+            }
+        }).catch(error => {
+            console.error('Error deleting searchdomain:', error);
+        });
+    }
+
     function renameSearchdomain(domainKey, newName) {
         // Implement rename logic here
         fetch(`/Searchdomain/Update?searchdomain=${encodeURI(domains[domainKey])}&newName=${newName}`, {
             method: 'GET'
         }).then(response => {
             if (response.ok) {
-                // Update the UI or notify the user
                 // TODO add toast
                 // Update sidebar and header name
                 var domainItem = document.getElementById('sidebar_domain_' + domainKey);