{% extends "global/Page.html" %}
{% block title %}Part I{% endblock %}
{% block content %}

    <p>
        <strong>Instructions</strong>
        <br>
        Suppose that you are selling units of a good and that you have to choose between two sale contracts (A and B) to be realized in the future.
        <br><br>
        <strong>Caution:</strong>
        Even though the future is uncertain, you know that most of the time there will be no surprises (<strong>the normal state</strong>), and the contract will be realized as it is.
        However, on some occasions, an unexpected event will impose constraints on the number of units that you are allowed to sell (<strong>the atypical state</strong>).
        <br><br>
        The table below summarizes these states and their probability of occurrence:
        <br></p>
    <table class="table table-bordered" id="my_table">
        <thead>
        <tr>
             <th>{{ 'State' }}</th>   <th>{{ 'Description' }}</th>   <th >{{ 'Probability' }}</th>
        </tr>
        </thead>
        <tr>
            <td>{{ 'Normal' }}</td> <td>{{ 'No costs: contract realized as firmed' }}</td>   <td>{{ '8/10 (or 80%)' }}</td>
        </tr>
        <tr>
            <td>{{ 'Atypical' }}<td>{{ 'You must pay a tax for every unit sold above 35' }}</td><td>{{ '2/10 (or 20%)' }}</td>
        </tr>
    </table>


    <p>
        <br>
        <strong>The game</strong>
        <br>
        Your job is to choose between two contract options (A or B).
        <br>
        After choosing, you will be able to find out what the future is.
        <br>
        Your payoff for the round will be realized in the sequence.
        <br><br>

        <strong>Note</strong>
        <br>
        There will be one practice round, followed by <strong>three</strong> real rounds.
        <br>
        Your payoff in points will be recorded for each of the rounds.
        <br>
        The payoff info will be stored until the end of the experiment.
        <br>
        In the end, <strong>one</strong> of your recorded payoffs (from parts I and II) will be randomly selected for pay, and converted to US dollars.
    <br>
    </p>

    {% next_button %}

{% endblock %}


{% block style %}
    <style>
        #my_table td {
           text-align: center;
        }

        #my_table td.choice_cell:hover {
            background: #a0cff8;
        }

        .selected {
            background: #a0cff8 !important;
        }

        #my_table th {
           text-align: center;
        }
        #my_table th {
            background: #E5E7E9;
        }
        {#tr:nth-child(even) {background-color: #f2f2f2;}#}
    </style>
{% endblock %}