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

{% block head_title %}

        Study

{% endblock %}

{% block styles %}

    <style type="text/css">
        h1 {text-align: center; font-size: 35px;}
    </style>

{% endblock %}

{% block content %}

<h1>Result</h1>

<p>


     <table class="table">
        <tr style="text-align: center">
            <th>      Round                                </th>
            <th>      Puzzle Solved                        </th>
            <th>      Time Spent (Seconds)                 </th>
            <th>      Number of Moves Made                 </th>
            <th>      Bonus                 </th>
            <th>      Starting Budget (&pound;)            </th>
            <th>      Final Earnings (&pound;)                </th>

        </tr>


        {% if subsession.round_number <= Constants.num_rounds %}
        <tr style="text-align: center">
                <td>  {{ subsession.round_number }}                                       </td>
                <td>  {% if player.puzzle_solved %} Yes {% else %} No {% endif %}         </td>
                <td>  {{player.time_spent|floatformat:0}}                                               </td>
                <td>  {{player.num_of_moves}}                                                           </td>
                <td>      {% if player.bonus == 1 %} Yes {% else %} No {% endif %}               </td>
                <td>  {{player.endowment|floatformat:2}}                                                </td>
                <td>  {{final_payoff1|floatformat:2}}                                             </td>

        </tr>
        {% endif  %}




     </table>

<center>{% next_button %}</center>


</p>


<input type="hidden"   name="final_payoff1"           id="id_final_payoff1"               >
<input type="hidden"   name="bonus"                   id="id_bonus"                       >


{{ form.errors }}


{% endblock %}



{% block scripts %}
    <script type="text/javascript">

        sessionStorage.removeItem("autoboard");
        sessionStorage.removeItem("autosave");


        $('#id_final_payoff1').val(js_vars.final_payoff1);
        $('#id_bonus').val(js_vars.bonus);


    </script>
{% endblock %}