{{ block title }}
 <center>    Overview of workers' output: round {{ subsession.round_number }}  </center>
{{ endblock }}

{{ block content }}
<style>
    .box {
        border: 1px solid lightgrey; /* Light grey border */
        padding: 20px; /* Adds space around the text inside the box */
        background-color: #f7f7f7; /* Optional: Light grey background */
    }
</style>
<br>
<center>
<br>
<b> Worker 1 </b> made <b> {{ number_sent2 }} units</b>.<br>
<b> Worker 2 </b> made <b> {{ number_sent3 }} units</b>.<br>
<b> Worker 3 </b> made <b> {{ number_sent4 }} units</b>.<br>
<br>

    <br>

    <br>

<table>
    <caption> Record of worker's production. </caption>
    <tr>

    {% for item in names %}
        <th>{{ item }} </th>
    {% endfor %}

    </tr>

    <tr>
        <td> Worker 1</td>

    {% for item2 in all2 %}
        <td>{{ item2 }} </td>
    {% endfor %}

    </tr>

    <tr>
        <td> Worker 2</td>

    {% for item3 in all3 %}
        <td>{{ item3 }} </td>
    {% endfor %}

    </tr>

<tr>
        <td> Worker 3</td>

    {% for item4 in all4 %}
        <td>{{ item4 }} </td>
    {% endfor %}

    </tr>


</table>



    <style>
    table {
        width: 100%;
        border-collapse: collapse;
    }
    th, td {
        border: 1px solid black;
        padding: 8px;
        text-align: center;
    }
    th {
        background-color: lightgray;
    }
</style>

<br>

<div class = "box">
    Based on that, <b> your budget is {{ revenue }} ECU.</b>
    </div>
<br>
<br>
    {{ next_button }}

</center>
{{ endblock }}