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

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

{{ endblock }}