{{ block title }}Instructions{{ endblock }}

{{ block content }}

{# === SECTION FOR JUDGES === #}
{% if is_judge %}

    <div class="card bg-light mb-3">
        <div class="card-body">
            <h5 class="card-title">Your Role: Controller</h5>
            <p class="card-text">
                You have been assigned the role of <strong>Controller</strong>. 
                You do not participate in the game itself (you do not contribute or receive payoffs).
            </p>
        </div>
    </div>

    <p>
        Instead, your task is to oversee the contributions of the participants.
        In each round, participants are randomly rematched into groups of 4 and play a the same game where they contribute.
        You might supervise multiple groups of 4 participants each round, depending on the total number of participants in the experiment.
    </p>

    {% if treatment == 'human_judge' %}
        <h4>Your Task</h4>
        <p>
            After participants make their contributions, you will see a list of all players that are assigned to you, organized by their groups.
            You will see how much each player contributed.
        </p>
        <p>
            You can assign <strong>Deduction Points (0 to 5)</strong> to any player.
            Assigning deduction points has <strong>no cost to you</strong>.
        </p>

    {% elif treatment == 'humanAI_judge' %}
        <h4>Your Task</h4>
        <p>
            After participants make their contributions, an <strong>AI system</strong> will analyze them and suggest deduction points for each player based on a fairness rule (deducting under-contributors).
        </p>
        <p>
            You will see these suggestions. You can <strong>accept them or change them</strong> to any value between 0 and 5 points.
            Assigning deduction points has <strong>no cost to you</strong>.
        </p>
    {% endif %}

    <h4>Effect of Punishment</h4>
    <p>
        When you assign deduction points to a player:
    </p>
    <ul>
        <li>The player <strong>loses</strong> payoff points equal to the deduction you assigned.</li>
        <li>Additionally, the <strong>total deduction assigned to a group of 4</strong> is shared among its members as a common cost (Total / 4).</li>
    </ul>

    <p>
        Your own payoff depends on the <strong>earnings of all participants assigned to you (before deduction)</strong>.
    </p>


{# === SECTION FOR REGULAR PLAYERS === #}
{% else %}

    <p> You will play {{ C.NUM_ROUNDS }} rounds of the same game. In each round, you will be <strong>randomly rematched </strong> into groups of 4. </p>
    <ul>
        <li>In each round, you receive <strong>{{ endowment }}</strong> points.</li>
        <li>You decide how many points (0 to {{ endowment }}) to <strong>contribute</strong> to a common project.</li>
        <li>Total contributions in your group are multiplied by <strong>{{ mpcr }} and shared equally</strong> among the 4 group members.</li>
    </ul>

    <p>
        Your payoff from the game is:
        <br>
        <br>
        <em>Initial Endowment − Your Contribution + {{ mpcr }} × (Sum of Group Contributions)</em>
    </p>

    {# Treatment-specific punishment info #}
        

    {% if treatment ==  'human_judge' %}
        
        <h4>Control Stage</h4>
        <div class="alert alert-warning">
            There is a <strong>Controller</strong> assigned to your group.
        </div>
        <p>
            After you contribute, the controller sees your contribution and can assign you <strong>0 to 5 deduction points</strong>.
        </p>

    {% elif treatment == 'AI_judge' %}
        
        <h4>Control  Stage</h4>
        <div class="alert alert-warning">
            There is an <strong>AI Controller</strong> (automated rule).
        </div>
        <p>
            After you contribute, the AI automatically assigns deduction points (0 to 5) based on how much you contributed relative to the average. 
            <strong>Under-contributing</strong> relative to others leads to higher deduction.
        </p>

    {% elif treatment == 'humanAI_judge' %}
        
        <h4>Control  Stage</h4>
        <div class="alert alert-warning">
            There is a <strong>Human Controller</strong> assisted by an AI.
        </div>
        <p>
            An AI suggests deduction points based on your contribution, and the Human Controller can review and adjust these points (0 to 5).
        </p>

    {% endif %}

    {# Common punishment cost explanation for all judge treatments #}
    {% if treatment != 'no_judge' %}
        <p><strong>Cost of deduction:</strong></p>
        <ul>
            <li>If you receive deduction points, they are subtracted from your payoff.</li>
            <li>Additionally, the total deduction points given to your entire group (4 people) are summed up and divided by 4. This shared cost is also subtracted from everyone's payoff.</li>
        </ul>
        <p>
            <em>Final Payoff = Initial Payoff − Your Deduction Received − (Total Group Deduction / 4)</em>
        </p>
    {% endif %}

{% endif %}



<br>
{{ next_button }}

{{ endblock }}