{{ extends "global/Page.html" }}

{% block scripts %}
<script language="JavaScript">

    var sec = 0;

    var timer = setInterval(function () {
    document.getElementById("decision_time_4").value = ((sec+=100)/1000);}, 100);

</script>
{% endblock %}

{% block title %}
    Round 4
{% endblock %}

{% block content %}


    <STYLE TYPE="text/css">
        .indented { padding-left: 50pt; padding-right: 50pt; }
        .tabmarg {margin-left: 80px}
        tr, td { padding: 5px; vertical-align: top; }
    </STYLE>
    <hr>
    <p>
        You may now begin Round 4.
    </p>
    <hr>
    <p>
        Presented below is the same schedule of effort levels you viewed previously.
    </p>

    <hr>
    <p>
        {% if player.condition == 1 %}
            <img src="{{ static 'effort_choice/effort_bonus.jpg' }}"/>
        {% elif player.condition == 2 %}
            <img src="{{ static 'effort_choice/effort_penalty.jpg' }}"/>
        {% elif player.condition == 3 %}
            <img src="{{ static 'effort_choice/effort_combined.jpg' }}"/>
        {% endif %}
    </p>
    <hr>
    <p>
        For Round 4, please select your effort level between 1 and 13.
    </p>
    <p>
        {% formfield 'effort_4'  %}
    </p>


    <hr>


    {% next_button %}
    <input type="hidden" id="decision_time_4" name="decision_time_4">

    <hr>


{% endblock %}