{{ block title }}
Survey Part 1 - Q4
{{ endblock }}
{{ block content }}


<div class="card bg-light m-3">
<div class="card-body">

    <p> Consider the participants taking the role of <span style="color:blue;"><strong>{{participant.rol}}</strong>.</span></p>
   <br>
    <p> The contributions of each participant in the previous round were the following:</p>

        {{ include Constants.c5 }}

    <p> On average, how many points (0 to 20) did the  <span style="color:blue;"><strong>{{participant.rol}}</strong></span> contribute in the following round? </p>
     <center>   <input type="text" id="emp5" name="emp5" size="2" max="20" min="0" required><br><br></center>


    <center> {{ next_button }} </center>

    <button type="button" onclick="show2()">
    Contact
</button>

    <div id="inst2" style="display: none">
            {{ include Constants.contact }}
    </div>

      {{ include Constants.instructions_template }}

{{ endblock }}

{{ block script }}
<script>
function show() {
  var x = document.getElementById("inst");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}
function show2() {
  var x = document.getElementById("inst2");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}
</script>
{{ endblock }}