{{ 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 }} {{ unit2 }}</b>.<br>
<b> Worker 2 </b> made <b> {{ number_sent3 }} {{ unit3 }}</b>.<br>
<b> Worker 3 </b> made <b> {{ number_sent4 }} {{ unit4 }}</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">
    <b> The company budget increases from this round by {{ revenue }} ECU.</b>
    </div>
<br>
<i> After clicking the <b> Next button </b> you will proceed in the experiment. </i>
<br>
<br>
    {{ next_button }}

</center>
{{ endblock }}