document.addEventListener("DOMContentLoaded", () => {
    const includes = document.querySelectorAll("[data-include]");

    includes.forEach(async (el) => {
        const file = el.getAttribute("data-include");
        const response = await fetch(file);

        if (response.ok) {
            el.innerHTML = await response.text();
        } else {
            el.innerHTML = `Template not found: ${file}`;
        }
    });
});