async function renderMenu() {
    const container = document.getElementById("menu-container");
    container.innerHTML = '';

    try {
        // Let op: volledige URL naar app subdomein
        const response = await fetch('https://app.report2elicio.be/api/menu.php');
        const menuData = await response.json();

        menuData.forEach(country => {
            const countryDiv = document.createElement("div");
            countryDiv.className = "menu-country";

            const countryTitle = document.createElement("div");
            countryTitle.className = "menu-country-title";
            countryTitle.textContent = country.title;
            countryDiv.appendChild(countryTitle);

            country.parks.forEach(park => {
                const parkDiv = document.createElement("div");
                parkDiv.className = "menu-park";

                const parkTitle = document.createElement("div");
                parkTitle.className = "menu-park-title";
                parkTitle.textContent = park.name;
                parkDiv.appendChild(parkTitle);

                park.assets.forEach(asset => {
                    const assetDiv = document.createElement("div");
                    assetDiv.className = "menu-asset";
                    assetDiv.innerHTML = `${asset.name} <span class="asset-serial">${asset.serial}</span>`;
                    parkDiv.appendChild(assetDiv);
                });

                countryDiv.appendChild(parkDiv);
            });

            container.appendChild(countryDiv);
        });

    } catch(err) {
        console.error('Fout bij laden menu:', err);
        container.innerHTML = '<div style="color:red">Kan menu niet laden</div>';
    }
}