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

{% block title %}
Survey
{% endblock %}

{% block content %}
<hr>

<style>
    p{
        font-size: 22px;
        margin-bottom: -18px;
    }
    .otree-body {
        max-width:1100px
    }
    .otree-title {
      text-align: center;
    }
</style>
{% block styles %}
    <link href="{% static 'css/otreetimer.css' %}" rel="stylesheet">
{% endblock %}

<br>
{{ if player.participant.Pref1_survey != 0 }}
    <p style="margin-bottom: 10px;">
        In Part 3, when we asked you which of the five intervals you would <b>most</b> prefer to receive information about,
        you selected "<b>{{player.get_field_display('Part3_Survey0_Pref1')}}</b>".
    </p>
    <p>
        Why did you choose this interval? Please explain briefly.
    </p>
    {{ formfield 'Part3_Survey_Pref1Reason' }}
    <br>
    <p>
        You also stated that you are willing to pay up to <b>{{player.participant.WTP1_survey}} ECU</b> for this information.
        What were the factors you considered when you were deciding on this price?
    </p>
    {{ formfield 'Part3_Survey_WTPsReason' }}
{{ else }}
    <p style="margin-bottom: 10px;">
        In Part 3, when we asked you which of the five intervals you would <b>most</b> prefer to receive information about,
        you selected "<b>Not interested</b>".
    </p>
    <p>
        Please explain briefly the reasoning behind the choice.
    </p>
    {{ formfield 'Part3_Survey_Pref1Reason' }}
{{ endif }}
    <br><br>


<button class="otree-btn-next btn btn-primary" style="float: right;">Next</button>

{{ endblock }}