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

{% block title %}
    Cost decision
{% endblock %}

{% block content %}
<p>
    One of the two bags has been randomly selected
</p>
<p>
    On the next page, you will be shown two draws from the bag. Your partner will also be shown two new draws from the
    same bag.
</p>
<p>
    Before being shown your draws, you are asked about how much you would be willing to pay to exchange information with your partner about
    whether each of you believes the bag contains more red marbles than blue marbles.
</p>
<p>
    A number will be randomly chosen between {{ Constants.cost_lower_limit }} and {{ Constants.cost_upper_limit }}
</p>
<p>
    If BOTH you and your partner have indicated that you would be willing to pay at least this much, you will each be
    shown "Your partner believes the bag has more/fewer red marbles than blue marbles". The randomly chosen cost will
    be subtracted from your earnings. If either of you has indicated you would not be willing to pay the randomly chosen
    amount, no information will be shared and no cost will be subtracted from your earnings.
</p>
<p>
    For example, if you are both willing to pay the cost and you see "Your partner believes the bag has more blue marbles
    than red marbles", this means that your partner required fewer than 50 nickels to prefer to be reimbursed based on
    the draw from the box rather than based on the draw from the bag.
</p>
<p>
    Regardless of your willingness to pay, you will be asked how likely you believe it is that the bag is red TWICE.
</p>
{% formfield player.reservation_cost_CostThenSignal label="How much would you be willing to pay to exchange information with your partner?" %}

{{ form.touched_slider.errors }}

<input type="hidden" name="touched_slider" value="" id="id_touched_slider"/>

{% block scripts %}
    <script>
        $('input[name=reservation_cost_CostThenSignal]').on('input',function(){
            $('#id_touched_slider').val(1);
        });
    </script>
{% endblock %}

    {% next_button %}

{% endblock %}