{{ block title }}
    <b>Questionnaire (Page 1 of 4)</b>
{{ endblock }}
{{ block content }}

    <p>
        You have finished the problem-solving periods.
    </p>
    <p>
        Please answer the following questions about your experience:
    </p>
   <table class="questions-table">
        <col style="width:23%">
        <col style="width:11%">
        <col style="width:11%">
        <col style="width:11%">
        <col style="width:11%">
        <col style="width:11%">
        <col style="width:11%">
        <col style="width:11%">
        <tr bgcolor="#D3D3D3"><th></th><th>I focused more on the top line of the graph</th><th></th><th>
            </th><th>I didn't focus on one line more than the other</th><th></th><th></th><th>I focused more on the
            bottom line of the graph</th>
        </tr>
        <tr bgcolor="#D3D3D3"><th></th><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th>
        </tr>
        <tr bgcolor="#ADD8E6"><th>I focused more on the top or bottom line of the graph when making a work level choice.</th>
            {{ for choice in form.peq6 }}<td>{{ choice }}</td>{{ endfor }}
        </tr>
    </table>
    <br><br>
    <table class="questions-table">
        <col style="width:23%">
        <col style="width:11%">
        <col style="width:11%">
        <col style="width:11%">
        <col style="width:11%">
        <col style="width:11%">
        <col style="width:11%">
        <col style="width:11%">
        <tr bgcolor="#D3D3D3"><th></th><th>I selected a lower work level because of the error</th><th></th><th>
            </th><th>The error didn't affect my work level choice</th><th></th><th></th><th>I selected a
            higher work level because of the error</th>
        </tr>
        <tr bgcolor="#D3D3D3"><th></th><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th>
        </tr>
        <tr bgcolor="#ADD8E6"><th>Knowing there was a reporting error influenced me to select a higher or lower work-level during the
            problem-solving periods.</th>{{ for choice in form.peq4 }}<td>{{ choice }}</td>{{ endfor }}
        </tr>
    </table>
    <br><br>
    <table class="questions-table">
        <col style="width:23%">
        <col style="width:11%">
        <col style="width:11%">
        <col style="width:11%">
        <col style="width:11%">
        <col style="width:11%">
        <col style="width:11%">
        <col style="width:11%">
        <tr bgcolor="#D3D3D3"><th></th><th>I Chose a Higher Work Level</th><th></th><th>
            </th><th>No Influence or I Wasn't Ranked Higher</th><th></th><th></th><th>I Chose a Lower Work Level</th>
        </tr>
        <tr bgcolor="#D3D3D3"><th></th><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th>
        </tr>
        <tr bgcolor="#ADD8E6"><th>I chose a different work level because I was ranked <b>HIGHER</b> than other participants on the leaderboard.</th>
            {{ for choice in form.peq9 }}<td>{{ choice }}</td>{{ endfor }}
        </tr>
    </table>
    <br><br>
    <table class="questions-table">
        <col style="width:23%">
        <col style="width:11%">
        <col style="width:11%">
        <col style="width:11%">
        <col style="width:11%">
        <col style="width:11%">
        <col style="width:11%">
        <col style="width:11%">
        <tr bgcolor="#D3D3D3"><th></th><th>I Chose a Higher Work Level</th><th></th><th>
            </th><th>No Influence or I Wasn't Ranked Lower</th><th></th><th></th><th>I Chose a Lower Work Level</th>
        </tr>
        <tr bgcolor="#D3D3D3"><th></th><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th>
        </tr>
        <tr bgcolor="#ADD8E6"><th>I chose a different work level because I was ranked <b>LOWER</b> than other participants on the leaderboard.</th>
            {{ for choice in form.peq10 }}<td>{{ choice }}</td>{{ endfor }}
        </tr>
    </table>
    <br><br>
    <table class="questions-table">
        <col style="width:23%">
        <col style="width:11%">
        <col style="width:11%">
        <col style="width:11%">
        <col style="width:11%">
        <col style="width:11%">
        <col style="width:11%">
        <col style="width:11%">
        <tr bgcolor="#D3D3D3"><th></th><th>Strongly Agree</th><th>Agree</th><th>Slightly Agree</th><th>Neither Agree Nor Disagree</th><th>Slightly Disagree</th><th>Disagree</th><th>Strongly Disagree</th></tr>
        <tr bgcolor="#ADD8E6"><th style="text-align:left">{{ form.peq1.label }}</th>{{ for choice in form.peq1 }}<td>{{ choice }}</td>{{ endfor }}</tr>
        <tr bgcolor="#D3D3D3"><th style="text-align:left">{{ form.peq2.label }}</th>{{ for choice in form.peq2 }}<td>{{ choice }}</td>{{ endfor }}</tr>
        <tr bgcolor="#ADD8E6"><th style="text-align:left">{{ form.peq3.label }}</th>{{ for choice in form.peq3 }}<td>{{ choice }}</td>{{ endfor }}</tr>
        <tr bgcolor="#D3D3D3"><th style="text-align:left">{{ form.peq5.label }}</th>{{ for choice in form.peq5 }}<td>{{ choice }}</td>{{ endfor }}</tr>
        <tr bgcolor="#ADD8E6"><th style="text-align:left">{{ form.peq7.label }}</th>{{ for choice in form.peq7 }}<td>{{ choice }}</td>{{ endfor }}</tr>
        <tr bgcolor="#D3D3D3"><th style="text-align:left">{{ form.peq8.label }}</th>{{ for choice in form.peq8 }}<td>{{ choice }}</td>{{ endfor }}</tr>
        <tr bgcolor="#ADD8E6"><th style="text-align:left">{{ form.peq11.label }}</th>{{ for choice in form.peq11 }}<td>{{ choice }}</td>{{ endfor }}</tr>
    </table>
<br>
    {{ next_button }}

{{ endblock }}