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

{% block title %}
    Results
{% endblock %}

{% block content %}
<p>
    In this round:
    <br><br>The four players in your firm produced <b>{{ group.first }},
    {{ group.second }},
    {{ group.third }}, and
    {{ group.fourth }}</b> sentences.
    <br><br><br><br>You typed <b>{{ player.total_sentences }}</b> sentence(s).
    <br><br>The smallest number of sentences in your firm was <b>{{ group.min }}</b> sentences.
    <br><br><u>Therefore, your payoff is <b>{{ player.payoff }}</b>.</u>
    <br><br><br>Below is the history of previous sentence production in your firm.
    <br><br>

<h4>Production in Previous Rounds</h4>
<table class="table">
    <tr>
        <th>Round</th>
        <th>Your Payoff</th>
        <th>Employee A</th>
        <th>Employee B</th>
        <th>Employee C</th>
        <th>Employee D</th>
    </tr>
    {% for p in player_in_previous_rounds %}
        <tr>
            <td>{{ p.round_number }}</td>
            <td>{{ p.payoff }}</td>
            <td>{{ p.first_p }}</td>
            <td>{{ p.second_p }}</td>
            <td>{{ p.third_p }}</td>
            <td>{{ p.fourth_p }}</td>
        </tr>
    {% endfor %}
</table>
</p>
    {% next_button %}
{% endblock %}

{% block styles %}

    <style>
    table {
        font-family: arial, sans-serif;
        border-collapse: collapse;
    }

    td, th {
        border: 1px solid #dddddd;
        text-align: left;
        padding: 8px;
    }

    tr:nth-child(even) {
        background-color: #dddddd;
    }
</style>
{% endblock %}