{% extends "global/Page.html" %}
{% load staticfiles otree %}

{% block title %}
<div align="center">Contribution Page</div>
<p style="text-align: center;"><span style="font-size: large;">You Group Leader is:</span></p>
<p style="text-align: center;"><img src="https://i.imgur.com/vpFQ37I.jpg" alt="" width="258" height="369" /></p>
<p style="text-align: center;"><strong><span style="font-size: large;">As your Group Leader, he/she will be shown every Group Member's contribution decision. He/she will then decide to remove 0 to 60 points from each Group Member.</span></strong></p>
{% endblock %}

{% block content %}

<hr />
<p style="text-align: center;"><span style="font-size: large;">You have <strong>100</strong> points</span></p>
<hr />
<p style="text-align: center;"><span style="font-size: large;">How many points (out of 100) do you want to contribute to the Group Project?</span></p>
<center>{% formfield player.ndom3 label="" %}</center><hr />
<p>&nbsp;</p>
<p style="text-align: left;"><span style="font-size: large;">Recall:<i> </br>Every 100 points = $0.10. The total number of points in the Group Project will be doubled and sent back to each person in the group equally. </br>The Group Leader will see each Group Member's contribution and can take away up to 60 points from each Group Member.</span></p></i>
</br>

<p><input class="btn btn-primary btn-large btn-primary next-button" type="submit" value="Submit" /></p>



{% endblock %}