feat: premenne {cena_s_kartou} a {zlava_s_kartou} v cenovkach (uloha 12)

- bezne produkty maju volitelne polia Cena s kartou / Zlava s kartou,
  vernostne produkty pouzivaju svoje existujuce hodnoty
- editor cenoviek: tlacidla na pridanie vrstiev a nahlad premennych
- jedinecne ID novych vrstiev (rychle pridanie viacerych vrstiev)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

src/lib/badgeUtils.ts

@@ -8,6 +8,30 @@ export interface BadgeProductData {
   priceSub: string;
   discountText?: string;
   unitPrice?: string;
+  cardPriceMain?: string; // cena s kartou → {cena_s_kartou}
+  cardPriceSub?: string;
+  cardDiscount?: string;  // zľava s kartou → {zlava_s_kartou}
+}
+
+// Premenné ceny s centami v hornom indexe: {cena} a {cena_s_kartou}
+export const BADGE_PRICE_TOKEN_RE = /\{(cena|cena_s_kartou)\}/;
+
+// Nahradenie jednoduchých textových premenných (bez horného indexu)
+export function replaceBadgeTextVars(text: string, product: BadgeProductData): string {
+  return text
+    .replace(/{cela_suma}/g, product.priceMain || '0')
+    .replace(/{zlava_s_kartou}/g, (product.cardDiscount || '').replace('-', ''))
+    .replace(/{zlava}/g, (product.discountText || '').replace('-', ''))
+    .replace(/{jednotkova_cena}/g, product.unitPrice || '')
+    .replace(/{mena}/g, '€');
+}
+
+// Celé eurá a centy pre danú cenovú premennú
+export function badgePriceParts(token: string, product: BadgeProductData): [string, string] {
+  if (token === 'cena_s_kartou') {
+    return [product.cardPriceMain || '', product.cardPriceSub || ''];
+  }
+  return [product.priceMain || '0', product.priceSub || '00'];
 }
 
 /**
@@ -21,10 +45,7 @@ export function renderCleanBadgeSvg(
   product: BadgeProductData,
   overrideWidth?: number
 ): string {
-  const pMain = product.priceMain || '0';
   const pSub = product.priceSub || '00';
-  const discount = (product.discountText || '').replace('-', '');
-  const unitPrice = product.unitPrice || '';
 
   // Získanie viewBox alebo predvolených rozmerov
   let vb = '0 0 140 95';
@@ -88,23 +109,20 @@ export function renderCleanBadgeSvg(
 
     // Formátovanie textu: ak obsahuje {cena} alebo {centy}, centy vložíme do <tspan> ako horný index
     let contentSvg = '';
-    if (rawText.includes('{cena}')) {
-      const parts = rawText.split('{cena}');
-      const before = escapeXml(parts[0] || '');
-      const after = escapeXml(parts[1] || '');
-      contentSvg = `${before}${escapeXml(pMain)}<tspan font-size="${subFontSize}px" dx="${subDx}" dy="${subDy}" font-weight="${fontWeight}">${escapeXml(pSub)}</tspan>${after ? `<tspan dy="${revertDy}">${after}</tspan>` : ''}`;
+    const priceMatch = rawText.match(BADGE_PRICE_TOKEN_RE);
+    if (priceMatch) {
+      const [tokMain, tokSub] = badgePriceParts(priceMatch[1], product);
+      const idx = priceMatch.index || 0;
+      const before = escapeXml(replaceBadgeTextVars(rawText.slice(0, idx), product));
+      const after = escapeXml(replaceBadgeTextVars(rawText.slice(idx + priceMatch[0].length), product));
+      contentSvg = `${before}${escapeXml(tokMain)}<tspan font-size="${subFontSize}px" dx="${subDx}" dy="${subDy}" font-weight="${fontWeight}">${escapeXml(tokSub)}</tspan>${after ? `<tspan dy="${revertDy}">${after}</tspan>` : ''}`;
     } else if (rawText.includes('{centy}')) {
       const parts = rawText.split('{centy}');
       const before = escapeXml(parts[0] || '');
       const after = escapeXml(parts[1] || '');
       contentSvg = `${before}<tspan font-size="${subFontSize}px" dx="${subDx}" dy="${subDy}" font-weight="${fontWeight}">${escapeXml(pSub)}</tspan>${after ? `<tspan dy="${revertDy}">${after}</tspan>` : ''}`;
     } else {
-      let replaced = rawText
-        .replace(/{cela_suma}/g, pMain)
-        .replace(/{zlava}/g, discount)
-        .replace(/{jednotkova_cena}/g, unitPrice)
-        .replace(/{mena}/g, '€');
-      contentSvg = escapeXml(replaced);
+      contentSvg = escapeXml(replaceBadgeTextVars(rawText, product));
     }
 
     return `<text x="${layer.x}" y="${layer.y}" text-anchor="${anchor}" dominant-baseline="central" font-family="${fontFamily}" font-size="${fontSize}px" font-weight="${fontWeight}" fill="${fill}">${contentSvg}</text>`;

src/lib/emailRenderer.ts

@@ -830,7 +830,10 @@ function renderExactLoyaltyCard(p: any, validity: string): string {
                     priceMain: p.cardPriceMain || p.priceMain || '0',
                     priceSub: p.cardPriceSub || p.priceSub || '00',
                     discountText: p.cardDiscount || p.discountText || '',
-                    unitPrice: p.cardUnitPrice || p.unitPrice || ''
+                    unitPrice: p.cardUnitPrice || p.unitPrice || '',
+                    cardPriceMain: p.cardPriceMain,
+                    cardPriceSub: p.cardPriceSub,
+                    cardDiscount: p.cardDiscount
                   };
 
                   return `