{% extends "global/Page.html" %}

{{ block title }}
Round {{ round_index }} of {{ total_rounds }}
{{ endblock }}

{{ block content }}
<div class="round-placeholder">
    <h2>Upcoming Round Placeholder</h2>
    <p>This is a placeholder screen for the decision-making task we will implement later.</p>
    <ul>
        <li><strong>Round type:</strong> {{ round_type }}</li>
        <li><strong>Treatment code:</strong> {{ round_treatment }}</li>
        {% if pair_mode %}
            <li><strong>Pair mode:</strong> {{ pair_mode }}</li>
        {% endif %}
        {% if partner_label %}
            <li><strong>Assigned partner:</strong> {{ partner_label }}</li>
        {% else %}
            <li><strong>Assigned partner:</strong> To be determined</li>
        {% endif %}
    </ul>
    <p>In the final version, this screen shows the instructions, draws, and input widgets for this round.</p>
</div>

<style>
    .round-placeholder { max-width: 720px; margin: 0 auto; background: #f9fafb; border: 1px solid #d1d5db; border-radius: 8px; padding: 24px; }
    .round-placeholder h2 { margin-top: 0; color: #1f2937; }
    .round-placeholder ul { margin: 16px 0; padding-left: 20px; }
    .round-placeholder li { margin-bottom: 8px; color: #374151; }
</style>
{{ endblock }}