{{ block title }}MyPage{{ endblock }}
{{ block content }}

<p>
    This is a volunteer dilemma with {{ C.PLAYERS_PER_GROUP }} players per group.
    If someone in the group volunteers,
    each player will get a reward of {{ C.GENERAL_BENEFIT }}.
    But the volunteer will pay a penalty of {{ C.VOLUNTEER_COST }}.
</p>

{{ formfields }}
{{ next_button }}

<br><br>
<script>

		document.addEventListener('DOMContentLoaded', (event) => {
			console.log('Locating button');
			let elm = document.querySelector('button.otree-btn-next');
			console.log(elm);
			elm.addEventListener('click', (event) => {
				console.log('Binding event listener');
				liveSend({'bid':'bid'});
			});
		});

		function liveRecv(data) {
			console.log('received', data);
			let type = data.data_type;
			if (type === 'bid') {
				alert('En annan spelare investerade');
				document.getElementById("form").submit();
			}
		}
	</script>


<script>
    function sendVolunteer() {
        liveSend({'volunteer': true});
    }
    function False() {
        liveSend({'volunteer': false});
    }
    function liveRecv(data) {
        if (data.finished) {
            document.getElementById('form').submit();
        }
    }

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




{{ endblock }}