// créer header icons pour encarts 
if (debug) console.log('start addInsertIcons');

(function() {

  let encarts = document.querySelectorAll('.latour, .latour_nohead, .lampe, .lampe_nohead');
  
  for(let encart of encarts) {
    if (encart.innerHTML.indexOf("<") === -1) {
      encart.innerHTML = '<p>' + encart.innerHTML;
      encart.innerHTML = encart.innerHTML + '</p>';
    } else {
      // to check if the first tag is a span
      if (encart.innerHTML, encart.innerHTML[encart.innerHTML.indexOf("<") + 1] === 's') {
        encart.innerHTML = encart.innerHTML.substring(0, encart.innerHTML.indexOf('</span>') + 7) + '</p>' + encart.innerHTML.substring(encart.innerHTML.indexOf('</span>') + 7);
      } else {
        encart.innerHTML = encart.innerHTML.substring(0, encart.innerHTML.indexOf('<')) + '</p>' + encart.innerHTML.substring(encart.innerHTML.indexOf('<'));
      }
      encart.innerHTML = '<p>' + encart.innerHTML;
    }

    let headContent = encart.firstElementChild;
    let iconImg = document.createElement('img');
    let imgFile = encart.classList.contains('latour') || encart.classList.contains('latour_nohead') ? 'map' : 'lampe';
    iconImg.setAttribute('src', `/user/themes/carnet-atterrissage/assets/${ imgFile }.png`);
    
    if (encart.classList.contains('latour_nohead') || encart.classList.contains('lampe_nohead')) {
      encart.prepend(iconImg);
      iconImg.style.marginTop = '3mm';
      iconImg.style.width = '8mm';
    } else {
      headContent.prepend(iconImg);
      headContent.classList.add('encart-header');
    }

    if (encart.querySelector('.encart-header')
      && encart.querySelector('.encart-header')?.nextElementSibling == null) {
      encart.querySelector('.encart-header').style.marginBottom = '0';
    }
  }
  
})();

if (debug) console.log('end addInsertIcons');