{{ block content }}

<link rel="stylesheet" href="/static/global/empty.css">

<!-- STAI Trait Anxiety -->
<div class="card bg-light m-3">
  <div class="card-body">
    <h4><strong>How you generally feel</strong></h4>
    <p>
      Below are a number of statements that people use to describe themselves.
      Read each statement and indicate how you <strong>generally feel</strong> —
      that is, how you feel <em>most of the time</em>.
      There are no right or wrong answers.
    </p>
    <p><em>1 = Not at all &nbsp;·&nbsp; 2 = Somewhat &nbsp;·&nbsp; 3 = Moderately so &nbsp;·&nbsp; 4 = Very much so</em></p>

    <table class="table" style="width:100%; border-collapse:collapse; margin-top:1em;">
      <thead>
        <tr>
          <th></th>
          <th style="text-align:center;">Not at all<br>1</th>
          <th style="text-align:center;">Somewhat<br>2</th>
          <th style="text-align:center;">Moderately so<br>3</th>
          <th style="text-align:center;">Very much so<br>4</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><strong>I feel calm</strong></td>
          {{ for choice in form.stai_calm }}<td style="text-align:center;">{{ choice }}</td>{{ endfor }}
        </tr>
        {{ formfield_errors 'stai_calm' }}
        <tr>
          <td><strong>I feel tense</strong></td>
          {{ for choice in form.stai_tense }}<td style="text-align:center;">{{ choice }}</td>{{ endfor }}
        </tr>
        {{ formfield_errors 'stai_tense' }}
        <tr>
          <td><strong>I feel upset</strong></td>
          {{ for choice in form.stai_upset }}<td style="text-align:center;">{{ choice }}</td>{{ endfor }}
        </tr>
        {{ formfield_errors 'stai_upset' }}
        <tr>
          <td><strong>I am relaxed</strong></td>
          {{ for choice in form.stai_relaxed }}<td style="text-align:center;">{{ choice }}</td>{{ endfor }}
        </tr>
        {{ formfield_errors 'stai_relaxed' }}
        <tr>
          <td><strong>I feel content</strong></td>
          {{ for choice in form.stai_content }}<td style="text-align:center;">{{ choice }}</td>{{ endfor }}
        </tr>
        {{ formfield_errors 'stai_content' }}
        <tr>
          <td><strong>I am worried</strong></td>
          {{ for choice in form.stai_worried }}<td style="text-align:center;">{{ choice }}</td>{{ endfor }}
        </tr>
        {{ formfield_errors 'stai_worried' }}
      </tbody>
    </table>
  </div>
</div>

