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

{% block title %}
Task {{round}} of {{num_questions}} <hr>
{% endblock %}

{% block content %}

{% for early, late, sum in player.current_choice %}
<p>
    How much is ${{ player.pay_amount }} <b>{{ early | lower }}</b> worth to you <b>{{ late | lower }}</b>?
</p>

<p>
    ${{ player.pay_amount }} <b>{{ early | lower }}</b> is worth as much to me as $
    <input type="number" min="1" max="{{ player.pay_amount }}" step="1" id="switching_point" name="switching_point" style="width: 50px" required>
    <b>{{ late | lower }}</b>.
</p>
{% endfor %}

 <div style="text-align: right;">
    {% next_button %}
</div>

{{form.errors}}

{% endblock %}