script.js

// Récupération des données depuis localStorage
let data = JSON.parse(localStorage.getItem('data')) || {};
let premiumUnlocked = JSON.parse(localStorage.getItem('premiumUnlocked')) || false;

// Récupération des éléments DOM
const ajouterBtn = document.getElementById('ajouter');
const liste = document.getElementById('liste');
const totalSpan = document.getElementById('total');
const premiumSection = document.getElementById('premium');
const chartCanvas = document.getElementById('chart');

// Si l'URL contient ?premium=1, débloque le premium
if (window.location.search.includes("premium=1")) {
    premiumUnlocked = true;
    localStorage.setItem('premiumUnlocked', true);
}

// Redirection automatique si premium débloqué mais URL sans paramètre
if (premiumUnlocked && !window.location.search.includes("premium=1")) {
    window.location.href = window.location.pathname + "?premium=1";
}

// Fonction pour mettre à jour la liste et le graphique
function updateList() {
    liste.innerHTML = '';
    let totalHeures = 0;

    Object.keys(data).forEach(matiere => {
        const li = document.createElement('li');
        li.textContent = `${matiere} : ${data[matiere]} heures`;
        liste.appendChild(li);
        totalHeures += data[matiere];
    });

    totalSpan.textContent = totalHeures;

    // Sauvegarde les données dans localStorage
    localStorage.setItem('data', JSON.stringify(data));

    // Si premium débloqué
    if (premiumUnlocked) {
        chartCanvas.style.display = 'block';      // Affiche le graphique
        premiumSection.style.display = 'none';    // Cache le bouton premium
        updateChart();
    }
}

// Ajouter une matière
ajouterBtn.addEventListener('click', () => {
    const matiere = document.getElementById('matiere').value.trim();
    const heures = parseFloat(document.getElementById('heures').value);

    if (matiere && heures > 0) {
        data[matiere] = (data[matiere] || 0) + heures;
        updateList();
    } else {
        alert('Veuillez entrer une matière et un nombre d’heures valide.');
    }
});

// Graphique Chart.js pour premium
let chart;
function updateChart() {
    const ctx = chartCanvas.getContext('2d');
    const labels = Object.keys(data);
    const values = Object.values(data);

    if (chart) chart.destroy();

    chart = new Chart(ctx, {
        type: 'bar',
        data: {
            labels,
            datasets: [{
                label: 'Heures révisées',
                data: values,
                backgroundColor: '#007bff'
            }]
        },
        options: {
            responsive: true,
            plugins: { legend: { display: false } },
            scales: { y: { beginAtZero: true } }
        }
    });
}

// Initialisation au chargement
updateList();