.count()

openbridge.cart.count()

const count = openbridge.cart.count()
document.querySelector('.cart-badge').textContent = count

openbridge.cart.subscribe((cart) => {
    const count = cart?.totalQuantity ?? 0
    const badge = document.querySelector('.cart-badge')

    badge.textContent = count
    badge.style.display = count > 0 ? 'block' : 'none'
})

if (openbridge.cart.count() > 0) {
    showCheckoutButton()
} else {
    showEmptyCartMessage()
}

function updateCartIcon() {
    const count = openbridge.cart.count()
    const icon = document.querySelector('.cart-icon')

    icon.setAttribute('data-count', count)
    icon.classList.toggle('has-items', count > 0)
}

// Update on any cart change
openbridge.cart.subscribe(updateCartIcon)