.subscribe()

openbridge.cart.subscribe(callback)

openbridge.cart.subscribe((cart) => {
    console.log('Cart updated:', cart)
})

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

    // Update cart total
    if (cart) {
        document.querySelector('.cart-total').textContent =
            `${cart.cost.totalAmount.currencyCode} ${cart.cost.totalAmount.amount}`
    }
})

const unsubscribe = openbridge.cart.subscribe((cart) => {
    updateMiniCart(cart)
})

// Later, stop listening
unsubscribe()

// Subscribe first to catch the initial state
openbridge.cart.subscribe((cart) => {
    renderCart(cart)
})

// Then initialize
await openbridge.cart.init()

// Badge update
openbridge.cart.subscribe((cart) => {
    updateBadge(cart?.totalQuantity ?? 0)
})

// Mini cart
openbridge.cart.subscribe((cart) => {
    updateMiniCart(cart)
})

// Analytics
openbridge.cart.subscribe((cart) => {
    trackCartState(cart)
})

openbridge.cart.subscribe((cart) => {
    const isEmpty = !cart || cart.totalQuantity === 0

    document.querySelector('.empty-cart-message').hidden = !isEmpty
    document.querySelector('.cart-contents').hidden = isEmpty
    document.querySelector('.checkout-button').disabled = isEmpty
})