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

{% block title %}
    Round {{round_number}}
{% endblock %}

{% block content %}

{% if participant_treatment == 'FN' %}
<p> <b>あなたのStage1のスコアは{{my_score}}ポイントでした。<br>
    あなたの初期保有ポイントは、{{player.endowment}} ポイントです。</b>
    </p>

{% else %}
    {% if participant_treatment == 'FP' %}
    <p> <b>あなたのStage1のスコアは{{my_score}}ポイントでした。<br>
        あなたの初期保有ポイントは、{{player.endowment}} ポイントです。</b></p>
    <p> <b>相手プレイヤーの初期保有ポイントは、{{player.opponent_endowment}}ポイントです。</b></p>

    {% else %}
    <p> <b>あなたのStage1のスコアは{{my_score}}ポイントでした。<br>
        あなたの初期保有ポイントは、{{player.endowment}} ポイントです。</b></p>

    <p> <b>相手プレイヤーのStage1のスコアは、{{opponent_score}}ポイントでした。<br>
        相手プレイヤーの初期保有ポイントは、{{player.opponent_endowment}}ポイントです。</b></p>

    {% endif %}    
{% endif %}

    <div class="form-group required">
        <table class="table table-bordered text-center" style="width: auto; margin: auto">
            <tr>
                <th colspan="2" rowspan="2"></th>
                <th colspan="2">相手</th>
            </tr>
            <tr>
                <th>P</th>
                <th>Q</th>
            </tr>
            <tr>
                <th rowspan="2"><span>あなた</span></th>
                <td><button name="decision" value="Cooperate" class="btn btn-primary btn-large">P</button></td>
                <td>{{Constants.both_cooperate_payoff}}, {{Constants.both_cooperate_payoff}}</td>
                <td>{{ Constants.betrayed_payoff }}, {{Constants.betray_payoff}}</td>
            </tr>
            <tr>
                <td><button name="decision" value="Defect" class="btn btn-primary btn-large">Q</button></td>
                <td>{{Constants.betray_payoff}}, {{ Constants.betrayed_payoff }}</td>
                <td>{{Constants.both_defect_payoff}}, {{Constants.both_defect_payoff}}</td>
            </tr>
        </table>
    </div>


    {% include Constants.instructions_template %}

{% endblock %}