{{ block title }}
    购物态度
{{ endblock }}
{{ block content }}


<p>接下来，我们将询问一些关于您个人的基本情况，以及您的购物习惯，请按照您的真实情况回答。</p>
<p>如果您发现回答问题后，问卷直接进入提交页面，这说明您不符合我们的基本条件，期待您的下次参与！</p>

    {{ for field in C.shop_att_order }}
        {{formfield field}}
    {{ endfor }}


    {{ next_button }}


    <script>
        
        // Slider for ideal decrease and ideal increase
        let shop_decrease = document.getElementById('ideal_decrease');
        let shop_increase = document.getElementById('ideal_increase');
        function update1(input) {
            let give = parseInt(input.value);
            shop_decrease.innerText = `输入值：${give}`;
        };
        function update2(input) {
            let give = parseInt(input.value);
            shop_increase.innerText = `输入值：${give}`;
        };

        // display decrease or increase accordingly
        var labelElement = document.querySelector('label[for="id_ideal_change"]');
        var inputElement = document.getElementById('id_ideal_change');

        document.getElementById('id_ideal_shop-0').onchange = function() { showOccupation(); };
        document.getElementById('id_ideal_shop-1').onchange = function() { showOccupation(); };
        document.getElementById('id_ideal_shop-2').onchange = function() { showOccupation(); };
        function showOccupation() {
            if (document.getElementById('id_ideal_shop-0').checked) {
                inputElement.style.display = 'block';
                labelElement.innerText = "相比于您过去一周的网上购物金额，您认为在理想情况下自己会增加多少在网购上的开支？";
                document.getElementById('id_ideal_change').value = '';
            } else if (document.getElementById('id_ideal_shop-2').checked) {
                inputElement.style.display = 'block';
                labelElement.innerText = "相比于您过去一周的网上购物金额，您认为在理想情况下自己会减少多少在网购上的开支？";
                document.getElementById('id_ideal_change').value = '';
            } else if (document.getElementById('id_ideal_shop-1').checked) {
                labelElement.innerText = "";
                document.getElementById('id_ideal_change').value = '1';
                inputElement.style.display = 'none';
            };
        };
        // workaround needed until wtforms #615 is published
        for (let option of document.querySelectorAll('input[type=radio]')) {
            option.required = 'required';
        }

    </script>

{{ endblock }}