{{ block title }}
    Attention Check
{{ endblock }}

{{ block content }}

<!-- <style>
    label {
    display: block;
    white-space: pre-wrap;
}
</style> -->

<!-- <div class = "row border border-dark bg-white">
          <div class="col text-left bg-white">
              <div class = "row">
                  <div class = "col bg-white">
                      <br>{% formfield player.comp_sim %}<br>
                  </div>
              </div>
          </div>
      </div> -->


<div class="card bg-light m-3">
    <div class="card-body">
        <h3>
            <!-- Attention Check -->
        </h3>

        <p>
            <strong>Based on the instructions you read on the previous page, 
            select the correct response.</strong>
        </p>

        {% formfield player.comp_sim %}
        {% formfield player.comp_BCreal %}
    </div>
</div>

<button class="btn btn-primary" style="float: right;">Next</button>

<br>
<br>
<br>    
<p> If needed, you may read the instructions again below.</p>

    {{ include C.INSTRUCTIONS_TEMPLATE }}
    
{{ endblock }}