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

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

{% block content %}
    The below table lists both your and your group members' payoffs for selecting the various alternatives, as well as how
    many each has been allocated this round. Your player number, votes, and payoffs are highlighted in yellow:
    <br>
    <br>
       <table class="table">
        <tr>
            <th>Player:</th> {% for p in players %}<td {% if p.id_in_group == player.id_in_group %} style="background-color:yellow"
        {% endif %}>{{p.id_in_group}} {% if p.id_in_group == player.id_in_group %} (You) {% endif %}</td>{% endfor %}
        </tr>
        <tr>
            <th>Votes:</th> {% for p in players %} <td {% if p.id_in_group == player.id_in_group %} style="background-color:yellow"
        {% endif %}>{{ p.votes }}</td>
            {% endfor %}
        </tr>
        <tr>
        <th>Alternatives</th>
        <th colspan="3">Players' Payoffs</th>
        </tr>
       <tr><td></td><td></td><td></td><td></td></tr>
        <tr>
            <td>A</td> {% for p in players %}<td {% if p.id_in_group == player.id_in_group %} style="background-color:yellow"
        {% endif %}>{{ p.player_payoff_1_star }}</td>{% endfor %}
        </tr>
        <tr>
            <td>B</td> {% for p in players %}<td {% if p.id_in_group == player.id_in_group %} style="background-color:yellow"
        {% endif %}>{{ p.player_payoff_2_star }}</td>{% endfor %}
        </tr>
        <tr>
            <td>C</td> {% for p in players %}<td {% if p.id_in_group == player.id_in_group %} style="background-color:yellow"
        {% endif %}>{{ p.player_payoff_3_star }}</td>{% endfor %}
        </tr>
        <tr>
            <td>D</td> {% for p in players %}<td {% if p.id_in_group == player.id_in_group %} style="background-color:yellow"
        {% endif %}>{{ p.player_payoff_4_star }}</td>{% endfor %}
        </tr>
    </table>
    <br>
    <br>    <br>
    <br>
    Please indicate how many points you wish to assign to each alternative (1 to 4)
    <br>
    <br>
    <table class="table">
        <tr>
            <td>{% formfield player.STAR_A label="A:" %}</td> <td>{% formfield player.STAR_B label="B:" %}</td>
            <td>{% formfield player.STAR_C label="C:" %}</td> <td>{% formfield player.STAR_D label="D:" %}</td>
        </tr>
    </table>
    <br>
    <br>
    <br>
    {% next_button %}


{% endblock %}