{{ extends 'global/Page.html' }}
{{ block title }}Round Summary{{ endblock }}

{{ block content }}

<style>
/* Metrics Table Styles */
    .metrics-table {
        width: 100%; /* Makes the table take up the full width */
        border-collapse: collapse; /* Ensures borders don’t double */
    }
    .metrics-table th, .metrics-table td {
        border: 1px solid black; /* Adds borders around cells */
        padding: 8px;
        text-align: center;
    }
    .metrics-table th {
        font-weight: bold;
        background-color: #f2f2f2; /* Light gray background for headers */
    }
    .metrics-table td:first-child {
        font-weight: bold;
        text-align: left; /* Align the labels to the left */
    }
</style>


<h2>End of Game {{ round_number }}</h2>
<p>You have completed Game {{ round_number }}. Here is a summary of your performance:</p>

<table class="metrics-table">
    <tr>
        <th>Metrics</th>
        {% for period in display_game_history %}
            <th>Round{{ period.period }}</th>
        {% endfor %}
    </tr>
    <tr>
        <td>Leftover Inventory</td>
        {% for period in display_game_history %}
            <td>{{ period.starting_inventory }}</td>
        {% endfor %}
    </tr>
    <tr>
        <td>Order Quantity</td>
        {% for period in display_game_history %}
            <td>{{ period.order_quantity }}</td>
        {% endfor %}
    </tr>
    <tr>
        <td>Demand Quantity (realized)</td>
        {% for period in display_game_history %}
            <td>{{ period.demand_quantity }}</td>
        {% endfor %}
    </tr>
    <tr>
        <td>Profit</td>
        {% for period in display_game_history %}
            <td>${{ period.profit }}</td>
        {% endfor %}
    </tr>
</table>



<!-- Conditional message for the end of Round 1 -->
{% if show_reset_message %}
    <p style="margin-top: 20px; font-weight: bold; color: #333;">
        You will now proceed to Game 2. All parameters have been reset to their original values.
    </p>
{% endif %}
{{ next_button }}

{{ endblock }}