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

{% block title %}
    Vote Selection
    <p>Round {{ subsession.round_number }} of {{ Constants.num_rounds }}</p>
{% endblock %}

{% block content %}
    <table class="table">
        <tr>
            <th>Alternatives:</th>
            <th>Your Payoffs:</th>
            <th colspan="6">Others Players' Payoffs</th>
        </tr>
        <tr>
            <td> </td> <td>Player {{player.id_in_group}} </td> {% for p in others_in_group %}<td>Player {{p.id_in_group}}</td> {% endfor %}
        </tr>
        <tr>
            <td>A</td> <td>{{ player.player_payoff_1 }}</td>{% for p in others_in_group %}<td> {{ p.player_payoff_1 }} </td> {% endfor %}
        </tr>
        <tr>
            <td>B</td> <td>{{ player.player_payoff_2 }}</td>{% for p in others_in_group %}<td> {{ p.player_payoff_2 }} </td> {% endfor %}
        </tr>
        <tr>
            <td>C</td> <td>{{ player.player_payoff_3 }}</td>{% for p in others_in_group %}<td> {{ p.player_payoff_3 }} </td> {% endfor %}
        </tr>
        <tr>
            <td>D</td> <td>{{ player.player_payoff_4 }}</td>{% for p in others_in_group %}<td> {{ p.player_payoff_4 }} </td> {% endfor %}
        </tr>
    </table>
    {% formfield player.vote_choice label="Please select which alternative you would like to vote for:" %}
    {% next_button %}
    <h4>Round history</h4>
    <table class="table">
        <tr>
            <th>Round</th>
            <th>Your choice</th>
            <th>Vote totals</th>
            <th>Selected Alternative</th>
        </tr>
            <tr>
                <td>{{ player_in_previous_round.round_number }}</td>
                <td>{{ player_in_previous_round.vote_choice }}</td>
                <td><p>A: {{ player_in_previous_round.group.total_for_A }}</p> <p>B: {{ player_in_previous_round.group.total_for_B }}</p> <p>C: {{ player_in_previous_round.group.total_for_C }}</p> <p>D: {{ player_in_previous_round.group.total_for_D }}</p></td>
                <td>{{ player_in_previous_round.group.winner }}</td>
            </tr>
    </table>



{% endblock %}