<script>
document.addEventListener('DOMContentLoaded', function () {

  var postSlugMap = {"3573":"bingo-avenida","3574":"bingo-los-califas","3575":"bingo-granada","3576":"bingo-reyes-catolicos","3577":"bingo-stars-pas-de-la-casa","3578":"bingo-stras-andorra-la-bella","3579":"bingo-lerida","3580":"bingo-centelles","3581":"bingo-jaime-i","3582":"bingo-primado-reig","3583":"bingo-estadio","3584":"bingo-conquistadores","3585":"bingo-rio","3586":"bingo-zurbaran","3587":"bingo-ibiza","3588":"bingo-adislan","3589":"bingo-puerto-del-carmen","3590":"bingo-arapiles","3591":"bingo-majadahonda","3592":"bingo-parla","3593":"bingo-pinar","3594":"bingo-torreazar","3595":"bingo-alfonso-xiii","3596":"bingo-cartagena"};

  // Interceptamos XHR para detectar qué marcador corresponde a qué postId
  var markerPostMap = {}; // postId -> markerIndex
  var lastClickedMarkerIndex = null;

  var markers = [];

  var origOpen = XMLHttpRequest.prototype.open;
  XMLHttpRequest.prototype.open = function(method, url) {
    if (url.includes('wpgb_map/v2/popup')) {
      var match = url.match(/id=(\d+)/);
      if (match && lastClickedMarkerIndex !== null) {
        markerPostMap[match[1]] = lastClickedMarkerIndex;
        console.log('Mapeado post', match[1], '-> marcador', lastClickedMarkerIndex);
      }
    }
    return origOpen.apply(this, arguments);
  };

  function initListClick() {
    var items = document.querySelectorAll('.brxe-kcgdfj');
    markers = Array.from(document.querySelectorAll('.wpgb-marker'));

    if (!items.length || !markers.length) {
      setTimeout(initListClick, 500);
      return;
    }

    // Interceptamos clicks en marcadores para saber su índice
    markers.forEach(function(marker, idx) {
      marker.addEventListener('click', function() {
        lastClickedMarkerIndex = idx;
      }, true); // capture = true para que se ejecute antes que WPGB
    });

    items.forEach(function(item) {
      item.style.cursor = 'pointer';

      item.addEventListener('click', function(e) {
        e.preventDefault();

        var postId = item.getAttribute('data-post-id');
        var mapEl = document.querySelector('.wpgb-map-facet');
        if (mapEl) mapEl.scrollIntoView({ behavior: 'smooth', block: 'center' });

        // Si ya tenemos el marcador mapeado para este post
        if (postId && markerPostMap[postId] !== undefined) {
          markers[markerPostMap[postId]].click();
          return;
        }

        // Si no está mapeado aún, buscamos el marcador por postId
        // pidiendo el popup a la API para obtener lat/lng y luego clickando
        if (postId) {
          fetch('https://orenesbingo.com/wp-json/wpgb_map/v2/popup/?id=' + postId + '&lat=0&lng=0&facet=13&source=post_type')
            .then(r => r.json())
            .then(function(d) {
              // Ahora buscamos el marcador cuyo click genera ese postId
              // Usamos índice como fallback mientras se va construyendo el mapa
              var allItems = Array.from(document.querySelectorAll('.brxe-kcgdfj'));
              var idx = allItems.indexOf(item);
              if (markers[idx]) markers[idx].click();
            });
        }
      });
    });
  }

  initListClick();
});
</script>