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

{% block title %}
	Game
{% endblock %}

{% block content %}

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">



	<div class="card bg-light instructions">
	<div class="card-body">
		<p>
			<h3> Round {{subsession.round_number}} </h3>	
<li>Your response for Round {{subsession.round_number}} has been recorded.</li>
<li> Before you proceed, here are the earnings of your team members in Round {{subsession.round_number}}  : </li>
			<br/> <br/> 

			<style>
			table, th, td {
				border: 1px solid black;
				text-align: center;
			}
			</style>

			<table style="width:100%">
				<tr>
					<th colspan="6"> Decision Number {{subsession.round_number}}  (Your Group) </th>
				</tr>
				<tr> 
					<th></th> <th></th> <th> Amount in the Private Account </th> <th> Amount Invested in the Common Project </th> <th> Earnings from the Common Project  </th> <th> Total Earnings </th>
				</tr>
				{% for p in other_players %}
				<tr>
					<td> {{p.alias}} <i class="fa fa-male" style="color:blue"></i>  </td>
					<td>  </td>
					<td> {{p.private_contri}} </td> <td> {{p.group_contribution}} </td> <td> {{p.common_invest}} </td> <td> {{p.noguess}} </td> 
				</tr>
				{% endfor %}

				<tr>
					<td> {{player.alias}} <i class="fa fa-male" style="color:blue"></i> </td>
					<td> (You) </td>
					<td> {{player.private_contri}} </td> <td> {{player.group_contribution}} </td> <td> {{player.common_invest}} </td>
					<td> {{player.noguess}} </td> 
				</tr>

			</table>

		<p/>

	</div>
	</div>
<li> Please click next to proceed. </li>
	{% next_button %}

{% endblock %}