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

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

{% block content %}
<h1 style="font-size:40px;">Final questions</h1>

<p>Next, we would like to ask you some questions about your political views and your perception of your Twitter friends.
    We hear a lot of talk these days about liberals and conservatives. Here is a scale on which the political views that people might
    hold are arranged from extremely liberal to extremely conservative. Where would you place yourself, the people you follow on Twitter
    and the people who follow you  on this scale?</p>

<!--<table class="table">-->

<table class="table" style="width: 100%">
	<col style="width:16%">
	<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>


<!--<table class="table">-->
    <p>
    Thank you for participating in our experiment. We are currently piloting the interface and would like your feedback.
    The questions below are optional, but your answers would be very useful in refining our research design. You will be entered into the
    lottery as described regardless of your answers below. Thank you!
</p>

<p>Could you tell us if any of these factors play a role to influence your decision to select <a href="https://www.twitter.com/{{selected_publisher}}" target="_blank" style="color: royalblue">@{{selected_publisher}}</a> over the other five recommendations we gave you in the study?</p>
    <table class="table" style="width: 100%">
	<col style="width:30%">
	<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%">

	<tbody>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	</tbody>
</table>

    {% formfield "debrief_why_publisher" %}
    {% formfield "debrief_why_publisher_any_other" %}
    {% formfield "debrief_tweet_scale" %}
    {% formfield "debrief_tweet_question" %}
    {% formfield "debrief_tweet_why" %}
    {% formfield "debrief_retweet_scale" %}
    {% formfield "debrief_retweet_scale_selected" %}
{% formfield "debrief_instructions" %}
{% formfield "debrief_summary_stat" %}
{% formfield "debrief_technical_glitches" %}

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