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

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

<div id = 'shuffle'>
    <div>
        {{ formfield player.YQ1 }}
    </div>
    <div>
        {{ formfield player.YQ2 }}
    </div>
    <div>
        {{ formfield player.YQ3 }}
    </div>
    <div>
        {{ formfield player.YQ4 }}
    </div>
    <div>
        {{ formfield player.YQ5 }}
    </div>
    <div>
        {{ formfield player.YQ6 }}
    </div>
    <div>
        {{ formfield player.YQ7 }}
    </div>
    <div>
        {{ formfield player.YQ8 }}
    </div>
    <div>
        {{ formfield player.YQ9 }}
    </div>
    <div>
        {{ formfield player.YQ10 }}
    </div>
    <div>
        {{ formfield player.YQ11 }}
    </div>
    <div>
        {{ formfield player.YQ12 }}
    </div>
    <div>
        {{ formfield player.YQ13 }}
    </div>
    <div>
        {{ formfield player.YQ14 }}
    </div>
    <div>
        {{ formfield player.YQ15 }}
    </div>
    <div>
        {{ formfield player.YQ16 }}
    </div>
    <div>
        {{ formfield player.YQ17 }}
    </div>
    <div>
        {{ formfield player.YQ18 }}
    </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 }}