import { createStarterKitElement, enhanceStarterKits } from './utils/starterkit-utils.js';
import { seededShuffleChildren } from './utils/shuffle-utils.js';
import { initializeCreateStarterKitPopup } from './utils/create-starterkit.js';


let userConsent = null;
export { userConsent };

async function loadTemplates() {
    const response = await fetch('src/template/template.html');
    const templateHTML = await response.text();

    // Füge die Templates in das DOM ein
    const templateContainer = document.createElement('div');
    templateContainer.innerHTML = templateHTML;
    document.body.appendChild(templateContainer);
}

document.addEventListener('DOMContentLoaded', async function () {
    await loadTemplates(); // Templates laden

    initializeCreateStarterKitPopup();

    const container = document.getElementById('starterkit-container');
    const shuffleContainers = document.querySelectorAll('.shuffle-container');
    const seed = Date.now();

    // Lade die Haupt-Konfigurationsdatei
    fetch('config.json')
        .then(response => response.json())
        .then(config => {
            const starterkitFiles = config.starterkits;

            // Lade alle StarterKit-Dateien
            return Promise.all(
                starterkitFiles.map(file => fetch(file).then(res => res.json()))
            );
        })
        .then(starterkits => {
            // Verarbeite die geladenen StarterKits
            starterkits.forEach(kit => {
                const kitElement = createStarterKitElement(kit);
                container.appendChild(kitElement);
            });

            // Shuffle-Logik anwenden
            shuffleContainers.forEach(container => {
                seededShuffleChildren(container, seed);
            });

            // Zusätzliche Funktionalität für StarterKits hinzufügen
            enhanceStarterKits();
        })
        .catch(error => console.error('Fehler beim Laden der StarterKits:', error));
});