{{ block content }}

<p>
    <b> Runda {{ player.round_number}} </b>
 </p>

<p>

    Detta spel är volontärens dilemma med {{ group_len }} deltagare per grupp.
    Om en deltagare väljer att investera, får varje deltagare, förutom deltagaren som investerar,
    en belöning på {{ C.REWARD }}. Deltagaren som väljer att investera betalar en kostnad på {{C.VOLUNTEER_COST}}.

</p>
<input type="hidden" name="timeSpent" id="timeSpent"/>
<button type="button" class="btn btn-primary" onclick="sendVolunteer(); doTimeStuff()"> Jag vill investera </button>
<button name="donotvolunteer" class="btn btn-primary" value="False"> Jag vill inte investera </button>
<br><br>


<script>
window.onload = function(){
var startTime=Date.now();
}

function doTimeStuff(){
var timeSpent = Date.now(); - startTime;
document.getElementById('timeSpent').value = timeSpent;
}

    vol = false
    function sendVolunteer() {
        vol = true
        liveSend({'volunteer': true});
    }

    function liveRecv(data) {
        if (data.finished) {
            document.getElementById('form').submit();
        }
    }

    document.addEventListener('DOMContentLoaded', (event) => {
        liveSend({});
    });

    function liveRecv(data) {
			console.log('received', data);
			let type = data.data_type;
            console.log("DATA", data);
            if (vol) {
                alert("Du är OTROLIG!");

            } else {
                alert('Någon annan har valt att investera');
            }
			document.getElementById("form").submit();



		}


    function getCurrentTimestamp () {
        setTimeout(function(){ getCurrentTimestamp() }, C.TIMEOUT);
        return liveSend({"time": Date.now()});
        }
    getCurrentTimestamp()

    
</script>

{{ endblock }}