From b13a447c642c61ce63565a6dc368cd4405c58f4b Mon Sep 17 00:00:00 2001
From: Jandl-hostacny <jakub.hostacny@jandl.sk>
Date: Wed, 21 Oct 2026 13:02:31 +0200
Subject: [PATCH] feat: menitelny pocet produktov vo vernostnych zlavach

Tlacidlo Pridat produkt (novy produkt sa hned otvori) a mazanie produktu;
karty sa radia po 2 na riadok.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/components/editor/ConfigPanel.tsx | 39 ++++++++++++++++++++++++---
 1 file changed, 35 insertions(+), 4 deletions(-)

diff --git a/src/components/editor/ConfigPanel.tsx b/src/components/editor/ConfigPanel.tsx
index 3e669c8..6562367 100644
--- a/src/components/editor/ConfigPanel.tsx
+++ b/src/components/editor/ConfigPanel.tsx
@@ -870,11 +870,41 @@ export const ConfigPanel: React.FC<ConfigPanelProps> = ({
             </div>
           </div>
 
-          {/* Vernostné produkty */}
+          {/* Vernostné produkty (ľubovoľný počet, 2 na riadok) */}
           <div className="space-y-2 pt-2">
-            <span className="text-xs font-bold text-gray-700 block">
-              Vernostné produkty ({module.data.products?.length || 0})
-            </span>
+            <div className="flex items-center justify-between">
+              <span className="text-xs font-bold text-gray-700">
+                Vernostné produkty ({module.data.products?.length || 0})
+              </span>
+              <button
+                onClick={() => {
+                  const newP: CardProduct = {
+                    id: `lp-${Date.now()}`,
+                    title: 'Nový vernostný produkt',
+                    imageUrl: `${SUPABASE_ASSETS_BASE}vernostna_karta-produkt_1.png`,
+                    priceMain: '',
+                    priceSub: '',
+                    unitPrice: '',
+                    discountText: '',
+                    badgeText: 'zľava',
+                    noCardDiscount: '20%',
+                    noCardPriceMain: '0',
+                    noCardPriceSub: '99',
+                    noCardUnitPrice: '',
+                    cardDiscount: '30%',
+                    cardPriceMain: '0',
+                    cardPriceSub: '79',
+                    cardUnitPrice: '',
+                    stores: { potraviny: true, supermarket: true, tempo: true }
+                  };
+                  updateData({ products: [...(module.data.products || []), newP] });
+                  onSelectProduct?.(newP.id);
+                }}
+                className="text-xs font-bold text-white bg-gray-900 hover:bg-black px-2.5 py-1 rounded-lg flex items-center gap-1"
+              >
+                <Plus className="w-3.5 h-3.5" /> Pridať produkt
+              </button>
+            </div>
             {(module.data.products || []).map((p: CardProduct, pIdx: number) => (
               <ProductEditor
                 key={p.id || pIdx}
@@ -885,6 +915,7 @@ export const ConfigPanel: React.FC<ConfigPanelProps> = ({
                 onToggle={() => onSelectProduct?.(selectedProductId === p.id ? null : p.id)}
                 availableBadges={availableBadges || []}
                 onChange={(patch) => updateProduct(pIdx, patch)}
+                onDelete={() => updateData({ products: (module.data.products || []).filter((_: CardProduct, i: number) => i !== pIdx) })}
                 onOpenBadgeEditor={onOpenBadgeManager ? () => onOpenBadgeManager(p.id) : undefined}
                 onApplyBadgeToSection={() => applyBadgeToSection(p)}
                 onApplyBadgeToAll={onApplyBadgeToAll ? () => applyBadgeToAll(p, 'loyalty') : undefined}