{{ block title }}Round {{ round_number }}{{ endblock }}
{{ block content }}

<div class="container mt-5 text-center" style="max-width: 600px;">
  <div class="card border-0 shadow-sm p-4">

    <div class="mb-3">
      <span style="font-size: 3rem;">🔄</span>
    </div>

    <h3 class="fw-bold mb-1">Round {{ round_number }} of 5</h3>
    <p class="text-muted mb-4">
      A new procurement cycle begins. The supplier pool remains the same.
    </p>

    <div class="alert alert-light border text-start mb-4">
      <strong>Reminder — Process this round:</strong>
      <ol class="mb-0 mt-2">
        <li>The AI system provides its recommendation.</li>
        <li>The <strong>Purchasing Analyst</strong> reviews it and submits their choice.</li>
        <li>The <strong>Sustainability Analyst</strong> makes the final team decision.</li>
      </ol>
    </div>

    {{ next_button }}

  </div>
</div>

{{ endblock }}