function hide(id) {
    let htmlChange = document.getElementById('show-' + id);
    htmlChange.style.display = "none";
    htmlChange.id = `hide-${id}`;
    let buttonChange = document.getElementById(id);
    buttonChange.onclick = function() { show(id); };
}

function show(id) {
    let htmlChange = document.getElementById('hide-' + id);
    htmlChange.style.display = "block";
    htmlChange.id = `show-${id}`;
    let buttonChange = document.getElementById(id);
    buttonChange.onclick = function() { hide(id); };
}

// Fonction pour supprimer le message d'alerte après 5 secondes
document.addEventListener('DOMContentLoaded', function() {
    let messages = document.querySelector('.flash_messages')
    setTimeout(function() {
            messages.style.opacity = 0;
            setTimeout(function() {
                messages.style.display = 'none';
            }, 1000);
        }, 5000);
});

// Fonction pour générer des flocons de neige
function createSnowflake() {
    const snowflake = document.createElement('div');
    snowflake.classList.add('snowflake');
    snowflake.textContent = '•';

    snowflake.style.left = `${Math.random() * 100}vw`;

    const size = Math.random() * 1.5 + 0.5; 
    snowflake.style.fontSize = `${size}em`;

    const duration = Math.random() * 5 + 5;
    snowflake.style.animationDuration = `${duration}s`;

    document.body.appendChild(snowflake);

    setTimeout(() => {
        snowflake.remove();
    }, duration * 1000);
}

// On génére lee flocons toute les 300ms
setInterval(createSnowflake, 300);