Ikonki płatności w Soobasket

(function() {
    function addIcons() {
        const iconPath = 'https://sklepzycia.pl/skins/user/rwd_primary_5/images/user/';
        const iconData = {
            shipping: [
                { selector: '.shipping_10', icon: 'POCZTEX.png', alt: 'Pocztex' },
                { selector: '.shipping_48', icon: 'KURIER INPOST.png', alt: 'Kurier InPost' },
                { selector: '.shipping_21', icon: 'POCZTEX.png', alt: 'Pocztex - Odbiór w punkcie' },
                { selector: '.shipping_29', icon: 'PACZKOMAT.png', alt: 'InPost Paczkomaty 24/7' },
                { selector: '.shipping_5', icon: 'DHL.png', alt: 'Kurier DHL' },
                { selector: '.shipping_40', icon: 'DHL.png', alt: 'Kurier DHL Automaty BOX 24/7 i punkty POP' },
                { selector: '.shipping_35', icon: 'DPD.png', alt: 'Kurier DPD' },
                { selector: '.shipping_1', icon: 'OSOBISTY.png', alt: 'Odbiór w Sklepie' }
            ],
            payment: [
                { selector: '.payment_5', icon: 'PAYPO.png', alt: 'PayU - płatność online, BLIK' },
                { selector: '.payment_16', icon: 'PRZELEW TRADYCYJNY.png', alt: 'Przelew tradycyjny' },
                { selector: '.payment_19', icon: 'KARTY.png', alt: 'Płatność tylko kartą przy odbiorze osobistym' },
                { selector: '.payment_11', icon: 'PAYPAL.png', alt: 'PayPal' },
                { selector: '.payment_2', icon: 'OSOBISTY.png', alt: 'Płacę przy odbiorze' } // Zmieniono ikonę na OSOBISTY.png
            ]
        };
 
        function addIconsForType(type) {
            iconData[type].forEach(item => {
                const elements = document.querySelectorAll(`.shop_basket ${item.selector}`);
                elements.forEach(element => {
                    let nameElement = element.querySelector('.name');
                    if (!nameElement) {
                        nameElement = element.querySelector('.inner > span:first-child');
                    }
                    if (nameElement && !nameElement.querySelector('.icon-wrapper')) {
                        const wrapper = document.createElement('span');
                        wrapper.className = 'icon-wrapper';
                        wrapper.style.display = 'inline-block';
                        wrapper.style.width = '44px';
                        wrapper.style.marginRight = '6px';
                        wrapper.style.verticalAlign = 'middle';
 
                        const img = document.createElement('img');
                        img.src = `${iconPath}${encodeURIComponent(item.icon)}`;
                        img.alt = item.alt;
                        img.style.maxHeight = '30px';
                        img.style.width = 'auto';
                        img.style.display = 'block';
                        img.style.margin = '0 auto';
                        img.onerror = function() {
                            console.error(`Nie można załadować obrazu: ${img.src}`);
                            // Próba użycia alternatywnej ikony
                            img.src = `${iconPath}OSOBISTY.png`;
                            img.onerror = function() {
                                console.error(`Nie można załadować alternatywnej ikony: ${img.src}`);
                                wrapper.remove();
                            };
                        };
 
                        wrapper.appendChild(img);
                        nameElement.insertBefore(wrapper, nameElement.firstChild);
                        console.log(`Dodano ikonę do ${item.selector}`);
                    }
                });
            });
        }
 
        addIconsForType('shipping');
        addIconsForType('payment');
    }
 
    function initIcons() {
        if (typeof shoper !== 'undefined' && typeof shoper.addEvent === 'function') {
            shoper.addEvent('soobasket:loaded', function() {
                setTimeout(addIcons, 500);
            });
 
            shoper.addEvent('soobasket:refresh', function() {
                setTimeout(addIcons, 500);
            });
 
            setTimeout(addIcons, 2000);
        } else {
            setTimeout(initIcons, 500);
        }
    }
 
    initIcons();
})();