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

{% block title %}
    Result
{% endblock %}

{% block content %}
    <p>結果は以下の通りです</p>
    <table class="table" style="width: auto">
        <tr>
            <th>あなたの賭けたコイン</th><td>{{ player.player_coin }}</td>
        </tr>
        <tr>
            <th>computerの手札</th><td>{{ player.computer_sum }}</td>
        </tr>
        <tr>
            {% if player.result_id == 1 %}
                <th>あなたの手札</th><td>{{ player.player_result1 }}</td>
    
            {% elif player.result_id == 2 %}
                <th>あなたの手札</th><td>{{ player.player_result2 }}</td>
    
            {% elif player.result_id == 3 %}
                <th>あなたの手札</th><td>{{ player.player_result3 }}</td>
    
            {% elif player.result_id == 4 %}
                <th>あなたの手札</th><td>{{ player.player_result4 }}</td>
    
            {% elif player.result_id == 5 %}
                <th>あなたの手札</th><td>{{ player.player_result5 }}</td>
    
            {% elif player.result_id == 6 %}
                <th>あなたの手札</th><td>{{ player.player_result6 }}</td>

            {% elif player.result_id == 7 %}
                <th>あなたの手札</th><td>{{ player.player_result7 }}</td>
    
            {% endif %}                     
        </tr>
        <tr>
            <th>勝敗</th><td>{{ player.result }}</td>
        </tr>
        <tr>
            <th>所持コイン</th><td>{{ player.coin_result }}</td>
        </tr>
    </table>

    <p>{% next_button %}</p>

    {% include Constants.coin_template %}
    <p>　</p>
    <p>　</p>
    {% include Constants.rule_template %}

{% endblock %}