{{ extends "global/Page.html" }}
{{ block title }}Round {{ round_num }} - Performance So Far{{ endblock }}

{{ block content }}

<link rel="stylesheet" href="{{ static 'hiring-funnel.css' }}">

<h2>Round {{ round_num }} - Performance So Far</h2>

<div class="performance-box">
    <h3>Last Round Results</h3>
    <p><strong>Hired Candidate True Quality:</strong> {{ last_round_true_q }}</p>
</div>

<h3>Performance History</h3>
<div class="table-scroll">
    <table class="history-table">
        <thead>
            <tr>
                <th>Round</th>
                <th>Hired Candidate</th>
                <th>True Quality</th>
                <th>Reward if Chosen</th>
            </tr>
        </thead>
        <tbody>
            {% for entry in history %}
                <tr>
                    <td>{{ entry.round }}</td>
                    <td>{{ entry.hired_candidate }}</td>
                    <td>{{ entry.true_q }}</td>
                    <td>{{ entry.reward }}</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
</div>

<div class="instruction-text">
    <p><strong>Next:</strong> You have completed Round {{ round_num }}. Continue to the next round.</p>
</div>

{{ next_button }}

{{ endblock }}