{{ extends "si_experiment/Page.html" }}
{{ block title }}
    {{ if player.participant.tasks_order }}
        Aufgabe 2: Ihre Schätzung für einen Kreditausfall
        <script>
            $(document).ready(function() {
                // create slider
                var slider = document.getElementById('slider_estimator_credit');
                createSliderCredit(slider)


                // write slider results into form field for data export
                document.getElementById("next-button").addEventListener("click", function (){
                     document.getElementById("task2Estimate").value = parseInt(slider.noUiSlider.get(true))
                });
            })
        </script>
    {{ else }}
        Aufgabe 2: Ihre Preisschätzung einer Immobilie
        <script>
            $(document).ready(function() {
                // create slider
                var slider = document.getElementById('slider_estimator');
                createSliderRealEstate(slider)


                // write slider results into form field for data export
                document.getElementById("next-button").addEventListener("click", function (){
                     document.getElementById("task2Estimate").value = parseInt(slider.noUiSlider.get(true))
                });
            })
        </script>
    {{ endif }}

{{ endblock }}
{{ block content }}

{{ if player.participant.tasks_order }}
    {{ include "si_experiment/creditTask.html" }}
{{ else }}
    {{ include "si_experiment/immoTask.html" }}
{{ endif }}


<!--<input type="hidden" name="estimate" id="estimate" />-->
<!-- todo adjust likert table according to formfield -->
<br><br><br>
<p>
    Bitte geben Sie Ihre persönliche Einstellung zu folgender Aussage an.
</p>
<table class="likert">
    <col span="1" class="wide">
    <tr>
        <th></th>
        <th>Stimme <br> nicht zu</th>
        <th>Stimme eher <br> nicht zu</th>
        <th>Neutral</th>
        <th>Stimme eher <br> zu</th>
        <th>Stimme <br> zu</th>
    </tr>

    <tr>
        <th></th>
        {{for choice in form.conf2Estimate.choices}}
            <th>{{choice}}</th>
        {{endfor}}
    </tr>
    <tr>
        <td class="likert_label">{{ form.conf2Estimate.label }}</td>
        {{ for choice in form.conf2Estimate }}
            <td class="likert_choice">{{ choice }}</td>
        {{ endfor }}
    </tr>
</table>

<br><br>

<input type="hidden" name="task2Estimate" id="task2Estimate"/>

<button id="next-button" class="otree-btn-next btn btn-primary">
    Weiter
</button>

{{ endblock }}