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

{% block title %}
    Instructions - Page 2 of 2
{% endblock %}

{% block content %}
    <p>
        If you choose to participate then you will be given a token and asked to place that token in the bucket of
        your choosing.  There will always be three buckets to choose from.  The bucket with the most tokens at the
        end of the round will win and your payoff in points will be determined based on your color type and the winning
        bucket.  If two or more buckets receive the same number of tokens then the payoff will be the average of those
        buckets.
    </p>
    <p>
        If you choose to abstain (not participate) then your payoff will be determined in the same way, but you will
        not be able to place a token and will not be able to influence the outcome.
    </p>
    <p>
        The payoff table below will be used for every round and displayed on each page of this experiment for your
        reference.
    </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>

    {% next_button %}

{% endblock %}