{{ block title }}
    購買行動についての質問
{{ endblock }}
{{ block content }}

<div id = 'shuffle'>
<div>
    <p>
        以下の質問では、あなたが大型店舗（スーパー、家電量販店など）で買物している状況を思い浮かべてください。<br>
        項目文を読み、どれほど当てはまるか率直にお答えください。<br>
    </p>
        {{ formfield player.TQ1_Large }}
        {{ formfield player.TQ2_Large }}
        {{ formfield player.TQ3_Large }}    
</div>
<div>
    <p>
        以下の質問では、あなたが小型店舗（パン屋、雑貨屋など）で買物している状況を思い浮かべてください。<br>
        項目文を読み、どれほど当てはまるか率直にお答えください。<br>
    </p>
    {{ formfield player.TQ1_Small }}
    {{ formfield player.TQ2_Small }}
    {{ formfield player.TQ3_Small }}
</div>
<div>
    <p>
        以下の質問では、あなたが飲食店で買物している状況を思い浮かべてください。<br>
        項目文を読み、どれほど当てはまるか率直にお答えください。<br>
    
    </p>
    {{ formfield player.TQ1_Rest }}
    {{ formfield player.TQ2_Rest }}
    {{ formfield player.TQ3_Rest }}
</div>
</div>

    
    <p>すべて回答し終えましたら、次へボタンを押してください。</p>
    {{ 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 }}