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

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

{% block content %}
<h1 style="font-size:40px;">Final questions</h1>
    <h2>Political beliefs vs ideology of news consumed on Twitter </h2>
 <p> Earlier we asked about the ideology of the news that you consume on your Twitter account. Considering what you learned
     and any potential change you might have done to your news diet during the survey, what is your <em>best guess</em> about
     the average ideology of the newspapers that you follow on Twitter? What about the same measure but for the average person that follows
     you? And what about the average person that you follow?

 </p>



<table class="table" style="width: 100%">
	<col style="width:120%">
	<col style="width:12%">
	<col style="width:12%">
    <col style="width:12%">
    <col style="width:12%">
    <col style="width:12%">
    <col style="width:12%">
    <col style="width:12%">
	<thead>
    <tr>
        <th> </th>
        <td style="text-align:center"> Extremely liberal </td>
        <td style="text-align:center"> Liberal </td>
        <td style="text-align:center"> Slightly liberal </td>
        <td style="text-align:center"> Moderate </td>
        <td style="text-align:center"> Slightly conservative </td>
        <td style="text-align:center"> Conservative </td>
        <td style="text-align:center"> Extremely conservative </td>
    </tr>
	</thead>
	<tbody>


    <tr>
        <th>{{ form.debrief_ideologyNews.label }}</th>
        {% for choice in form.debrief_ideologyNews %}

            <td style="text-align:center">{{ choice }}</td>
        {% endfor %}
    </tr>


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

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

    <p>Instead of the ideology of your Twitter account, let me also ask you about <b>political beliefs</b>.
    Where would you place your own political beliefs on this scale? What would be your <em> best guess</em> about the political
        beliefs of the average person that follows you on Twitter? And what about the average person that you follow?
    <p>

<table class="table" style="width: 100%">
	<col style="width:120%">
	<col style="width:12%">
	<col style="width:12%">
    <col style="width:12%">
    <col style="width:12%">
    <col style="width:12%">
    <col style="width:12%">
    <col style="width:12%">
	<thead>
    <tr>
        <th> </th>
        <td style="text-align:center"> Extremely liberal </td>
        <td style="text-align:center"> Liberal </td>
        <td style="text-align:center"> Slightly liberal </td>
        <td style="text-align:center"> Moderate </td>
        <td style="text-align:center"> Slightly conservative </td>
        <td style="text-align:center"> Conservative </td>
        <td style="text-align:center"> Extremely conservative </td>
    </tr>
	</thead>
	<tbody>


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


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

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

<br> <br> <h2>Give us your best guess! </h2>

<p>None of the question below will affect the real possibility of you receiving the lotteries. On a scale from 0 to 100,
    how likely do you think it is that you win and get paid for each of the following lotteries? </p>

<table class="table" style="width: 100%">
	<col style="width:30%">
	<col style="width:40%">
	<tbody>
    <tr><th>{{ form.guess_lottery1.label }}</th><th>{{ form.guess_lottery1 }}</th></tr>
    <tr><th>{{ form.guess_lottery2.label }}</th><th>{{ form.guess_lottery2 }}</th></tr>
	</tbody>
</table>


    <br><br>

    {% 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 %}

{% block scripts %}
<style>
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
}

th, td {
  text-align: center;
  padding: 8px;

}
tr:nth-child(even){background-color: #f2f2f2}
</style>

{% endblock %}