{% extends "_templates/global/Page.html" %}
{{ block content }}

<div class="container">
  <div class="row justify-content-center">
    <div class="col-md-8">
      <div class="card border-0 shadow-sm mt-5" style="background-color: #f8f9fa;">
        <div class="card-body">
          <h2 class="card-title text-center">Matching</h2>
          <p class="card-text text-center">
            {{strings.outcome_room|safe}} {{ assigned_room_ttc }}.
            {{strings.outcome_ranking|safe}} {{assigned_room_rank}}.
          </p>
          <p class="card-text text-center">
                You received {{points}} points for this part.
            </p>
        </div>
      </div>
    </div>
  </div>
</div>
<br>

<div class="container">
    <div class="d-flex align-items-center justify-content-between mb-3">
      {{ next_button}}
        <p class="text-muted mb-0">Part {{ group.round_number }}/3</p>
    </div>
</div>
{{ endblock }}