{% extends "global/Page.html" %}

{{ block title }}
Mobile Check{{ endblock }}
{% block content %}

<input type="hidden" name="is_mobile" id="is_mobile">

<p>We hope you to complete the task on your computer. Computer users please click Next.</p>

    {% next_button %}

<script>
    function isMobile() {
        const toMatch = [
            /Android/i,
            /iPhone/i,
            /iPad/i,
        ];

        return toMatch.some((item) => navigator.userAgent.match(item));
    }

    // here is an alternative technique that checks screen resolution
    // function isMobile() {
    //     return ((window.innerWidth <= 800) && (window.innerHeight <= 600));
    // }

    document.getElementById('is_mobile').value = isMobile() ? 1 : 0;

</script>


{% endblock %}