export function createEventCard(event) {

  const article = document.createElement("article");
  article.className = "event-card";

  const title = document.createElement("h3");
  title.className = "event-card__title";
  title.textContent = event.name;

  const formattedDate = event.date
    ? new Date(event.date).toLocaleDateString("de-CH", {
        day: "2-digit",
        month: "2-digit",
        year: "numeric"
      })
    : "Date not available";

  const formattedTime = event.time
    ? event.time.slice(0, 5)
    : "";

  const dateTime = formattedTime
    ? `${formattedDate}, ${formattedTime}`
    : formattedDate;

  const date = document.createElement("p");
  date.className = "event-card__date";
  date.textContent = dateTime;

  const venue = document.createElement("p");
  venue.className = "event-card__venue";
  venue.textContent = event.venue;

  article.append(title, date, venue);

  return article;
}