import { Controller } from '@hotwired/stimulus'

// 3dealer-side glue for the checkout module. The module owns the cart and emits
// `bbk-cart:updated` {count, total} on window after every change; this reflects
// the line count on the header bag icon. How (or whether) that count is shown
// is the host's call — hence this lives here, not in the module.
export default class extends Controller {
    static targets = ['badge']

    connect() {
        this.onUpdate = (event) => this.render(event.detail?.count ?? 0)
        window.addEventListener('bbk-cart:updated', this.onUpdate)
    }

    disconnect() {
        window.removeEventListener('bbk-cart:updated', this.onUpdate)
    }

    // Header cart icon click — there's no separate cart page, the drawer IS
    // the cart. `bbk-cart:open` is the module's own event, already listened
    // for by bbk-cart-controller.
    open() {
        window.dispatchEvent(new CustomEvent('bbk-cart:open'))
    }

    render(count) {
        if (!this.hasBadgeTarget) return
        this.badgeTarget.textContent = String(count)
        this.badgeTarget.hidden = count < 1
    }
}