{{ block title }}Survey{{ endblock }}
{{ block content }}
    <p id="heartRate">
        Loading...
    </p>
    <script>


        var lastMatlabTime = 0;
        var updateInterval = 100;
        var diffMatOTree = 0;

        var interval = window.setInterval(function () {
            liveSend(1)
        }, updateInterval)

        function liveRecv(data) {

            thingTime = data.thingTime
            date = new Date(thingTime)
            thingTime = Math.floor(date.getTime() /1000);
            matlabTime = data.matlabTime
            oTreeTime = data.oTreeTime


            if (lastMatlabTime != matlabTime) {
                diffMatOTree = oTreeTime - matlabTime
                diffThingOTree = oTreeTime - thingTime
                diffMatThing = thingTime - matlabTime
                cumul = diffMatThing + diffThingOTree;
                url = "https://api.thingspeak.com/update.json?api_key=EBQTV7J3CAM93N6Z&field1=" + diffMatOTree;
                //fetch(url).then(function() {});
            }

            lastMatlabTime = matlabTime;
            
            text = "thingspeak: " + thingTime + "<br> matlab: " + matlabTime 
                + "<br> oTree: " + oTreeTime + "<br> matlab - otree: " + diffMatOTree
                + "<br> thing - otree: " + diffThingOTree
                + "<br> matlab - thing: " + diffMatThing
                + "<br> cumul: " + cumul + "<br> compare: " + (cumul - diffMatOTree);
                    
            document.getElementById("heartRate").innerHTML = text

        }

        
    </script>

    {{ formfields }}

    {{ next_button }}

{{ endblock }}