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

{% block title %}
    Political alignment
{% endblock %}

{% block content %}

<p>In this section, we will ask you some question about your political alignment.</p>
<p>Please enter the following information.</p>


<!--    {% formfields %}-->



<label class="col-form-label">
    In politics people sometimes talk of left and right. Where would you place yourself on a scale from 0 to 10 where 0 means the left and 10 means the right?
</label>

<div class="input-group">
    <div class="input-group-prepend"><span class="input-group-text">Left</span></div>

    <input type="range" name="politicalScale" min="0" max="10" step="1" class="form-range">

    <div class="input-group-append"><span class="input-group-text">Right</span></div>
</div>

<label class="col-form-label">
    And where would you place your friends?
</label>

<div class="input-group">
    <div class="input-group-prepend"><span class="input-group-text">Left</span></div>

    <input type="range" name="politicalScale" min="0" max="10" step="1" class="form-range">

    <div class="input-group-append"><span class="input-group-text">Right</span></div>
</div>

<label class="col-form-label">
    And where would you place the people who follows you in Twitter?
</label>

<div class="input-group">
    <div class="input-group-prepend"><span class="input-group-text">Left</span></div>

    <input type="range" name="politicalScale" min="0" max="10" step="1" class="form-range">

    <div class="input-group-append"><span class="input-group-text">Right</span></div>
</div>

<label class="col-form-label">
    And where would you place the people who you follow in Twitter?
</label>

<div class="input-group">
    <div class="input-group-prepend"><span class="input-group-text">Left</span></div>

    <input type="range" name="politicalScale" min="0" max="10" step="1" class="form-range">

    <div class="input-group-append"><span class="input-group-text">Right</span></div>

<br>

test outside
<table class="table">
    {% for field in form %}
        {% if 2 > 1 %}
        <tr>
            <th>{{ field.label }}</th>
            {% for choice in field %}
                <td>{{ choice }}</td>
            {% endfor %}
        </tr>
        {% endif %}
    {% endfor %}
</table>



<!--</table>-->


    {% next_button %}


{% endblock %}