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

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

{% block content %}
<!--<h1 style="font-size:40px;">Bonus Lottery</h1>-->

<br><br>
{% if public_treatment %}

<div class="card text-white bg-info mb-3">
  <div class="card-header" style="font-size: x-large">Bonus Lottery</div>
    <div class="card-body">
        <p class="card-text" style="color: white; font-size: medium">
            You have been randomly selected to participate in the <b>bonus lottery</b> (a second lottery for ${{bonus_lottery_amount}})
            if you tweet your news diet summary. <b>Importantly, you will be given the opportunity to
            adjust your news diet on the next page, and, only after that, you will be asked to accept or decline this invitation.</b>

            <br><br>
            Regardless of whether you accept or decline this offer, you are still eligible for the first lottery upon completion of the survey.
                Please click Next to continue.
            <br><br>
            You are almost finished!
    </p>
  </div>
</div>
<!--        At the end of the survey, we will give you the option to share the summary on Twitter. <b>Your choice to share does-->
<!--        not impact your chances in the lottery</b>, though if you do share the summary at the end of the survey <b>you will-->
<!--        be entered into a second lottery for two hundred dollars ($200)</b>. Regardless if you would like to share the summary-->
<!--        or not, <b>please continue with the survey, you are almost finished!</b>-->
<!--Before sharing, however, we would like to give you a chance to adjust your news diet.-->
{% elif placebo_treatment %}
<div class="card text-white bg-info mb-3">
  <div class="card-header" style="font-size: x-large">Bonus Lottery</div>
    <div class="card-body">
        <p class="card-text" style="color: white; font-size: medium">
           You have been randomly selected to participate in the <b>bonus lottery</b> (a second lottery for {{bonus_lottery_amount}})
            if you tweet a referral link inviting others to take this survey. <b>Importantly, this tweet will contain no information
            about you or your responses to the survey. You will be asked to accept or decline this invitation at the end of the survey.</b>

            <br><br>
            Regardless of whether you accept or decline this offer, you are still eligible for the first lottery upon completion of the survey.
                Please click Next to continue.
            <br><br>
            You are almost finished!
        </p>
    </div>
</div>
<br>
{% else %}
    <b>Please continue with the survey, you must complete the full survey to be eligible for the lottery.
        <br><br> You are almost finished!</b>
{% endif %}

    <br><br>

<!--    </div>-->

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