{% 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>
        Even though the future is uncertain, you know that most of the time there will be no surprises (aka <strong>the normal state</strong>), and the contract will be realized as it is.
        However, on some occasions, there may be an unexpected event that imposes constraints on the number of units that you are allowed to sell (aka <strong>the abnormal 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>{{ 'Abnormal' }}<td>{{ 'You must pay a fee 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 your preferred contract options (A or B).
        <br>
        After choosing, you will be able to find out the random state of the world.
        <br>
        Finally, 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 E$) 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><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: #0671ce;
        }
        {#tr:nth-child(even) {background-color: #f2f2f2;}#}
    </style>
{% endblock %}