document.addEventListener('DOMContentLoaded', function () {
  const button = document.getElementById('iskalnik');
  const popper = document.getElementById('iskalnik-popper');

  popper.style.display = 'none'; // Hide popper initially

  let popperInstance = null;

  function createPopper() {
    popperInstance = Popper.createPopper(button, popper, {
      placement: 'bottom-start',
    });
  }

  button.addEventListener('click', () => {
    const isVisible = popper.style.display === 'block';
    popper.style.display = isVisible ? 'none' : 'block';
    if (!isVisible && !popperInstance) {
      createPopper();
    }
  });

  document.addEventListener('click', (e) => {
    if (!popper.contains(e.target) && e.target !== button) {
      popper.style.display = 'none';
    }
  });
});