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

{% block title %}
Twitter News Study
{% endblock %}

{% block content %}

<h2>Section II. Political Interest, Polarization and Knowledge</h2>

<p>Next, we would like to ask you some additional questions about your political views.</p>

{% formfield player.followsPolitics %}

{% formfield player.voteLikely %}

{% formfield player.closeParty %}

<br>

<p>We would like to get your feelings toward the two major political parties in the U.S. and towards the president.
    After you read the name of a political party or person, please rate it on a scale from 0 to 10, where 0 means you
    strongly dislike that party or person and 10 means that you strongly like that party or person.
    Ratings between 5 and 10 mean that you like the party or person. Ratings between 0 and 5  mean that you dislike the party or person.
    You would rate the party or person at the 5 degree mark if you don't feel particularly warm or cold toward the party or person.</p>

{{form.errors}}





<table class="table" style="width: 100%">
    <col style="width:23%">
    <col style="width:7%">
    <col style="width:7%">
    <col style="width:7%">
    <col style="width:7%">
    <col style="width:7%">
    <col style="width:7%">
    <col style="width:7%">
    <col style="width:7%">
    <col style="width:7%">
    <col style="width:7%">
    <col style="width:7%">

    <tr>
        <td></td>
        <td>0</td>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
        <td>6</td>
        <td>7</td>
        <td>8</td>
        <td>9</td>
        <td>10</td>
    </tr>
    <tr>
        <th>{{ form.thermometerDemocratic.label }}</th>
        {% for choice in form.thermometerDemocratic %}
            <td style="text-align:center">{{ choice }}</td>
        {% endfor %}
    </tr>

    <tr>
        <th>{{ form.thermometerRepublican.label }}</th>
        {% for choice in form.thermometerRepublican %}
            <td style="text-align:center">{{ choice }}</td>
        {% endfor %}
    </tr>

    <tr>
        <th>{{ form.thermometerBiden.label }}</th>
        {% for choice in form.thermometerBiden %}
            <td style="text-align:center">{{ choice }}</td>
        {% endfor %}
    </tr>

    <tr>
        <th>{{ form.thermometerTrump.label }}</th>
        {% for choice in form.thermometerTrump %}
            <td style="text-align:center">{{ choice }}</td>
        {% endfor %}
    </tr>

</table>



<br>



<p>Of the following news events, which ones do you think are true, and which ones do you think are false?</p>


<table class="table" style="width: 100%">
       <tr>
        <td></td>
        <td style="text-align:center">True</td>
        <td style="text-align:center">False</td>
        <td style="text-align:center">Don't know</td>

    </tr>
    <tr>
        <th>{{ form.trueBidenCovid.label }}</th>
        {% for choice in form.trueBidenCovid %}
            <td style="text-align:center">{{ choice }}</td>
        {% endfor %}
    </tr>

    <tr>
        <th>{{ form.trueBidenFacebook.label }}</th>
        {% for choice in form.trueBidenFacebook %}
            <td style="text-align:center">{{ choice }}</td>
        {% endfor %}
    </tr>

    <tr>
        <th>{{ form.trueBeatty.label }}</th>
        {% for choice in form.trueBeatty %}
            <td style="text-align:center">{{ choice }}</td>
        {% endfor %}
    </tr>

    <tr>
        <th>{{ form.trueMerkel.label }}</th>
        {% for choice in form.trueMerkel %}
            <td style="text-align:center">{{ choice }}</td>
        {% endfor %}
    </tr>

    <tr>
        <th>{{ form.trueShooting.label }}</th>
        {% for choice in form.trueShooting %}
            <td style="text-align:center">{{ choice }}</td>
        {% endfor %}
    </tr>
</table>




    {% next_button %}

<br><br>
<footer class="text-muted">
     <div class="container">
        <p>This study is conducted by researchers at MIT. For help please contact <a href="mailto:NewsConsumptionProject@mit.edu" style="color: blue">NewsConsumptionProject@mit.edu</a></p>
    </div>
</footer>

{% endblock %}