{{ extends 'global/Page.html' }}
{{ block title }}Comprehension Test: Question 5{{ endblock }}

{{ block content }}

<div id="info">
        <h2>Question 5:</h2>
    
        {{ formfields }}
</div>

{{ next_button }}

<!--Instructions Button-->

<button type='button' id="toggleButton" onclick="toggleInstructions()">Show Relevant Instructions</button>

<div id="instructions" style="display: none;">
    <h2>The Scenarios</h2>
    <p>(2) Some markets are more competitive than others. You may be grouped in a market where the competition factor will be <b>lower</b>, and you feel the effect of the rivals’ profit <b>less</b> or in a market where the competition factor will be <b>higher</b>, and you feel the effect of the rivals' profit <b>much more</b> Therefore, it in the latter case, it is much riskier to share data compared to a scenario with a <b>low</b> competition factor. You will be informed of these scenarios.
    </p>
</div>

{{ endblock }}

{{ block scripts }}
<script>
function toggleInstructions() {
    var instructions = document.getElementById("instructions");
    var toggleButton = document.getElementById("toggleButton");

    if (instructions.style.display === "none" || instructions.style.display === "") {
      // Show the instructions
      instructions.style.display = "block";
      toggleButton.innerHTML = "Hide Instructions";
    } else {
      // Hide the instructions
      instructions.style.display = "none";
      toggleButton.innerHTML = "Show Instructions";
    }
  }
</script>
{{ endblock }}