{{ block title }}End of Experiment{{ endblock }}
{% block content %}
<style>
    {{ include 'general/table_design.html' }}

    table {
        table-layout: fixed;
    }

    /* CSS for the first table */
    #first-table th:first-child,
    #first-table td:first-child {
        width: 80%; /* adjust the width as needed */
    }

   /* CSS for the second table */
    #second-table tr:last-child {
        background-color: rgba(13, 110, 253, 0.4); /* 40% transparency version of #0d6efd */
    }
    #second-table th:first-child,
    #second-table td:first-child {
        width: 80%; /* adjust the width as needed */
    }
</style>

<p>
Thank you for participating in our experiment!
</p>

    <table id="first-table">
        <tr>
            <td> Your earnings from the Game are:</td>
            <td> <b>£{{ earning }}</b> </td>
        </tr>
        <tr>
            <td> Your earnings from the WaitPage are:</td>
            <td> <b>£{{ earnings_waitpage }}</b> </td>
        </tr>
        <tr>
            <td> Your participation reward from Part 1 was:</td>
            <td> <b>£{{ earnings_participation }}</b> </td>
        </tr>
        <tr style="background-color:#f2f2f2;">
            <td> <b>Your total earnings from the experiment are:</b></td>
            <td> <b>{% if player.total_earnings >= 6 %} £{{ total }} {% else %} £6.00 (participation rewards Part 1+2) {% endif %} </b> </td>
        </tr>
    </table>
<p>
    {{ next_button }}
</p>
<em>Click the next button to complete the study and be forwarded to Prolific</em>
{% endblock %}