Release version 1.0.1

- Add Twig template engine integration
- Migrate all templates to Twig format
- Add German (Switzerland, Informal) translation
- Improve template organization and security
- Add Composer dependency management
- Create comprehensive changelog

assets/js/frontend.js

@@ -0,0 +1,179 @@
+/**
+ * Frontend JavaScript for WooCommerce Tier and Package Prices
+ */
+
+(function($) {
+    'use strict';
+
+    $(document).ready(function() {
+        const $quantityInput = $('input.qty');
+        const $priceDisplay = $('.woocommerce-Price-amount.amount').first();
+
+        if ($quantityInput.length === 0) {
+            return;
+        }
+
+        // Get tiers and packages data
+        const tiers = [];
+        const packages = [];
+
+        $('.wc-tpp-tier-pricing-table tbody tr').each(function() {
+            tiers.push({
+                minQty: parseInt($(this).data('min-qty')),
+                price: parseFloat($(this).data('price'))
+            });
+        });
+
+        $('.wc-tpp-package').each(function() {
+            packages.push({
+                qty: parseInt($(this).data('qty')),
+                price: parseFloat($(this).data('price'))
+            });
+        });
+
+        // Update price display based on quantity
+        function updatePriceDisplay() {
+            const quantity = parseInt($quantityInput.val()) || 1;
+
+            // Check for exact package match
+            let matchedPackage = null;
+            packages.forEach(function(pkg) {
+                if (pkg.qty === quantity) {
+                    matchedPackage = pkg;
+                }
+            });
+
+            if (matchedPackage) {
+                const totalPrice = matchedPackage.price;
+                const unitPrice = totalPrice / quantity;
+                updatePrice(unitPrice, 'Package price: ' + formatPrice(totalPrice) + ' total');
+                highlightPackage(quantity);
+                return;
+            }
+
+            // Check for tier pricing
+            let applicableTier = null;
+            tiers.forEach(function(tier) {
+                if (quantity >= tier.minQty) {
+                    applicableTier = tier;
+                }
+            });
+
+            if (applicableTier) {
+                updatePrice(applicableTier.price, 'Volume discount applied');
+                highlightTier(quantity);
+                removePackageHighlight();
+            } else {
+                removeAllHighlights();
+            }
+        }
+
+        // Update price in the product page
+        function updatePrice(price, message) {
+            if ($priceDisplay.length) {
+                const formattedPrice = formatPrice(price);
+                $priceDisplay.html(formattedPrice);
+
+                // Add message if provided
+                if (message) {
+                    if (!$('.wc-tpp-price-message').length) {
+                        $priceDisplay.after('<div class="wc-tpp-price-message"></div>');
+                    }
+                    $('.wc-tpp-price-message').html('<small>' + message + '</small>');
+                }
+            }
+        }
+
+        // Format price according to WooCommerce settings
+        function formatPrice(price) {
+            const decimals = wcTppData.price_decimals || 2;
+            const decimalSep = wcTppData.price_decimal_separator || '.';
+            const thousandSep = wcTppData.price_thousand_separator || ',';
+            const symbol = wcTppData.currency_symbol || '$';
+            const position = wcTppData.currency_position || 'left';
+
+            let priceStr = price.toFixed(decimals);
+            const parts = priceStr.split('.');
+            parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, thousandSep);
+            priceStr = parts.join(decimalSep);
+
+            switch (position) {
+                case 'left':
+                    return symbol + priceStr;
+                case 'right':
+                    return priceStr + symbol;
+                case 'left_space':
+                    return symbol + ' ' + priceStr;
+                case 'right_space':
+                    return priceStr + ' ' + symbol;
+                default:
+                    return symbol + priceStr;
+            }
+        }
+
+        // Highlight active tier
+        function highlightTier(quantity) {
+            $('.wc-tpp-table tbody tr').removeClass('wc-tpp-active-tier');
+            let activeRow = null;
+
+            $('.wc-tpp-table tbody tr').each(function() {
+                const minQty = parseInt($(this).data('min-qty'));
+                if (quantity >= minQty) {
+                    activeRow = $(this);
+                }
+            });
+
+            if (activeRow) {
+                activeRow.addClass('wc-tpp-active-tier');
+            }
+        }
+
+        // Highlight selected package
+        function highlightPackage(quantity) {
+            $('.wc-tpp-package').removeClass('wc-tpp-selected');
+            $('.wc-tpp-table tbody tr').removeClass('wc-tpp-active-tier');
+
+            $('.wc-tpp-package').each(function() {
+                const pkgQty = parseInt($(this).data('qty'));
+                if (pkgQty === quantity) {
+                    $(this).addClass('wc-tpp-selected');
+                }
+            });
+        }
+
+        // Remove package highlight
+        function removePackageHighlight() {
+            $('.wc-tpp-package').removeClass('wc-tpp-selected');
+        }
+
+        // Remove all highlights
+        function removeAllHighlights() {
+            $('.wc-tpp-package').removeClass('wc-tpp-selected');
+            $('.wc-tpp-table tbody tr').removeClass('wc-tpp-active-tier');
+            $('.wc-tpp-price-message').remove();
+        }
+
+        // Handle quantity input changes
+        $quantityInput.on('input change', function() {
+            updatePriceDisplay();
+        });
+
+        // Handle package selection
+        $('.wc-tpp-select-package').on('click', function(e) {
+            e.preventDefault();
+            const $package = $(this).closest('.wc-tpp-package');
+            const qty = parseInt($package.data('qty'));
+
+            $quantityInput.val(qty).trigger('change');
+
+            // Scroll to add to cart button
+            $('html, body').animate({
+                scrollTop: $('.single_add_to_cart_button').offset().top - 100
+            }, 500);
+        });
+
+        // Initial update
+        updatePriceDisplay();
+    });
+
+})(jQuery);