// Funktion zur Formatierung des Datums
function formatGermanDate(date) {
    return date.toLocaleDateString('de-DE', {
        day: '2-digit',
        month: '2-digit',
        year: 'numeric'
    });
}

// Funktion zur Berechnung des letzten Tags des nächsten Monats
function updateActionDate() {
    const date = new Date();
    const year = date.getMonth() === 11 ? date.getFullYear() + 1 : date.getFullYear();
    const month = date.getMonth() === 11 ? 0 : date.getMonth() + 1;
    const lastDay = new Date(year, month + 1, 0);
    
    document.querySelectorAll('.action-date').forEach(element => {
        element.textContent = formatGermanDate(lastDay);
    });
}

// Sofortige Ausführung nach dem Laden des DOM
if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', updateActionDate);
} else {
    updateActionDate();
}

// Header und Footer laden
document.addEventListener('DOMContentLoaded', function() {
    // Header laden
    fetch('header.html')
        .then(response => response.text())
        .then(data => {
            document.getElementById('header-placeholder').innerHTML = data;
            var dropdownElementList = [].slice.call(document.querySelectorAll('.dropdown-toggle'));
            var dropdownList = dropdownElementList.map(function(dropdownToggleEl) {
                return new bootstrap.Dropdown(dropdownToggleEl);
            });
        })
        .catch(error => console.error('Error loading header:', error));

    // Footer laden
    fetch('footer.html')
        .then(response => response.text())
        .then(data => {
            document.getElementById('footer-placeholder').innerHTML = data;
        })
        .catch(error => console.error('Error loading footer:', error));
});