<!-- Perceived Stress Scale -->
<div class="card bg-light m-3">
  <div class="card-body">
    <h4><strong>Perceived Stress</strong></h4>
    <p>
      The questions below ask about your feelings and thoughts <strong>during the last month</strong>.
      In each case, indicate how often you felt or thought a certain way.
    </p>
    <p><em>0 = Never &nbsp;·&nbsp; 1 = Almost never &nbsp;·&nbsp; 2 = Sometimes &nbsp;·&nbsp; 3 = Fairly often &nbsp;·&nbsp; 4 = Very often</em></p>

    <table class="table" style="width:100%; border-collapse:collapse; margin-top:1em;">
      <thead>
        <tr>
          <th></th>
          <th style="text-align:center;">Never<br>0</th>
          <th style="text-align:center;">Almost never<br>1</th>
          <th style="text-align:center;">Sometimes<br>2</th>
          <th style="text-align:center;">Fairly often<br>3</th>
          <th style="text-align:center;">Very often<br>4</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><strong>How often have you been upset because of something that happened unexpectedly?</strong></td>
          {{ for choice in form.pss1 }}<td style="text-align:center;">{{ choice }}</td>{{ endfor }}
        </tr>
        {{ formfield_errors 'pss1' }}
        <tr>
          <td><strong>How often have you felt that you were unable to control the important things in your life?</strong></td>
          {{ for choice in form.pss2 }}<td style="text-align:center;">{{ choice }}</td>{{ endfor }}
        </tr>
        {{ formfield_errors 'pss2' }}
        <tr>
          <td><strong>How often have you felt nervous and stressed?</strong></td>
          {{ for choice in form.pss3 }}<td style="text-align:center;">{{ choice }}</td>{{ endfor }}
        </tr>
        {{ formfield_errors 'pss3' }}
        <tr>
          <td><strong>How often have you felt confident about your ability to handle your personal problems?</strong></td>
          {{ for choice in form.pss4 }}<td style="text-align:center;">{{ choice }}</td>{{ endfor }}
        </tr>
        {{ formfield_errors 'pss4' }}
        <tr>
          <td><strong>How often have you felt that things were going your way?</strong></td>
          {{ for choice in form.pss5 }}<td style="text-align:center;">{{ choice }}</td>{{ endfor }}
        </tr>
        {{ formfield_errors 'pss5' }}
        <tr>
          <td><strong>How often have you found that you could not cope with all the things that you had to do?</strong></td>
          {{ for choice in form.pss6 }}<td style="text-align:center;">{{ choice }}</td>{{ endfor }}
        </tr>
        {{ formfield_errors 'pss6' }}
        <tr>
          <td><strong>How often have you been able to control irritations in your life?</strong></td>
          {{ for choice in form.pss7 }}<td style="text-align:center;">{{ choice }}</td>{{ endfor }}
        </tr>
        {{ formfield_errors 'pss7' }}
        <tr>
          <td><strong>How often have you felt that you were on top of things?</strong></td>
          {{ for choice in form.pss8 }}<td style="text-align:center;">{{ choice }}</td>{{ endfor }}
        </tr>
        {{ formfield_errors 'pss8' }}
        <tr>
          <td><strong>How often have you been angered because of things that happened that were outside of your control?</strong></td>
          {{ for choice in form.pss9 }}<td style="text-align:center;">{{ choice }}</td>{{ endfor }}
        </tr>
        {{ formfield_errors 'pss9' }}
        <tr>
          <td><strong>How often have you felt difficulties were piling up so high that you could not overcome them?</strong></td>
          {{ for choice in form.pss10 }}<td style="text-align:center;">{{ choice }}</td>{{ endfor }}
        </tr>
        {{ formfield_errors 'pss10' }}
      </tbody>
    </table>
  </div>
</div>

<!-- General questions -->
<div class="card bg-light m-3">
  <div class="card-body">
    <h4><strong>General Questions</strong></h4>

    <p><strong>How would you rate your math skills?</strong></p>
    <p><em>1 = Very poor &nbsp;·&nbsp; 5 = Excellent</em></p>
    <table class="table" style="width:100%; border-collapse:collapse;">
      <thead>
        <tr>
          <th></th>
          <th style="text-align:center;">1</th>
          <th style="text-align:center;">2</th>
          <th style="text-align:center;">3</th>
          <th style="text-align:center;">4</th>
          <th style="text-align:center;">5</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><strong>Math skills</strong></td>
          {{ for choice in form.math_skills }}<td style="text-align:center;">{{ choice }}</td>{{ endfor }}
        </tr>
        {{ formfield_errors 'math_skills' }}
      </tbody>
    </table>

    <br>

    <p><strong>How comfortable are you with the cold?</strong></p>
    <p><em>1 = Very uncomfortable &nbsp;·&nbsp; 5 = Very comfortable</em></p>
    <table class="table" style="width:100%; border-collapse:collapse;">
      <thead>
        <tr>
          <th></th>
          <th style="text-align:center;">1</th>
          <th style="text-align:center;">2</th>
          <th style="text-align:center;">3</th>
          <th style="text-align:center;">4</th>
          <th style="text-align:center;">5</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><strong>Cold comfort</strong></td>
          {{ for choice in form.cold_comfort }}<td style="text-align:center;">{{ choice }}</td>{{ endfor }}
        </tr>
        {{ formfield_errors 'cold_comfort' }}
      </tbody>
    </table>

  </div>
</div>

{{ next_button }}
{{ endblock }}