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

{% block title %}
    Switch Results
{% endblock %}

{% block content %}
{% if player.team == 1 %}
<h2 style="color:purple" ><b> Team A </b> <!--<img src="{% static "group_identity_switch/female_symbol.png" %}"/>--></h2>
{% else %}
<h2 style="color:green"><b> Team B </b><!--<img src="{% static "group_identity_switch/male_symbol.png" %}"/>--></h2>
{% endif %}
	<br>
	<table class="table table-striped table-bordered">
		<tr>
			<th>Action</th>
			<th colspan="100%">People</th>
		</tr>
		<tr>
			<td>Successfully Joined</td>
			{% for player in group.get_joined_team %}
			<td>{{player.get_label}}</td>
			{% endfor %}
		</tr>
		<tr>
			<td>Successfully Left</td>
			{% for player in group.get_left_team %}
			<td>{{player.get_label}}</td>
			{% endfor %}
		</tr>
			<td>Attempted to Leave</td>
			{% for player in group.attempted %}
			<td>{{player.get_label}}</td>
		    {% endfor %}
		<tr>
		</tr>
	</table>
	<br>
  {% next_button %}

{% endblock %}