Mache den ersten Schritt
Die längste Reise beginnt mit dem ersten Schritt. Sende uns eine Nachricht und finde heraus, wie wir deinen Traum von einer Reise nach Südafrika in die Realität umsetzen können.
Home / Kontakt
async function loadCalendar() {
const container = document.getElementById("calendar-container");
try {
const response = await fetch("/wp-content/themes/your-theme/data/calendar-data.json");
const data = await response.json();
data.calendar.forEach(monthData => {
const monthDiv = document.createElement("div");
monthDiv.classList.add("month");
const title = document.createElement("h2");
title.textContent = monthData.month;
monthDiv.appendChild(title);
const grid = document.createElement("div");
grid.classList.add("grid");
// Generate 42 blocks (7 days × 6 weeks)
for (let i = 0; i < 42; i++) {
const dayDiv = document.createElement("div");
dayDiv.classList.add("day");
// Assign data from the weeks array
const weekIndex = Math.floor(i / 7);
const week = monthData.weeks[weekIndex];
if (week) {
dayDiv.innerHTML = `
Week ${week.weekNumber}
R${week.price}
${week.availability ? "Available" : "Booked"}
`;
if (!week.availability) dayDiv.classList.add("unavailable");
} else {
dayDiv.textContent = "";
}
grid.appendChild(dayDiv);
}
monthDiv.appendChild(grid);
container.appendChild(monthDiv);
});
} catch (error) {
console.error("Error loading calendar data:", error);
}
}
document.addEventListener("DOMContentLoaded", loadCalendar);