{{ block title }}
    態度についての質問
{{ endblock }}
{{ block content }}
<p>項目文をよく読んで、あなたが時間に対してどのような考えや態度を持っているかを率直にお答えください。<br>
すべて回答し終えたら、次へボタンを押してください。
</p>

<div id='shuffle'>
    <div>{{ formfield player.SQ1 }}</div>
    <div>{{ formfield player.SQ2 }}</div>
    <div>{{ formfield player.SQ3 }}</div>
    <div>{{ formfield player.SQ4 }}</div>
    <div>{{ formfield player.SQ5 }}</div>
    <div>{{ formfield player.SQ6 }}</div>
    <div>{{ formfield player.SQ7 }}</div>
    <div>{{ formfield player.SQ8 }}</div>
    <div>{{ formfield player.SQ9 }}</div>
    <div>{{ formfield player.SQ10 }}</div>
    <div>{{ formfield player.SQ11 }}</div>
</div>

<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>

    {{ next_button }}

{{ endblock }}