{{ block title }}
Section 3: arithmetic test
{{ endblock }}

{{ block content }}
<div class="instructions well well-lg" style="">

    <p>
        Please finish the 10 arithmetic questions below. Your payment will not depend on your accuracy rate. But please
        try your best to get the correct answers.

    </p>

    <form method="post" id="form">
    <p>
        Q1: Evaluate the expression (5+3)×2−7:
        <input  type="number" name="math_q1" id="math_q1" required>
        {{ formfield_errors "math_q1" }}
    </p>

    <p>
        Q2: If the price of a product increases from $80 to $100, what is the percentage increase?
        <input  type="number" name="math_q2" id="math_q2" required>
        {{ formfield_errors "math_q2" }}
    </p>

     <p>
        Q3: If a recipe calls for 2 cups of flour for every 3 cups of sugar, how much flour is needed if 9 cups of sugar are used?
        <input  type="number" name="math_q3" id="math_q3" required>
        {{ formfield_errors "math_q3" }}
    </p>

     <p>
        Q4: Calculate the sum of 145 and 237.
        <input  type="number" name="math_q4" id="math_q4" required>
        {{ formfield_errors "math_q4" }}
    </p>

    <p>
        Q5: Subtract 68 from 189.
        <input  type="number" name="math_q5" id="math_q5" required>
        {{ formfield_errors "math_q5" }}
    </p>

    <p>
        Q6: Solve 2x−5=11.
        <input  type="number" name="math_q6" id="math_q6" required>
        {{ formfield_errors "math_q6" }}
    </p>

    <p>
        Q7: Solve 2x−5=11.
        <input  type="number" name="math_q7" id="math_q7" required>
        {{ formfield_errors "math_q7" }}
    </p>

    <p>
        Q8: Find the square root of 144.
        <input  type="number" name="math_q8" id="math_q8" required>
        {{ formfield_errors "math_q8" }}
    </p>

    <p>
        Q9: Simplify the expression 2(4y−9) for y=6.
        <input  type="number" name="math_q9" id="math_q9" required>
        {{ formfield_errors "math_q9" }}
    </p>

     <p>
        Q10: Calculate 15% of 240.
        <input  type="number" name="math_q10" id="math_q10" required>
        {{ formfield_errors "math_q10" }}
    </p>

    <button type="button" class="btn btn-primary" onClick="submitForm();">Next</button>
    </form>

{{ endblock }}

{{ block scripts }}

    <script>

        function submitForm(){
            let form = document.getElementById('form');
            let math_q1 = document.getElementById('math_q1');
            let math_q2 = document.getElementById('math_q2');
            let math_q3 = document.getElementById('math_q3');
            let math_q4 = document.getElementById('math_q4');
            let math_q5 = document.getElementById('math_q5');
            let math_q6 = document.getElementById('math_q6');
            let math_q7 = document.getElementById('math_q7');
            let math_q8 = document.getElementById('math_q8');
            let math_q9 = document.getElementById('math_q9');
            let math_q10 = document.getElementById('math_q10');
            if (math_q1.value !== "" && math_q1.value !== "" &&  math_q1.value !== "" && math_q1.value !== "" && math_q5.value !== ""
                && math_q6.value !== "" && math_q7.value !== "" &&  math_q8.value !== "" && math_q9.value !== "" && math_q10.value !== ""){
                form.submit()
            }
            if (math_q1.value === "" && math_q1.value === "" &&  math_q1.value === "" && math_q1.value === "" && math_q5.value === ""
                && math_q6.value === "" && math_q7.value === "" &&  math_q8.value === "" && math_q9.value === "" && math_q10.value === "") {
                alert('Please complete all questions!')
            }
        }

    </script>

{{ endblock }}