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

{{ block content }}

<div style="font-size: 1.1em; line-height: 1.6;">

  <p>👥 Tu compañero o compañera de curso recibió <strong>{{ C.ENDOWMENT }}</strong> monedas.</p>

  <p>🤝 Decidió enviarte <strong>{{ group.sent_amount }}</strong> monedas.</p>

  <p>✨ Como lo que te envía se <strong>triplica</strong>, ahora tú tienes:  
    <span style="background-color: #e6f7ff; padding: 4px 8px; border-radius: 5px;">
      <strong>{{ group.sent_amount }} × 3 = {{ tripled_amount }}</strong> monedas 🎉
    </span>
  </p>

  <p>📉 Eso significa que tu compañero/a se quedó con:  
    <span style="background-color: #f0f0f0; padding: 4px 8px; border-radius: 5px;">
      <strong>{{ C.ENDOWMENT }} − {{ group.sent_amount }} = {{ player1_keeps }}</strong> monedas
    </span>
  </p>

  <hr>

  <p>📊 <strong>Resumen:</strong></p>
  <ul>
    <li>✉️ Tu compañero/a te envió: <strong>{{ group.sent_amount }}</strong> monedas</li>
    <li>💰 Tú tienes ahora: <strong>{{ tripled_amount }}</strong> monedas</li>
    <li>🙋‍♂️ Él/Ella se quedó con: <strong>{{ player1_keeps }}</strong> monedas</li>
  </ul>

  <p>🔁 Ahora es tu turno:</p>
  <p>¿Cuántas monedas deseas enviar de regreso a tu compañero/a de clases?</p>
  <p><em>Puedes enviar cualquier valor entre <strong>0</strong> y <strong>{{ tripled_amount }}</strong></em>.</p>

<div style="background-color: #fff8e1; border-left: 4px solid #ffc107; padding: 8px 10px; margin-top: 16px; font-size: 1em; border-radius: 4px;">
  ⚠️ <strong>Recuerda:</strong> Tu <strong>pago final</strong> será 
  <strong>{{ tripled_amount }}</strong> monedas menos lo que <strong>le devuelvas</strong> a tu compañero/a.
</div>
</div>

{{ formfields }}

<p>{{ next_button }}</p>

{{ endblock }}