{{ block content }}
<div class="card">
    <div class=card-header>
    <b>Agents A</b>
    </div>
    <div class="card-body">
    <p>
    People assigned to version A generally described the task as easy but somewhat repetitive.
    Many reported scanning the grid carefully or following a systematic pattern to keep track of the letters.
    Some noted that the task required sustained attention over time, but overall they felt confident in their ability to count the letters correctly.
    Despite the repetitive nature, several participants described the task as enjoyable or puzzle-like.
    </p>
    <b>Agent A #22 wrote:</b>
    <i>"It was interesting.
        I found it pretty easy to do, because of pattern recognition.
        I was able to see the A pretty easily, and it made it easier to find them to count them."
    </i>
    <br>
    <br>
    <b>Agent A #60 wrote:</b>
    <i>"It was fairly straight forward and easy to understand.
        I also thought it was mentally engaging which gave me more motivation to do better."
    </i>
    </div>
</div>
<br>
<div class="card">
    <div class=card-header>
    <b>Agents B</b>
    </div>
    <div class="card-body">
    <p>
    People assigned to version B generally described the task as challenging and mentally tiring.
    Many mentioned that the letters looked very similar or appeared in different formats, making them harder to count accurately.
    Some reported losing track of their count or needing to double-check frequently, while others noted that the task required a high level of concentration and could feel frustrating or time-consuming.
    </p>
    <b>Agent B #17 wrote:</b>
    <i>"I found it very difficult since all the letters looked very similar to each other so it was easy to miscount or get confused.
        It was also a bit stressful looking the timer."
    </i>
    <br>
    <br>
    <b>Agent B #69 wrote:</b>
    <i>"It was frustrating seeing how similar the characters were to each other and I blamed myself for choosing the wrong thing.
        I became frustrated."
    </i>
    </div>
</div>
<br>
<br>
<b>Comprehension Questions:</b>
<br><br>
<div class="card">
    <div class=card-header>
        <b>Who described the task as frustrating?</b>
    </div>
    <div class="card-body">
        <div {{ if 'comp_frustrating' in form.errors }} class="border border-danger px-3 rounded" {{ endif }}>
            {{ formfield 'comp_frustrating' label=''}}
        </div>                        
    </div>
</div>
<br>
<div class="card">
    <div class=card-header>
        <b>Who described the task as interesting?</b>
    </div>
    <div class="card-body">
        <div {{ if 'comp_interesting' in form.errors }} class="border border-danger px-3 rounded" {{ endif }}>
            {{ formfield 'comp_interesting' label=''}}
        </div>                        
    </div>
</div>
<br>

<button class="otree-btn-next btn btn-dark btn-primary">Next</button>

{{ endblock }}

{{ block style }}
    <link rel="stylesheet" href="{% static 'global/style.css' %}"/>
{{ endblock }}