{% load otree staticfiles %}



<!-- FOR INTERACTIVE TREATMENT -->

    <h3 class="panel-sub-heading">
        Other Participants
    </h3>

    <p>

    For each round, you will be randomly assigned to a group.
        At the end of each round, new groups will be formed and participants will be randomly assigned to groups again so you will be playing with different participants.
    </p>

    <p>
    Please click "Next" for an explanation of how you can win points in this Task.
    </p>


{% block scripts %}
    <div id="wait_text_2" style="display:block">The Next button will appear after 5 seconds on this page.</div>


<table border="0">
  <tr>
    <th><button type="button" class="btn btn-primary" onclick="document.getElementById('block2').style.display='none'; document.getElementById('block1').style.display='block'">Previous</button></th>

    <script>
    function timedText2() {
        var x = document.getElementById("next_button_2");
        var y = document.getElementById("wait_text_2");
        setTimeout(function(){ x.style.display='block'; y.style.display='none' }, 5000);
    }
    </script>

    <th><button id="next_button_2" type="button" class="btn btn-primary" style="display:none" onclick="timedText3(); document.getElementById('block2').style.display='none'; document.getElementById('block3').style.display='block'">Next</button></th>
  </tr>
</table>

{% endblock %}