{{ extends 'global/Page.html' }}
{{ block title }}Results{{ endblock }}

{{ block content }}

{{ if player.id_in_group == 1 }}
  <div style="font-size: 1.05em; line-height: 1.6;">

    <p>📤 Decidiste enviarle <strong>{{ group.sent_amount }}</strong> monedas a tu compañero/a de clase.</p>
    <p>📥 Tu compañero/a te devolvió <strong>{{ group.sent_back_amount }}</strong> monedas.</p>

    <hr style="margin: 16px 0;">

    <p>🧮 <strong>Resumen:</strong></p>
    <ul style="list-style: none; padding-left: 0;">
      <li>💰 Comenzaste con: <strong>{{ C.ENDOWMENT }}</strong> monedas</li>
      <li>📤 Enviaste: <strong>{{ group.sent_amount }}</strong></li>
      <li>📥 Recibiste de vuelta: <strong>{{ group.sent_back_amount }}</strong></li>
      <li style="margin-top: 10px;">
        👉 <strong>Tu pago es:</strong><br>
        {{ C.ENDOWMENT }} − {{ group.sent_amount }} + {{ group.sent_back_amount }} = 
        <strong>{{ player.payoff }}</strong> monedas
      </li>
    </ul>

  </div>
{{ else }}
  <div style="font-size: 1.05em; line-height: 1.6;">

    <p>📥 Tu compañero/a te envió <strong>{{ group.sent_amount }}</strong> monedas.</p>
    <p>✨ Esa cantidad se <strong>triplicó</strong>, así que recibiste <strong>{{ tripled_amount }}</strong> monedas.</p>
    <p>📤 Decidiste devolver <strong>{{ group.sent_back_amount }}</strong> monedas.</p>

    <hr style="margin: 16px 0;">

    <p>🧮 <strong>Resumen:</strong></p>
    <ul style="list-style: none; padding-left: 0;">
      <li>💰 Recibiste: <strong>{{ tripled_amount }}</strong> monedas</li>
      <li>📤 Devolviste: <strong>{{ group.sent_back_amount }}</strong></li>
      <li style="margin-top: 10px;">
        👉 <strong>Tu pago es:</strong><br>
        {{ tripled_amount }} − {{ group.sent_back_amount }} = 
        <strong>{{ player.payoff }}</strong> monedas
      </li>
    </ul>

  </div>
{{ endif }}

<p style="margin-top: 30px;">
  ⏳ Espera las instrucciones del profe para hacer clic e ir al siguiente juego:<br>
  {{ next_button }}
</p>

{{ endblock }}