{% block title %}
    <h3> Quiz about the instructions </h3>
{% endblock %}

{% block content %}
<br>

<b>3. The Expected Project Value of a project is determined by multiplying the Attribute Values (A1, A2, A3) with their respective Attribute Weights (WeightA1, WeightA2, WeightA3).</b>
<p id="feedback"></p>

<!-- Quiz options -->
<input type="radio" name="question3" value="1" onclick="checkAnswer3(1)">
True<br>

<input type="radio" name="question3" value="2" onclick="checkAnswer3(2)">
False<br>

<br><br>

<!-- Next button initially disabled -->
<button id="next-btn" class="btn btn-primary" disabled>
    Next
</button>

<!-- JavaScript for immediate feedback and enabling Next -->
<script>
    function checkAnswer3(selectedValue) {
        const feedback = document.getElementById("feedback");
        const nextBtn = document.getElementById("next-btn");

        if (selectedValue === 1) {
            feedback.innerHTML = "✅ Correct! Expected Project Value is determined by multiplying the Attribute Values with the relevant Attribute Weights.";
            feedback.style.color = "darkgreen";
            nextBtn.disabled = false;   // Enable Next
        } else {
            feedback.innerHTML = "❌ Incorrect. Expected Project Value is determined by multiplying the Attribute Values with the relevant Attribute Weights.";
            feedback.style.color = "darkred";
            nextBtn.disabled = true;    // Keep Next disabled
        }
    }
</script>

{% endblock %}