{% 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}}. You assigned {{assigned_room_points}} {% if assigned_room_points == "1" %}
                    point
                    {% else %}
                    points
                    {% endif %}
               to that room,
              indicating that you liked it {{liked_magnitude}}.
          </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 }}