script.js

let questions = [];
let currentQuestion = 0;
let answers = [];
let startTime;
let timerInterval;
let quizQuestions = []; // Pour stocker les 15 questions sélectionnées

document.getElementById("start-quiz").addEventListener("click", startQuiz);
document.getElementById("next-question").addEventListener("click", nextQuestion);
document.getElementById("prev-question").addEventListener("click", prevQuestion);
document.getElementById("submit-quiz").addEventListener("click", submitQuiz);

// Charger les questions depuis data.json
fetch('data.json')
    .then(response => response.json())
    .then(data => {
        questions = data;
        prepareQuizQuestions(); // Préparer les 15 questions pour le quiz
        answers = Array(quizQuestions.length).fill(null);
    })
    .catch(error => console.error('Error loading questions:', error));

function prepareQuizQuestions() {
    // Exclure la dernière question du choix aléatoire
    const lastQuestion = questions[questions.length - 1];
    const otherQuestions = questions.slice(0, -1);
    
    // Mélanger les questions
    const shuffledQuestions = otherQuestions.sort(() => 0.5 - Math.random());

    // Sélectionner les 14 premières questions
    const selectedQuestions = shuffledQuestions.slice(0, 14);

    // Mélanger l'ordre des 14 questions sélectionnées
    quizQuestions = [...selectedQuestions.sort(() => 0.5 - Math.random()), lastQuestion];
}

// Mélanger les choix de réponses tout en conservant la bonne réponse
function shuffleChoices(question) {
    // Associer chaque choix à son index d'origine
    const choicesWithIndices = question.choices.map((choice, index) => ({
        choice: choice,
        index: index
    }));

    // Mélanger les choix
    const shuffledChoices = choicesWithIndices.sort(() => 0.5 - Math.random());

    return shuffledChoices;
}

function startQuiz() {
    const pseudo = document.getElementById("pseudo").value;
    const email = document.getElementById("email").value;

    if (!pseudo || !email) {
        alert("Veuillez renseigner tous les champs.");
        return;
    }

    document.getElementById("start-page").style.display = "none";
    document.getElementById("quiz-page").style.display = "block";

    startTime = new Date();
    timerInterval = setInterval(updateTimer, 1000);

    loadQuestion();
}

function loadQuestion() {
    const question = quizQuestions[currentQuestion]; // Utiliser les questions sélectionnées
    const questionContainer = document.getElementById("question");

    // Mélanger les choix de réponses
    const shuffledChoices = shuffleChoices(question);

    // Mise à jour de l'image de fond pour chaque question
    document.getElementById("quiz-page").style.backgroundImage = `url('${question.img}')`;

    questionContainer.innerHTML = `
        <p id="question-number">${currentQuestion + 1} sur ${quizQuestions.length}</p>
        <p id="question-text">${question.text}</p>
        <div class="toggle-button-group">
            ${shuffledChoices.map(({ choice, index }) => `
                <input type="radio" id="choice-${index}" name="choice" value="${index}" ${answers[currentQuestion] === index ? 'checked' : ''}>
                <label for="choice-${index}" class="toggle-button">${choice}</label>
            `).join('')}
        </div>
    `;

    document.getElementById("prev-question").style.display = currentQuestion > 0 ? 'inline' : 'none';
    document.getElementById("next-question").style.display = currentQuestion < quizQuestions.length - 1 ? 'inline' : 'none';
    document.getElementById("submit-quiz").style.display = currentQuestion === quizQuestions.length - 1 ? 'inline' : 'none';
}

function nextQuestion() {
    saveAnswer();
    if (currentQuestion < quizQuestions.length - 1) {
        currentQuestion++;
        loadQuestion();
    }
}

function prevQuestion() {
    saveAnswer();
    if (currentQuestion > 0) {
        currentQuestion--;
        loadQuestion();
    }
}

function saveAnswer() {
    const selectedOption = document.querySelector('input[name="choice"]:checked');
    if (selectedOption) {
        answers[currentQuestion] = parseInt(selectedOption.value);
    }
}

function updateTimer() {
    const now = new Date();
    const elapsedTime = Math.floor((now - startTime) / 1000);
    const minutes = Math.floor(elapsedTime / 60);
    const seconds = elapsedTime % 60;
    document.getElementById("timer").textContent = `Temps : ${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
}

function submitQuiz() {
    saveAnswer();
    clearInterval(timerInterval);

    const correctAnswers = answers.filter((answer, index) => answer === quizQuestions[index].correct).length;
    const finalTime = document.getElementById("timer").textContent.split(" : ")[1];

    document.getElementById("quiz-page").style.display = "none";
    document.getElementById("result-page").style.display = "block";

    document.getElementById("final-time").textContent = finalTime;
    document.getElementById("correct-answers").textContent = `${correctAnswers} questions sur ${quizQuestions.length}`;

    saveResults(finalTime, correctAnswers);
}

function saveResults(finalTime, correctAnswers) {
    const pseudo = document.getElementById("pseudo").value;
    const email = document.getElementById("email").value;

    fetch('https://script.google.com/macros/s/AKfycbxTEB6gQX3PIAYtNPt0zuRH46cGpt_JhirIm2Xx2zGqt330nMQjbUJzQmM5chtiumvG/exec', {
        mode: 'no-cors', // Test serveur local
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
        },
        body: JSON.stringify({
            pseudo: pseudo,
            email: email,
            time: finalTime,
            correctAnswers: correctAnswers,
            date: new Date().toISOString()
        }),
    })
    .then(response => response.json())
    .then(data => console.log('Success:', data))
    .catch(error => console.error('Error:', error));
}