{{ 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 contribute, a <strong>predefined algorithmic rule</strong> analyzes contributions 
        and suggests deduction points for each player.
    </p>
    <p>
        You will see these suggestions. You can <strong>accept them or adjust</strong> to any value 
        between 0-5 points. Assigning deductions has <strong>no cost to you</strong>.
    </p>

{% elif treatment == 'humanAI_judge_llm' %}
    <h4>Your Task</h4>
    <p>
        After participants contribute, <strong>ChatGPT</strong> analyzes contributions and suggests 
        deduction points for each player using this prompt:
    </p>
    <div class="card border-warning mb-3">
        <div class="card-header bg-warning text-dark">
            <small><strong>ChatGPT Prompt</strong></small>
        </div>
        <div class="card-body p-3" style="font-family: monospace; font-size: 0.9rem; background: #f8f9fa;">
            You are the controller in a public goods game. Decide deduction points for each listed player. 
            Deduction points must be integers from 0 to 5 inclusive. Use the round number, each player 
            contribution, and the public pool totals.
        </div>
    </div>
    <p>
        You will see ChatGPT's suggestions. You can <strong>accept them or adjust</strong> to any value 
        between 0-5 points. Assigning deductions 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 a <strong>predefined algorithmic rule</strong>
        </div>
        <p>
            After you contribute, the predefined algorithmic rule automatically assigns deduction points (0 to 5).
        </p>    

    {% elif treatment == 'AI_judge_llm' %}

        <h4>Control  Stage</h4>
        <div class="alert alert-warning">
            There is <strong>ChatGPT Controller</strong>.
    </div>
    <p>
        ChatGPT automatically assigns deduction points (0-5) using this prompt:
    </p>
    <div class="card border-warning mb-3">
        <div class="card-header bg-warning text-dark">
            <small><strong>ChatGPT Prompt</strong></small>
        </div>
        <div class="card-body p-3" style="font-family: monospace; font-size: 0.9rem; background: #f8f9fa;">
            You are the controller in a public goods game. Decide deduction points for each listed player. 
            Deduction points must be integers from 0 to 5 inclusive. Use the round number, each player 
            contribution, and the public pool totals.
        </div>
    </div>


    {% elif treatment == 'humanAI_judge' %}
        
        <h4>Control  Stage</h4>
        <div class="alert alert-warning">
            There is a <strong>Controller</strong> assisted by an predefined algorithmic rule.
        </div>
        <p>
            After you contribute, the predefined algorithmic rule automatically assigns deduction points, and the Human Controller can review and adjust these points (0 to 5).
        </p>

    {% elif treatment == 'humanAI_judge_llm' %}
        
        <h4>Control  Stage</h4>
        <div class="alert alert-warning">
            There is a <strong>Controller</strong> assisted by ChatGPT.
        </div>
        <p>
            After you contribute, ChatGPT automatically assigns deduction points, and the Human Controller can review and adjust these points (0 to 5). This is the prompt of ChatGPT:
        </p>
            <div class="card border-warning mb-3">
        <div class="card-header bg-warning text-dark">
            <small><strong>ChatGPT Prompt</strong></small>
        </div>
        <div class="card-body p-3" style="font-family: monospace; font-size: 0.9rem; background: #f8f9fa;">
            You are the controller in a public goods game. Decide deduction points for each listed player. 
            Deduction points must be integers from 0 to 5 inclusive. Use the round number, each player 
            contribution, and the public pool totals.
        </div>
        </div>
        
    {% 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 }}