Buche jetzt deine Fotobox

const wrapper = document.querySelector('.summary_products');

function updateSummaryItems() {
  const allSummaryItems = wrapper.querySelectorAll('.summary_item');
  const checkedRadios = Array.from(document.querySelectorAll('input[type="radio"]:checked'));
  const checkedProductMap = new Map();

  checkedRadios.forEach(radio => {
    const produktAttr = radio.closest('.pkg-radio-item')?.getAttribute('data-produkt');
    const value = radio.value;
    if (produktAttr) {
      const productId = produktAttr.split('_')[0];
      checkedProductMap.set(productId, value);
    }
  });
  
  allSummaryItems.forEach(item => {
    const productId = item.getAttribute('data-product');
    const value = checkedProductMap.get(productId);
    const summaryLivePackage = item.querySelector('.summary_package_value');
    
    if (value) {
      item.style.display = 'flex';
      summaryLivePackage.textContent = value;
    } else {
      item.style.display = 'none';
    }
  });
}


function updateHiddenSummaryInput() {
  const summaryItems = document.querySelectorAll('.summary_item');
  const data = [];

  summaryItems.forEach(item => {
    if (getComputedStyle(item).display !== 'flex') return;

    const imageEl = item.querySelector('.summary_item-image');
    const titleEl = item.querySelector('h4');
    const valueEl = item.querySelector('.summary_package_value');

    data.push({
      image: imageEl?.getAttribute('src') || '',
      title: titleEl?.textContent.trim() || '',
      value: valueEl?.textContent.trim() || ''
    });
  });

  const hiddenInput = document.querySelector('.hidden-summary-array');
  if (hiddenInput) {
    hiddenInput.value = JSON.stringify(data);
  }
}