{{ block title }}
    Abschlussfragebogen (Seite {{player.current_page}}/{{C.NUM_PAGES}})
{{ endblock }}

{{ block content }}


<form>

    <p>
        {{formfield 'ExpTeilnahme'}}
    </p>

    <p>
        2. Empfanden Sie die Instruktionen als gut verständlich?
    </p>
    <div>
        <input type="radio" name="InstructionsYes" id="InstructionsYes" class="InstructionsYes" size="20">
        <label for="InstructionsYes">Ja</label>

        <input type="radio" name="InstructionsYes" id="InstructionsNo" class="InstructionsNo">
        <label for="InstructionsNo">Nein</label>
        {{ formfield_errors 'InstructionsYes' }}
    </div>

    <fieldset class="InstructionsNoText">
        <label for="InstructionsNoText">Was war nicht verständlich? </label>
        <input type="text" name="InstructionsNoText" id="InstructionsNoText"/>
    </fieldset>

    <br>

    <p>3. Waren die Aufgabenstellungen verständlich?</p>

    <div>
        <input type="radio" name="TaskYes" id="TaskYes" class="TaskYes">
        <label for="TaskYes">Ja</label>

        <input type="radio" name="TaskYes" id="TaskNo" class="TaskNo">
        <label for="TaskNo">Nein</label>
        {{ formfield_errors 'TaskYes' }}
    </div>
    <fieldset class="TaskNoText">
        <label for="TaskNoText">Was war nicht verständlich?</label>
        <input type="text" name="TaskNoText" id="TaskNoText"/>
    </fieldset>

    <p>{{formfield 'analogy_training'}}</p>
    <p>{{formfield 'numsequence_training'}}</p>
    <p>{{formfield 'rating_experience'}}</p><br>

</form>
<br><br>

<div id="nextButtonDiv">
    <button class="btn btn-primary">Weiter</button>
</div>

<script>
    $(".InstructionsNoText").hide();
    $(".InstructionsYes").click(function() {
        if ($(this).is(":checked")) {
            $(".InstructionsNoText").hide();
        }
    });
    $(".InstructionsNo").click(function() {
        if ($(this).is(":checked")) {
            $(".InstructionsNoText").show();
        }
    });

    $(".TaskNoText").hide();
    $(".TaskYes").click(function() {
        if ($(this).is(":checked")) {
            $(".TaskNoText").hide();
        }
    });
    $(".TaskNo").click(function() {
        if ($(this).is(":checked")) {
            $(".TaskNoText").show();
        }
    });

</script>

{{ endblock }}