window.checkoutOptionsData = {"url":"https:\/\/enhanced-checkout-options.com\/checkout\/h9n7ejybby","enabled":true,"message":"Subscription is not active.","places":[{"id":"cart","name":"Cart","page":"cart","selectors":[{"selector":".cart-actions","position":"before","tag":"table","class":"cart-section"}],"enabled":true,"groups":[{"name":"OSDRPG Packaging","description":"Please select which type of packaging you'd like for your OSDRPD acrylic\/resin sets. If you need a mix of both packaging options, please contact your account rep.","type":"radio","is_mandatory":true,"id":143,"specific_countries":[],"options":[{"name":"Tube","is_default":1,"price":"0.00","checked":false,"sku":"TUBE","show_price":true,"item_id":null},{"name":"Cube","is_default":0,"price":"0.00","checked":false,"sku":"CUBE","show_price":true,"item_id":null}]}]}],"allEnabledOptionSkus":[{"sku":"TUBE","name":"Tube"},{"sku":"CUBE","name":"Cube"}],"redirectAfterOptionSelect":false,"script":"https:\/\/enhanced-checkout-options.com\/js\/cart.js","currency":{"code":"USD","format":"${{PRICE}}"}};
let places = window.checkoutOptionsData.places;
window.checkoutApplicationBaseApiUrl = window.checkoutOptionsData.url;
window.checkoutOptionsPlaces = window.checkoutOptionsData.places;
window.reloadData = false;

const addScript = async src => new Promise((resolve, reject) => {
    const el = document.createElement('script');
    el.src = src;
    el.addEventListener('load', resolve);
    el.addEventListener('error', reject);
    document.body.append(el);
});

const hideTotalsFromCart = () => {
    const namesToHide = [];

    if (window.checkoutOptionsData && window.checkoutOptionsData.allEnabledOptionSkus) {
        window.checkoutOptionsData.allEnabledOptionSkus.forEach(option => {
            namesToHide.push(option.name);
        });
    }

    if (namesToHide.length === 0) {
        return;
    }

    const cartTotalsList = document.querySelector('ul.cart-totals');
    if (cartTotalsList) {
        cartTotalsList.querySelectorAll('.cart-total--custom').forEach(el => el.remove());
    }

    const items = document.querySelectorAll('tr.cart-item');
    items.forEach(item => {
        // const nameElement = item.querySelector('.cart-item-name__label');
        const nameElement = item.querySelector('.cart-item-name__label, .cart-item-name a, .cart-item-name');
        if (nameElement) {
            // const name = nameElement.textContent.trim();
            const name = nameElement?.textContent.trim().replace(/\s+/g, ' ');
            const shouldHide = namesToHide.includes(name);
            if (shouldHide) {
                item.style.display = 'none';

                if (cartTotalsList) {
                    const priceElement = item.querySelector('.cart-item-value');
                    const price = priceElement ? priceElement.textContent.trim() : '';

                    const customTotal = document.createElement('li');
                    customTotal.className = 'cart-total cart-total--custom';
                    customTotal.innerHTML = `
                        <div class="cart-total-label">
                            <strong>${name}:</strong>
                        </div>
                        <div class="cart-total-value">
                                <span>${price}</span>
                        </div>
                    `;
                    cartTotalsList.prepend(customTotal);
                }
            } else {
                item.style.display = '';
            }
        }
    });

    const miniCartItems = document.querySelectorAll('.previewCartItem');
    miniCartItems.forEach(item => {
        const nameElement = item.querySelector('.previewCartItem-name a');
        if (nameElement) {
            const name = nameElement.textContent.trim();
            const shouldHide = namesToHide.includes(name);
            if (shouldHide) {
                item.style.display = 'none';
            } else {
                item.style.display = '';
            }
        }
    });
}

const insertPlaceHolders = () => {
    hideTotalsFromCart();

    window.checkoutOptionsPlaces.map((place, index) => {
        if (!place.enabled) return false;
        place.selectors.map((sel, index) => {
            let element = document.querySelector(sel.selector);
            let id = `cart-options-placeholder-${index}`;

            if (element && !document.getElementById(id)) {
                let placeHolder = document.createElement(sel.tag ?? 'div');
                placeHolder.className = sel.class;
                placeHolder.id = id;
                placeHolder.dataset.checkoutOption = place.id;

                placeHolder.innerHTML = ["<div>"
                    , "<span>Loading...</span>"
                    , "</div>"].join('');
                if (sel.position === 'before') {
                    element.parentNode.insertBefore(placeHolder, element)
                } else if (sel.position === 'inside') {
                    element.append(placeHolder);
                } else {
                    element.parentNode.insertBefore(placeHolder, element.nextSibling);
                }
            }
        });


    });
    setTimeout(insertPlaceHolders, 100);
}
insertPlaceHolders();

setTimeout(() => {
    fetch('/api/storefront/carts', {
        method: "GET",
        credentials: "same-origin"
    })
        .then(response => response.json())
        .then(result => {
            addScript((document.location.href.indexOf("debug") > 0 ? "http://localhost/js/cart.js" : window.checkoutOptionsData.script) + "?v=3&id=" + result[0].id).then();
            window.bigcommerceCartId = result[0].id;
        })
        .catch(error => console.error(error));
}, 300)


document.addEventListener('DOMContentLoaded', function () {

    const cartContent = document.querySelector('[data-cart-content]');
    if (!cartContent) return;

    let removeTimeout = null;

    const observer = new MutationObserver(function () {
        clearTimeout(removeTimeout);

        removeTimeout = setTimeout(function () {
            window.reloadData = true;
            const section = document.querySelector('.cart-section');
            if (section) {
                section.remove();
            }
        }, 1);
    });

    observer.observe(cartContent, {
        childList: true,
        subtree: true
    });
});