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

{% block title %}
    Please make a selection for each bucket (Practice)
{% endblock %}

{% block content %}
    <p>
        This is a practice round.
    </p>
    <p>
        <strong>You now have the opportunity to make your token decision for each of the three (3) buckets.
            Your color type and the payoff table are listed below for your reference.</strong>
    </p>
    <p>
        Your color type is <strong> {{ player.role }} </strong>
    </p>
    <p>
        The payoff table is:
    </p>
<style>
    table, th, td {
        border: 1px solid black;
        border-collapse: collapse;
    }
    th, td {
        padding: 10px;
    }
    table.center {
        margin-left: auto;
        margin-right: auto;
    }
</style>
    <table class="center">
        <thead>
        <tr>
            <th>Color</th>
            <th>Bucket 1</th>
            <th>Bucket 2</th>
            <th>Bucket 3</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>Red</td>
            <td>300 points</td>
            <td>200 points</td>
            <td>100 points</td>
        </tr>
        <tr>
            <td>Blue</td>
            <td>200 points</td>
            <td>300 points</td>
            <td>100 points</td>
        </tr>
        <tr>
            <td>Green</td>
            <td>150 points</td>
            <td>150 points</td>
            <td>300 points</td>
        </tr>
        </tbody>
    </table>
    <p></p>
    <p>
        <strong>If you do not make any selections then your tokens will not be placed in any of the buckets, but you
            will still pay the cost of participating and receive the payoff that corresponds to your color type.
        </strong>
    </p>

    {% formfield player.vote_Bucket1 label="Would you like to add a token, remove a token, or ignore Bucket 1?" %}
    {% formfield player.vote_Bucket2 label="Would you like to add a token, remove a token, or ignore Bucket 2?" %}
    {% formfield player.vote_Bucket3 label="Would you like to add a token, remove a token, or ignore Bucket 3?" %}

    {% next_button %}

{% endblock %}