{% load otree %}

{{ block title }}Comprehension Check{{ endblock }}

{{ block content }}

<div style="margin-top: 24px; border: 2px solid #2c3e50; padding: 16px; border-radius: 6px; background: #f7f9fb;">
   <h4>Instructions
   </h4>
  {% include "identity_priming/_GameIntro_instructions.html" %}
</div>

<br>
<p>Please answer all questions. You have 5 minutes and up to 5 attempts to answer correctly.</p>

{{ formfields }}



{{ next_button }}
{% if debug_autofill %}
<script>
  (function () {
    {% for field, value in quiz_solutions.items %}
    (function () {
      const input = document.querySelector('input[name="{{ field }}"][value="{{ value }}"]');
      if (input) {
        input.checked = true;
      }
    })();
    {% endfor %}
  })();
</script>
{% endif %}
{{ endblock }}