{{ block title }}
    {{player.round_number}}期目：株式投資のポートフォリオ選択画面
{{ endblock }}
{{ block content }}

<div>
    <h2>
        <b style="color:red">{{most_choiced}}</b>{{info}}<br/>
    </h2>
    <p>
      将来に向けて、あなたは毎期{{tsumitate}}円を積立投資します。
</div>
    {{ formfields }}
<div class="card bg-light m-3">
    <div class="card-body">
        <div class="container">
            <div class="row">
                <div class="col-12 col-md-8">
                    <u><p style="text-align:center">ポートフォリオの番号と詳細に関して</p></u>
                    <table class='table table-bordered text-center' style='width: auto; margin: auto'>
                        <tr>
                            <th>ポートフォリオの番号</th>
                            <th>ポートフォリオの詳細</th>
                        </tr>
                        <tr>
                            <td>ポートフォリオ1</td>
                            <td>{{choiced_0}}</td>
                        </tr>
                        <tr>
                            <td>ポートフォリオ2</td>
                            <td>{{choiced_1}}</td>
                        </tr>
                        <tr>
                            <td>ポートフォリオ3</td>
                            <td>{{choiced_2}}</td>
                        </tr>
                        <tr>
                            <td>ポートフォリオ4</td>
                            <td>{{choiced_3}}</td>
                        </tr>
                        <tr>
                            <td>ポートフォリオ5</td>
                            <td>{{choiced_4}}</td>
                        </tr>
                    </table>
                </div>
                <div class="col-12 col-md-4">
                    <u><p style="text-align:center">株式Aと株式Bに関して</p></u>
                    <p>
                        株式Aと株式Bの好景気・不景気は一致します。</br>
                        また、好景気と不景気はそれぞれ50%の確率でランダムに決まります。
                    </p>
                    <table class='table text-center' style='width: auto; margin: auto'>
                        <tr>
                            <th></th>
                            <th>株式A</th>
                            <th>株式B</th>
                        </tr>
                        <tr>
                            <th>好景気の場合</th>
                            <td>+15%</td>
                            <td>+20%</td>
                        </tr>
                        <tr>
                            <th>不景気の場合</th>
                            <td>+5%</td>
                            <td>+0%</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
</br>
    {{ next_button }}

    {{ include C.INSTRUCTIONS_TEMPLATE }}

{{ endblock }}