{% extends "global/Page.html" %}
{% load otree static %}

{% block title %}
    Part 1: Emotions scale
{% endblock %}

{% block content %}
<p> The scale below consists of a number of words that describe different feelings and emotions. Read each item
and then mark the appropriate answer in the space next to that word. Indicate to what extent you feel
this way right now, that is, at the present moment.</p>
<table class="table">
<tr>
    <th></th>
    <th style="text-align: center">Very slightly or not at all</th>
    <th style="text-align: center">A little</th>
    <th style="text-align: center">Moderately</th>
    <th style="text-align: center">Quite a bit</th>
    <th style="text-align: center">Very much</th>
  </tr>
    {{ for field in form }}
        <tr>
            <th>{{ field.label }}</th>
            {{ for choice in field }}
                <td style="text-align: center"; width = "15%">{{ choice }}</td>
            {{ endfor }}
        </tr>
    {{ endfor }}
</table>
<style>
    .otree-timer {
         position: fixed;
        bottom: 0;
        right: 0;
        width: 10%;
        border: 3px solid #FF0000;
    }
</style>

    <center> {% next_button %} </center>
{% endblock %}