{{ block title }}
    心理調査
{{ endblock }}
{{ block content }}

<p><strong>以下の項目について「あてはまらない」から「あてはまる」の中から自身に該当するものをお選びください。</strong></p>

<div id = 'shuffle'>
    <div>
        {{ formfield player.BQ1 }}
    </div>
    <div>
        {{ formfield player.BQ2 }}
    </div>
    <div>
        {{ formfield player.BQ3 }}
    </div>
    <div>
        {{ formfield player.BQ4 }}
    </div>
    <div>
        {{ formfield player.BQ5 }}
    </div>
    <div>
        {{ formfield player.BQ6 }}
    </div>
    <div>
        {{ formfield player.BQ7 }}
    </div>
    <div>
        {{ formfield player.BQ8 }}
    </div>
    <div>
        {{ formfield player.BQ9 }}
    </div>
    <div>
        {{ formfield player.BQ10 }}
    </div>
    <div>
        {{ formfield player.BQ11 }}
    </div>
    <div>
        {{ formfield player.BQ12 }}
    </div>
    <div>
        {{ formfield player.BQ13 }}
    </div>
    <div>
        {{ formfield player.BQ14 }}
    </div>
    <div>
        {{ formfield player.BQ15 }}
    </div>
    <div>
        {{ formfield player.BQ16 }}
    </div>
    <div>
        {{ formfield player.BQ17 }}
    </div>
    <div>
        {{ formfield player.BQ18 }}
    </div>
    <div>
        {{ formfield player.BQ19 }}
    </div>
    <div>
        {{ formfield player.BQ20 }}
    </div>
</div>
    {{ next_button }}

    <script>
        $(function () {
            var parent = $("#shuffle");
            var divs = parent.children();
            while (divs.length) {
                parent.append(divs.splice(Math.floor(Math.random() * divs.length), 1)[0]);
                }
        });
    </script>

{{ endblock }}