{{ block title }} 総合結果 {{ endblock }}
{{ block content }}
    <div class="content">
        <table class="table vertical">
            <tr>
                <th>round</th>
                {{ for i in history.index }}
                <td>{{ i }}</td>
                {{ endfor }}
            </tr>
            <tr>
                <th>選択したカード</th>
                {{ for h in history.カード }}
                <td>{{ h }}</td>
                {{ endfor }}
            </tr>
            <tr>
                <th>利得</th>
                {{ for h in history.利得 }}
                <td>{{ h }}</td>
                {{ endfor }}
            </tr>
        </table>
        <p>注）利得 = 獲得した金額 - 支払価格</p>
        <div class="space" style="margin: 30px"></div>        
        <h5>あなたの利得の合計  :  {{ history.合計 }}</h5>
    </div>

    <div class="space" style="margin: 50px"></div>

    <div class="content">
        <table class="table vertical">
            <tr>
                <th>round</th>
                {{ for i in history.index}}
                <td>{{ i }}</td>
                {{ endfor }}
            </tr>
            <tr>
                <th>予想価格</th>
                {{ for h in history.予想価格 }}
                <td>{{ h }}</td>
                {{ endfor }}
            </tr>
            <tr>
                <th>実際の価格</th>
                {{ for h in history.実際の価格 }}
                <td>{{ h }}</td>
                {{ endfor }}
            </tr>
            <tr>
                <th>満足 or 不満</th>
                {{ for h in history.効用 }}
                <td>{{ h }}</td>
                {{ endfor }}
            </tr>
        </table>
    </div>
    {{ next_button }}
    <style>
        td {
            text-align: center;
        }
        .vertical th {
            border-right: 1px rgba(0, 0, 0, 0.075) solid;
        }
    </style>
{{ endblock }}