/* eslint-disable no-console */
'use strict';
function transformRichText(element: HTMLElement) {
  const parentElement = element.closest('.margin-bottom.margin-medium');
  const isHighlights = element.closest('#highlights') ? true : false;

  if (element && element.textContent) {
    const rawText = element.textContent.trim();

    if (rawText === '""' || rawText === '') {
      if (parentElement) {
        parentElement.remove();
      }
      return;
    }

    const text = rawText.startsWith('"') && rawText.endsWith('"') ? rawText.slice(1, -1) : rawText;

    const separator = isHighlights || parentElement ? ';' : ',';

    const items = text.split(new RegExp(`\\s*${separator}\\s*`));

    const listElement = document.createElement('ul');
    listElement.className = 'angebote-list';
    listElement.setAttribute('role', 'list');

    items.forEach((item) => {
      const listItem = document.createElement('li');
      listItem.textContent = item.trim();
      listElement.appendChild(listItem);
    });

    element.replaceWith(listElement);
  } else {
    console.log('Element oder dessen Textinhalt nicht gefunden.');
    if (parentElement) {
      parentElement.remove();
    }
  }
}

const richTextElements = document.querySelectorAll('.angebote-rich.w-richtext');

richTextElements.forEach((element: Element) => {
  if (element instanceof HTMLElement) {
    transformRichText(element);
  }
});