{
if (e.target.closest('.addon-modal-confirm-button')) {
const index = $store.alpineModal.index;
const sectionId = $store.alpineModal.sectionId;
const scope = sectionId ? document.querySelector('[data-section=\'' + sectionId + '\']') : document;
const mainQtyInput = scope.querySelector('input[name=\'properties[_pdp_addon_' + index + ']\']');
if (mainQtyInput) {
// Sync variant selection if any
const modalVariantInput = e.currentTarget.querySelector('input[name=id]');
if (modalVariantInput) {
mainQtyInput.dataset.variant = modalVariantInput.value;
}
// Trigger the plus button on the main page to handle all logic (price, hidden inputs, etc.)
const plusBtn = mainQtyInput.closest('.quantity-wrapper')?.querySelector('.btn-number[data-type=\'plus\']');
if (plusBtn) {
plusBtn.click();
} else {
// Fallback if plus button isn't found for some reason
const currentQty = parseInt(mainQtyInput.value) || 0;
mainQtyInput.value = currentQty + 1;
mainQtyInput.dispatchEvent(new Event('change', { bubbles: true }));
}
}
$store.alpineModal.close();
}
}"
>