{{ block title }}Questions{{ endblock }}

{{ block content }}
        <div class="card bg-light m-3">
        <div class="card-body">
  <p>
    Please, consider the following hypothetical situation to check your understanding of the instructions of the task performed by the participants in the session described above.
</p>
<p>
    If necessary, you can check their instruction at the bottom of the page.
</p>
<p>
    <strong>Example:</strong> In the first round a group made a total contribution of 40 points to the joint project. Mr. Example contributed 12 points.
</p>
</div>
</div>

<p><strong>Question 1:</strong> What was the result of the joint project in this round?</p>
<p><strong>Remember:</strong> Result of the joint project = 1.5 &times;(total contributions to the project)</p>
  {{ formfield 'q1' label=""}}

<br>
<p><strong>Question 2:</strong> How much did each participant earn as a result of the joint project?</p>
<p><strong>Remember:</strong> Individual Earnings = <sup>1.5 &times;(total contribution to the project)</sup>&frasl;<sub>(Group Members)</sub></p>
{{ formfield 'q2' label='' }}

<br>
<p><strong>Question 3:</strong> How many points did Mr Example earn in total this round?</p>
<p><strong>Remember:</strong> Total Earnings = (20 – Participant's contribution to the project) + <sup>1.5 &times;(total contribution to the project)</sup>&frasl;<sub>(Group Members)</sub></p>
{{ formfield 'q3' label='' }}

<br>
<p><strong>Question 4:</strong> Please select the number eighty-eight in the list below?</p>
{{ formfield 'q5' label='' }}

<br>
<p><strong>Question 5:</strong> Were the participants interacting with real people?</p>
{{ formfield 'q6' label='' }}

<br>
<p><strong>Question 6:</strong> How many rounds did the participants play?</p>
{{ formfield 'q7' label='' }}

   <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 }}