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

{% block title %}Results of Round {{ player.round_number }}{% endblock %}
{% block content %}
    <p>
        Thank you for participating this round! Here are your results!
    </p>

  <p>
    {% if player.answer == True%}
        Congratulations you are right! The other player contributed {% for p in player.get_others_in_group %} {{ p.contribution }} {% endfor %}. You have earned $1 for
        this answer.
        {% else %}
        Oh no! You were a little off this round. The other player contributed {% for p in player.get_others_in_group %} {{ p.contribution }} {% endfor %}. You haven't earned
        any extra money for a correct answer this round.
    {% endif %}
  </p>

    <p>
    Your group's results from this round are found in the table below.
    </p>
    <table class="table-condensed" style="width:500px; margin-top:20px;">
        <tr><td>You contributed:</td><td>{{ player.contribution }}</td></tr>
        <tr><td>Other participants contributed:</td><td></td></tr>
        {% for p in player.get_others_in_group %}
            <tr><td></td><td>{{ p.contribution }}</td></tr>
        {% endfor %}

        <tr><td>Total contribution:</td><td>{{ group.total_contribution }}</td></tr>

        <tr><td colspan="2"><hr/></td></tr>

        <tr><td>Total earnings from the project:</td><td>{{ total_earnings }}</td></tr>
        <tr><td>Your earnings from the project:</td><td>{{ group.individual_share }}</td></tr>

        <tr><td colspan="2"><hr/></td></tr>

        <tr><td>Thus in total you earned:</td><td>{{ player.payoff }}</td></tr>

    </table>
    <p>
    Below is the history of your payoffs from the past rounds.
    </p>

        <div class = "card-header mb-3 text center" style ="...">
             <b> History Table </b>
        </div>

        <p>
            <div class="row justify-content-center" style="max-height: 40vh; overflow: scroll">
                <table class = "table">
                    <tr>
                        <th class = "text-center">Round </th>
                        <th class = "text-center">Your endowment</th>
                        <th class = "text-center">Your contribution to the public account</th>
                        <th class = "text-center">You kept in the private account  </th>
                        <th class = "text-center">Your payoff </th>
                    </tr>
                    <tbody>
                    {% for p in player.in_previous_rounds %}
                        <tr>
                            <td class = "text-center my_style"> {{ p.round_number }}</td>
                            <td class = "text-center"> {{p.endowment}}</td>
                            <td class = "text-center"> {{p.contribution }}</td>
                            <td class = "text-center"> {{p.private_keep }}</td>
                            <td class = "text-center"> {{p.payoff}} </td>

                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>


        </p>


    <p>
    Please click next when you are ready to proceed to the next round.
    </p>
    <p></p>

    {% next_button %}


{% endblock %}