{{ block title }}

{{ endblock }}
{{ block content }}

<p>
    <br/>Please rate how strongly you are currently experiencing each of the emotions listed below.
(1 = "not at all" and 7 = "very much").
<p>

 <table class="table likert" style="width:100%; text-align:center; table-layout:fixed;">
  <colgroup>
      <col style="width:22%"><!-- emotion label -->
      <!-- seven equal columns for the scale -->
      <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%">
  </colgroup>

  <thead>
    <!-- verbal anchors -->
    <tr>
      <th style="text-align:left;"></th>
      <th colspan="7" style="border-bottom:1px solid #ccc;">
        <span style="float:left;">Not at all</span>
        <span style="float:right;">Very much</span>
      </th>
    </tr>

    <!-- numeric anchors -->
    <tr>
      <th></th>
      {% for n in "1234567" %}
        <th>{{ n }}</th>
      {% endfor %}
    </tr>
  </thead>

  <tbody>

    <!-- Anger row -->
    <tr>
      <td style="text-align:left;">Worry</td>
      {% for choice in form.worry_after %}
        <td>{{ choice }}</td>
      {% endfor %}
    </tr>

    <tr>
      <td style="text-align:left;">Happiness</td>
      {% for choice in form.happiness_after %}
        <td>{{ choice }}</td>
      {% endfor %}
    </tr>



     <tr>
      <td style="text-align:left;">Hope</td>
      {% for choice in form.hope_after %}
        <td>{{ choice }}</td>
      {% endfor %}
    </tr>

    <!-- Anger row -->
    <tr>
      <td style="text-align:left;">Fear</td>
      {% for choice in form.fear_after %}
        <td>{{ choice }}</td>
      {% endfor %}
    </tr>

    <tr>
      <td style="text-align:left;">Jealousy</td>
      {% for choice in form.jealousy_after %}
        <td>{{ choice }}</td>
      {% endfor %}
    </tr>

    <tr>
      <td style="text-align:left;">Anger</td>
      {% for choice in form.anger_after %}
        <td>{{ choice }}</td>
      {% endfor %}
    </tr>


    <tr>
      <td style="text-align:left;">Guilt</td>
      {% for choice in form.guilt_after %}
        <td>{{ choice }}</td>
      {% endfor %}
    </tr>

    <tr>
      <td style="text-align:left;">Sadness</td>
      {% for choice in form.sadness_after %}
        <td>{{ choice }}</td>
      {% endfor %}
    </tr>


    <!-- Anger row -->
    <tr>
      <td style="text-align:left;">Envy</td>
      {% for choice in form.envy_after %}
        <td>{{ choice }}</td>
      {% endfor %}
    </tr>


    <tr>
      <td style="text-align:left;">Irritation</td>
      {% for choice in form.irritation_after %}
        <td>{{ choice }}</td>
      {% endfor %}
    </tr>
  </tbody>
</table>

    <center><button class="btn btn-primary">Continue</button></center>

{{ endblock }}