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

{% block title %}
    タスクA（コード入力作業）
{% endblock %}

{% block content %}

<div style="margin-left: 5%; width: 90%; background-color:#e6e6e6; margin-bottom:30px; padding:5px 10px;">
    お疲れ様でした！以上で、練習が終わりました。あなたは練習のコード入力作業で {{ score }} ポイント獲得しました！
</div>
<div>
	<p>
        練習ページであなたが入力したコードは以下の通りです。
        <ul>
            <li>O: {{ player.ans1 }}</li>
            <li>S: {{ player.ans2 }}</li>
            <li>D: {{ player.ans3 }}</li>
        </ul>
        このうち {{ score }}問 正解していました。<strong>[サンプルページを表示／非表示]</strong>を押して確認してください。
    </p>
</div>

<button type="button" class="btn btn-secondary" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
    サンプルページを表示／非表示
</button>
<div class="collapse" id="collapseExample">
    <div class="border p-3">

        {% include Constants.sample_WEDR %}
     
    </div>
</div>
<div>
<br>
</div>
    {% next_button %}

{% endblock %}