{% extends "./Page.html" %}
{% load staticfiles otree_tags %}

{% block title %}
    意思決定課題 2 の結果と謝金
{% endblock %}

{% block content %}

<p>意思決定課題 2 のページ1 における選択の結果は以下の通りでした：<br></p>

<div style="width:80%; overflow-x:scroll;">
<table class="table-condensed" style="white-space: nowrap; margin-top:20px; margin-bottom:20px; text-align: center; border-bottom:solid 2px lightgray;">
    <th>
        <tr>
            <th style="border-bottom: solid 1px lightgray;border-top: solid 2px lightgray; position: sticky; left: 0; top:0;"></th>
            {% for i in Risk_list %}
            <th style="border-bottom: solid 1px lightgray;border-top: solid 2px lightgray;">問 {{ forloop.counter }} </th>
            {% endfor %}
        </tr>
    </th>

    <tr>
        <td  style="border: solid 1px lightgray;background-color:rgb(174, 199, 230); padding:5px;">くじMで獲得できるポイント</td>
        {% for v in Constants.optR %}
            <td> 確実に{{v}}ポイント　</td>
        {% endfor %}
        </tr>
        <tr>
            <td  style="border: solid 1px lightgray;background-color:lightsteelblue">あなたの選択</td>
            {% for i in Risk_list %}
                <td style="padding:5px; background-color:rgb(242, 246, 250);"> {{ i }} </td>
                {% endfor %}
        </tr>
    </table>
</div>
        <p><br>意思決定課題 2 のページ2 における選択の結果は以下の通りでした：<br></p>

        <div style="width:80%; overflow-x:scroll;">
        <table class="table-condensed" style="white-space: nowrap; margin-top:20px; margin-bottom:20px; text-align: center; border-bottom:solid 2px lightgray;">
            <th>
                <tr>
                    <th style="border-bottom: solid 1px lightgray;border-top: solid 2px lightgray; position: sticky; left: 0; top:0;"></th>
                    {% for i in Ambiguity_list %}
                    <th style="border-bottom: solid 1px lightgray;border-top: solid 2px lightgray;">問 {{ forloop.counter }} </th>
                    {% endfor %}
                </tr>
            </th>
        
            <tr>
                <td  style="border: solid 1px lightgray;background-color:rgb(174, 199, 230); padding:5px;">くじMで獲得できるポイント</td>
                {% for v in Constants.optR %}
                    <td> 確実に{{v}}ポイント　</td>
                {% endfor %}
                </tr>
                <tr>
                    <td  style="border: solid 1px lightgray;background-color:lightsteelblue">あなたの選択</td>
                    {% for i in Ambiguity_list %}
                        <td style="padding:5px; background-color:rgb(242, 246, 250);"> {{ i }} </td>
                        {% endfor %}
                </tr>
        
</table>
</div>

<p><br><br>
    謝金が支払われる問いは、
    <center><strong>{{ player.payment2_page}} ページ目</strong>の<strong>{{player.payment2_problem}}問目</strong></center>
    に決まりました。<br>
    {% if player.choice_WM == 1 %}
    あなたは<strong>【くじW】</strong>を選んでいました。
    {% if player.payment2_page == 1 %}　選ばれたカードは{{ player.payment2_card }}番でした。{% else %}選ばれたカードは<strong>【{{ Card_RB }}】</strong>でした。{% endif %}
    {% else %}
    あなたは<strong>【くじM】</strong>を選んでいました。
    {% endif %}
    そのため、あなたが意思決定課題 2 から得られる謝金額は、<strong>{{ player.payment2 }} 円</strong>となります。<br>
    これは、<strong>あなたの獲得していたポイント &times; 1 </strong>円で計算された値です。<br><br>
</p>


<br>
{% next_button %}


{% endblock %}