{% extends "global/Page.html" %}
{% load otree static %}

{% block title %}
    Quiz
{% endblock %}

{% block content %}
<p>
	Hieronder staan een aantal vragen om te controleren of u de taak goed begrepen heeft.
</p>
<p>
	Als u de instructies nogmaals wil lezen, klik dan op de onderstaande link:
</p>
    
<!--Accordion wrapper-->
<div class="accordion" id="accordionEx" role="tablist" aria-multiselectable="true">

    <!-- Accordion card -->
    <div class="card">

        <!-- Card header -->
        <div class="card-header" role="tab" id="headingOne">
            <a data-toggle="collapse" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                <h5 class="mb-0">
                    Instructies<i class="fa fa-angle-down rotate-icon"></i>
                </h5>
            </a>
        </div>

        <!-- Card body -->
        <div id="collapseOne" class="collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordionEx" >
            <div class="card-body">
    <p>
        Dit onderzoek bestaat uit {{ Constants.num_rounds }} rondes. U kunt in elke ronde aan een taak mee doen. 
    In deze taak kunt u punten verdienen die geld waard zijn. In elke ronde kunt u maximaal 32 punten verdienen, en elk punt is 5 eurocent waard.<br><br>
    Alle punten die u in de {{ Constants.num_rounds }} rondes van de taak verdient, zullen bij elkaar worden opgeteld. U kunt echter niet alleen punten verdienen in de rondes. Net als in het echte leven, 
    zult u elke ronde ook vaste lasten moeten betalen, namelijk {{ Constants.fixed_costs }} per ronde. Deze vaste lasten worden
    automatisch afgetrokken van het aantal punten dat u verdiend heeft in een ronde, ook als u in die ronde minder dan {{ Constants.fixed_costs }} heeft verdiend. Als u aan het einde van de 10 rondes een 
    positief saldo heeft (oftewel, 
    in totaal meer dan 0 punten overhoudt), dan zullen deze punten in echt geld aan u worden uitbetaald. Mocht u echter een saldo van 0 punten of minder hebben aan het einde van de {{Constants.num_rounds }} 
    rondes, dan ontvangt u alleen de vooraf beloofde vergoeding van 3 euro.
    </p>
            
    <p>
        In de taak ziet u 32 balkjes. Deze balkjes lopen van 0 (= helemaal links) tot 100 (= helemaal rechts).
    Aan het begin van elk van de balkjes staat steeds een groen bolletje. Het is de bedoeling dat u dat bolletje <b>EXACT</b> op het cijfer zet dat boven het balkje vermeld staat. 
    Dit kunt u doen door op het balkje te klikken met de muis. U kunt meerdere malen op hetzelfde balkje klikken om zo het bolletje precies op het goede cijfer te zetten.
    Voor elk bolletje dat u EXACT op het goede cijfer zet, krijgt u 1 punt.
    U heeft in totaal 60 seconden per ronde om zoveel mogelijk balkjes af te maken.
    </p>
            </div>
        </div>
    </div>
    <!-- Accordion card -->

</div>
<!--/.Accordion wrapper-->

<p>
    Vraag 1:
</p>
<p>
    {% formfield player.quiz_1 with label="Uit hoeveel rondes bestaat de taak?" %}
</p>
<p>
    Vraag 2:
</p>
<p>
    {% formfield player.quiz_2 with label="Hoeveel eurocent is elk punt waard?" %}
</p>
<p>
    Vraag 3:
</p>
<p>
    {% formfield player.quiz_3 with label="Hoeveel punten kunt u elke ronde maximaal verdienen?" %}
</p>
<p>
    Vraag 4:
</p>
<p>
    {% formfield player.quiz_4 with label="Hoe hoog zijn de vaste lasten die u elke ronde moet betalen?" %}
</p>
<p>
    Vraag 5:
</p>
<p>
    {% formfield player.quiz_5 with label="Hoeveel tijd heeft u per ronde om de taak af te maken?" %}
</p>

    {% next_button %}

{% endblock %}