{{ block title }}
Device Check
{{ endblock }}
{{ block content }}

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

<p>To participate in this study, you must be using a computer. 
Mobile devices are unacceptable.
We will now confirm this is true. 

<b>Please click next.</b></p>

<div style = "text-align: center;">{{ next_button }}</div>

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

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

    forminputs.is_mobile.value = isMobile() ? 1 : 0;

</script>

{{ endblock }}