import { cargarZonasDesdeBackend, cargarVacantesDesdeBackend } from './carga.js';
import { actualizarPDVs, mostrarVacantes } from './filtros.js';
import { generarEstadioSemiCircular } from './estadio.js';

let zonasConPDVsGlobal = [];

document.addEventListener('DOMContentLoaded', async () => {
  zonasConPDVsGlobal = await cargarZonasDesdeBackend();
  await cargarVacantesDesdeBackend(zonasConPDVsGlobal);

  document.getElementById('filtroZona').addEventListener('change', () => {
    actualizarPDVs();
    mostrarVacantes();
  });

  document.getElementById('filtroSoloVacantes').addEventListener('change', () => {
    actualizarPDVs();
    mostrarVacantes();
    generarEstadioSemiCircular(zonasConPDVsGlobal); // 🔄 Esto ya funcionará correctamente con el import arriba
  });

  document.getElementById('filtroPDV').addEventListener('change', () => {
    mostrarVacantes();
  });
});
