{{ extends "global/Page.html" }}
{{ block title }}Comprehension Check{{ endblock }}

{{ block content }}
<div class="ds-page">
  <div class="ds-title">Comprehension Check</div>
  <div class="ds-subtitle">All questions must be answered correctly to proceed. You may go back to review the instructions.</div>

  {{ if attempts_used > 0 }}
  <div class="callout warn">
    <strong>Attempt {{ attempts_used }} of {{ max_attempts }}.</strong>
    Please review the incorrect answers below and try again.
  </div>
  {{ endif }}

  <div class="card">
    <div class="survey-q">
      <strong>Question 1</strong>
      {{ formfield "comp_q1" }}
    </div>
    <div class="survey-q">
      <strong>Question 2</strong>
      {{ formfield "comp_q3" }}
    </div>
    <div class="survey-q" style="margin-bottom:0;">
      <strong>Question 3</strong>
      {{ formfield "comp_q4" }}
    </div>
  </div>

  {{ next_button }}
</div>
{{ endblock }}