{{ extends 'global/Page.html' }}
{{ block title }}Tu rol en el juego{{ endblock }}

{{ block content }}

{{ if player.id_in_group == 1 }}

<p style="font-size: 16px; font-family: Arial, sans-serif;">
  En este juego, tú eres el/la <strong>Jugador/a 1</strong> y te hemos dado <strong>10 monedas</strong> 🎉.
</p>

<p style="font-size: 16px; font-family: Arial, sans-serif;">
  Tienes que decidir cuántas de estas monedas quieres <strong>darle a un compañero/a de tu clase</strong>, que es el/la <strong>Jugador/a 2</strong>.
</p>

<p style="font-size: 16px; font-family: Arial, sans-serif;">
  Las monedas que decidas enviar se <strong>triplicarán</strong> antes de llegar a tu compañero/a.  
  Por ejemplo, si envías <span><strong>8</strong></span> monedas,  
  él o ella recibirá <span><strong>4</strong></span> × 3 = 12 monedas 🎁. Mientras que tu te quedas con 10 − <span><strong>4</strong></span> = <strong>6</strong>.
</p>

<p style="font-size: 16px; font-family: Arial, sans-serif;">
  Luego, tu compañero/a podrá decidir si te devuelve algunas de esas monedas... o no 🤔. Recuerda que puede no devolverte monedas si no quiere.
</p>

<div style="background-color: #fff3cd; border-left: 6px solid #ffc107; padding: 12px; margin-top: 20px; font-size: 1.2em;">
  ⚠️ <strong>Nota importante:</strong> Tu <strong>pago final</strong> será lo que <strong>te quedaste</strong> + lo que <strong>te devuelva tu compañero/a</strong>.
</div>

<p style="font-size: 16px; font-family: Arial, sans-serif; color: #2c3e50; font-weight: bold;">
  ¡Tú decides cuánto enviar! Haz clic en continuar cuando estés listo(a) ⏭️.
</p>

{{ else }}
<p style="font-size: 16px; font-family: Arial, sans-serif;">
  En este juego, tú eres el/la <strong>Jugador/a 2</strong>.
</p>

<p style="font-size: 16px; font-family: Arial, sans-serif;">
  Uno de tus compañeros de clase recibió 10 monedas y tiene que decidir si quiere compartirte una parte de ellas.
</p>

<p style="font-size: 16px; font-family: Arial, sans-serif;">
Las monedas que te envía se <strong>triplicarán automáticamente</strong> antes de llegarte.  
Por ejemplo, si te manda <span style="color:red;"><strong>4</strong></span> monedas, tú recibes  
<span><strong>4</strong></span> × 3 = <strong>12</strong> 🎁  
y él/ella se queda con 10 − <span><strong>4</strong></span> = <strong>6</strong>.
</p>

<p style="font-size: 16px; font-family: Arial, sans-serif;">
  Cuando recibas estas monedas, tú puedes decidir <strong>cuántas deseas devolverle</strong> a tu compañero/a. Puedes hacer lo que tu quieras. Si no quieres devolverle, no tienes que hacerlo. 
</p>

<p style="font-size: 16px; font-family: Arial, sans-serif;">
  No sabrás exactamente quién es, y el/ella no sabrá quien eres tú, pero puedes estar seguro(a) de que es alguien de tu salón 👥.
</p>

<p style="font-size: 16px; font-family: Arial, sans-serif; color: #2c3e50; font-weight: bold;">
  ¡Haz clic en continuar cuando estés listo(a)! ⏭️
</p>

{{ endif }}

{{ formfields }}

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


{{ endblock }}