/**
 * eventList.js – Rendert eine Liste von Event-Karten in einen Container.
 * Delegiert die Erstellung einzelner Karten an createEventCard().
 */

import { createEventCard } from "./eventCard.js";

/**
 * Leert den Container und fügt für jedes Event eine Karte ein.
 * Zeigt eine Meldung an, wenn keine Events gefunden wurden.
 * @param {Array} events - Array von Event-Objekten
 * @param {HTMLElement} container - Ziel-DOM-Element
 */
export function renderEventList(events, container) {
  container.innerHTML = "";

  if (events.length === 0) {
    const state = document.createElement("div");
    state.className = "empty-state";

    const icon = document.createElement("div");
    icon.className = "empty-state__icon";
    icon.setAttribute("aria-hidden", "true");
    icon.textContent = "🎭";

    const title = document.createElement("p");
    title.className = "empty-state__text";
    title.textContent = "Keine Events gefunden";

    const sub = document.createElement("p");
    sub.className = "empty-state__sub";
    sub.textContent = "Versuche eine andere Stadt oder erweitere den Datumsbereich.";

    state.append(icon, title, sub);
    container.appendChild(state);
    return;
  }

  events.forEach(event => {
    const card = createEventCard(event);
    container.appendChild(card);
  });
}