From 81cacd3589cf6260e194fd8ba7d7d16311e3af6f Mon Sep 17 00:00:00 2001
From: Shiro-Nek0 <andres.barra04@gmail.com>
Date: Thu, 26 Feb 2026 22:50:20 -0300
Subject: [PATCH] bulk delete + more prompts

---
 README.md            |  1 +
 templates/index.html | 73 +++++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 73 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 13d51c7..aaf9ef3 100644
--- a/README.md
+++ b/README.md
@@ -38,6 +38,7 @@ services:
             - YOUR_PATH/sekipos/static/cache:/app/static/cache
         container_name: sekipos-server
         image: sekipos:latest
+        restart: unless-stopped
 ```
 
 ## 🔌 Hardware Scanner Bridge (`ScannerGO`)
diff --git a/templates/index.html b/templates/index.html
index 0677af1..bf1e9af 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -227,6 +227,15 @@
         [data-theme="dark"] .btn-close {
             filter: invert(1) grayscale(100%) brightness(200%);
         }
+
+        /* Add this inside your <style> tag */
+        [data-theme="dark"] .text-muted {
+            color: var(--text-muted) !important;
+        }
+
+        [data-theme="dark"] .modal-body .text-muted {
+            color: #f6f6f7 !important;
+        }
     </style>
 </head>
 
@@ -325,7 +334,11 @@
                                 placeholder="Precio">
                             <button onclick="applyBulkPrice()" class="btn btn-sm"
                                 style="background:#fff; color:var(--accent); font-weight:600;">OK</button>
-                            <button onclick="clearSelection()" class="btn btn-sm btn-danger-discord">
+                            <button onclick="applyBulkDelete()" class="btn btn-sm btn-danger-discord">
+                                <i class="bi bi-trash"></i>
+                            </button>
+                            <button onclick="clearSelection()" class="btn btn-sm"
+                                style="background: rgba(255,255,255,0.2); color:#fff;">
                                 <i class="bi bi-x-lg"></i>
                             </button>
                         </div>
@@ -426,6 +439,7 @@
             </div>
         </div>
     </div>
+
     <div class="modal fade" id="bulkConfirmModal" tabindex="-1">
         <div class="modal-dialog modal-dialog-centered">
             <div class="modal-content">
@@ -448,6 +462,30 @@
             </div>
         </div>
     </div>
+
+    <div class="modal fade" id="bulkDeleteModal" tabindex="-1">
+        <div class="modal-dialog modal-dialog-centered">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title">Confirmar Eliminación Masiva</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+                </div>
+                <div class="modal-body text-center">
+                    <i class="bi bi-exclamation-octagon text-danger" style="font-size: 3rem;"></i>
+                    <p class="mt-3">Vas a eliminar <strong id="bulk-delete-count">0</strong> productos permanentemente.
+                    </p>
+                    <p class="text-muted small">Esta acción borrará los datos y las imágenes de la caché.</p>
+                    <div class="d-grid gap-2 mt-3">
+                        <button class="btn btn-danger-discord" onclick="executeBulkDelete()">
+                            Eliminar permanentemente
+                        </button>
+                        <button class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
     <script>
         /* ── Theme ── */
@@ -602,6 +640,39 @@
                 bootstrap.Modal.getInstance(modalEl).hide();
             }
         }
+
+        function applyBulkDelete() {
+            const checked = document.querySelectorAll('.product-checkbox:checked');
+            if (checked.length === 0) return;
+
+            document.getElementById('bulk-delete-count').innerText = checked.length;
+            const delModal = new bootstrap.Modal(document.getElementById('bulkDeleteModal'));
+            delModal.show();
+        }
+
+        async function executeBulkDelete() {
+            const checked = document.querySelectorAll('.product-checkbox:checked');
+            const barcodes = Array.from(checked).map(cb => cb.closest('tr').getAttribute('data-barcode'));
+
+            const res = await fetch('/bulk_delete', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ barcodes })
+            });
+
+            if (res.ok) {
+                checked.forEach(cb => {
+                    cb.closest('tr').remove(); // Remove the row from the table immediately
+                });
+                updateBulkBar();
+
+                const modalEl = document.getElementById('bulkDeleteModal');
+                bootstrap.Modal.getInstance(modalEl).hide();
+            } else {
+                alert("Error al eliminar productos.");
+            }
+        }
+
         /* ── Search ── */
         function searchTable() {
             const q = document.getElementById('searchInput').value.toUpperCase();