options.forEach(option => {
const labelEl = option.querySelector('.option-label');
const valuesContainer = option.querySelector('.option-values');
if (!labelEl || !valuesContainer) return;
const values = valuesContainer.querySelectorAll('.option-value');
if (values.length === 0) return;
const label = labelEl.textContent.trim();
const block = document.createElement('div');
block.className = 'filter-item';
block.innerHTML = `
`;
const list = block.querySelector('.filter-item__list');
values.forEach(val => {
const valueId = val.dataset.valueId || val.textContent.trim();
const text = val.textContent.trim();
const checked = val.classList.contains('is-active') ? 'checked' : '';
const item = document.createElement('div');
item.className = 'filter-item__list-item';
item.innerHTML = `
`;
list.appendChild(item);
});
filterItemsContainer.appendChild(block);
});
${label}
