From 065644eb73ee7f7ecaac72e11916c1c1026df7b5 Mon Sep 17 00:00:00 2001
From: cas <cas@vorteq.nl>
Date: Fri, 24 Jul 2026 22:33:59 +0200
Subject: [PATCH] fix: save-meal knop weer zichtbaar bij 2+ geselecteerde items
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Worker had style.display:none in template maar gebruikte disabled in handler —
knop bleef hidden. Gefixt naar display toggle + 2-item minimum.

Save-knop en delete-knop staan nu naast elkaar zichtbaar als 2+ items geselecteerd.
---
 docker/index.html | 8 ++++----
 index.html        | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/docker/index.html b/docker/index.html
index bbe68a8..bf0c76c 100644
--- a/docker/index.html
+++ b/docker/index.html
@@ -3576,13 +3576,13 @@ button:active, .btn:active, .meal-card-main:active, .dagboek-item:active, .food-
         const delBtn = footer.querySelector('.delete-selected-footer-btn');
         const checked = card.querySelectorAll('.item-checkbox:checked').length;
         const total = card.querySelectorAll('.item-checkbox').length;
-        if (checked === 0) {
-          saveBtn.disabled = true;
-          saveBtn.innerHTML = `<i class="fas fa-star"></i> Selecteer ${total} items`;
+        if (checked < 2) {
+          saveBtn.style.display = 'none';
           if (delBtn) delBtn.classList.add('hidden');
         } else {
+          saveBtn.style.display = '';
           saveBtn.disabled = false;
-          saveBtn.innerHTML = `<i class="fas fa-star"></i> Opslaan ${checked} ${checked === 1 ? 'item' : 'items'} als maaltijd`;
+          saveBtn.innerHTML = `<i class="fas fa-star"></i> Opslaan ${checked} items als maaltijd`;
           if (delBtn) delBtn.classList.remove('hidden');
         }
       });
diff --git a/index.html b/index.html
index bbe68a8..bf0c76c 100644
--- a/index.html
+++ b/index.html
@@ -3576,13 +3576,13 @@ button:active, .btn:active, .meal-card-main:active, .dagboek-item:active, .food-
         const delBtn = footer.querySelector('.delete-selected-footer-btn');
         const checked = card.querySelectorAll('.item-checkbox:checked').length;
         const total = card.querySelectorAll('.item-checkbox').length;
-        if (checked === 0) {
-          saveBtn.disabled = true;
-          saveBtn.innerHTML = `<i class="fas fa-star"></i> Selecteer ${total} items`;
+        if (checked < 2) {
+          saveBtn.style.display = 'none';
           if (delBtn) delBtn.classList.add('hidden');
         } else {
+          saveBtn.style.display = '';
           saveBtn.disabled = false;
-          saveBtn.innerHTML = `<i class="fas fa-star"></i> Opslaan ${checked} ${checked === 1 ? 'item' : 'items'} als maaltijd`;
+          saveBtn.innerHTML = `<i class="fas fa-star"></i> Opslaan ${checked} items als maaltijd`;
           if (delBtn) delBtn.classList.remove('hidden');
         }
       });