function priceBox(init) { const fmtCurrency = v => new Intl.NumberFormat('de-DE', { style:'currency', currency:'EUR' }).format(Number(v||0)); return { price: init.price, prices: init.prices, maxPrice: init.maxPrice, qty: init.qty, salesUnit: init.salesUnit, unitType: init.unitType, taxRate: Number(init.taxRate||0), shipping: init.shipping, freeShip: init.freeShip, level: Number(init.qty||1), ppu: null, unitTypeFmt: null, get discountOn(){ const p = Number(this.price?.price||0), m = Number(this.maxPrice?.price||0); return m > 0 && p < m; }, get discountPct(){ const p = Number(this.price?.price||0), m = Number(this.maxPrice?.price||0); if(!m) return 0; return ((m - p) * 100 / m).toFixed(2); }, get shippingFee(){ const s = Number(this.shipping||0); return s > 0 ? fmtCurrency(s) : this.freeShip; }, fmt: v => fmtCurrency(v), fmtCond: v => Number(v||1).toLocaleString('de-DE'), rehydrate(price, prices, maxPrice, qty, shipping, salesUnit, unitType, taxRate) { this.price = price; this.prices = prices; this.maxPrice = maxPrice; this.qty = qty; this.level = Number(qty||1); this.shipping = shipping; this.salesUnit= salesUnit; this.unitType = unitType; this.taxRate = Number(taxRate||0); this.recalc(); }, select(q){ this.qty = q; this.level = q; window.Livewire.find('WlPtCksarLC7M6b5kVMS').set('quantity', q); this.recalc(); }, recalc(){ if (Array.isArray(this.prices)) { for (const p of this.prices) { if (Number(this.qty) >= Number(p.condition)) this.price = p; } } const unit = Number(this.salesUnit||1), val = Number(this.price?.price||0); let fmt = ''; switch(this.unitType){ case 'gram': this.ppu = fmtCurrency((1000*val)/(unit||1)); fmt = 'kg'; break; case 'milliliter': this.ppu = fmtCurrency((1000*val)/(unit||1)); fmt = 'L'; break; case 'piece': this.ppu = fmtCurrency((1*val)/(unit||1)); fmt = 'Piece'; break; case 'meter': this.ppu = fmtCurrency((1*val)/(unit||1)); fmt = 'm'; break; case 'square_meters':this.ppu = fmtCurrency((1*val)/(unit||1)); fmt = '\u33A1'; break; default: this.ppu = fmtCurrency(val); fmt = ''; } this.unitTypeFmt = fmt; }, init(){ this.recalc(); window.addEventListener('qty:changed', e=>{ const q = Number(e.detail||1)||1; this.select(q); }); } } } function qtyMask(){ return { val: 1, init(){ this.val = 1 }, dec(){ if(this.val>1){ this.val--; this.$dispatch('qty:changed', this.val) } }, inc(){ if(this.val<999999){ this.val++; this.$dispatch('qty:changed', this.val) } }, } }