{{ block title }}
    Abschlussfragebogen (Seite 1/5)
{{ endblock }}

{{ block content }}
<p>
    Zunächst möchten wir Sie zu Ihren Erfahrungen mit diesem Experiment befragen.
</p>

<form>

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

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

    <fieldset class="answer1">
        <label for="answer1">Wenn nein, was war nicht verständlich? </label>
        <input type="text" name="answer1" id="answer1"/>
    </fieldset>

    <br>

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

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

        <input type="radio" name="q2Yes" id="q2No" class="q2No">
        <label for="q2No">Nein</label>
        {{ formfield_errors 'q2Yes' }}
    </div>
    <fieldset class="answer2">
        <label for="answer2">Wenn nein, was war nicht verständlich?</label>
        <input type="text" name="answer2" id="answer2"/>
    </fieldset>
    <br>
    {{ formfield_errors 'evaluation' }}
    <p> 3. Wovon haben Sie die Bewertung des Transaktionspartners abhängig gemacht?</p>

            <input type="text" name="evaluation" id="evaluation" class="evaluation">
    <br>
    <br>
    <p>4. Hat die eigene Bearbeitung der Aufgaben einen Einfluss auf Ihre Bewertungen genommen?</p>

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

        <input type="radio" name="q4Yes" id="q4No" class="q4No">
        <label for="q4No">Nein</label>
        {{ formfield_errors 'q4Yes' }}
    </div>
    <fieldset class="answer4">
        <label for="answer4">Wenn ja, welchen genau?</label>
        <input type="text" name="answer4" id="answer4"/>
    </fieldset>

</form>
<br>

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

<script>
    $(".answer1").hide();
    $(".q1Yes").click(function() {
        if ($(this).is(":checked")) {
            $(".answer1").hide();
        }
    });
    $(".q1No").click(function() {
        if ($(this).is(":checked")) {
            $(".answer1").show();
        }
    });

    $(".answer2").hide();
    $(".q2Yes").click(function() {
        if ($(this).is(":checked")) {
            $(".answer2").hide();
        }
    });
    $(".q2No").click(function() {
        if ($(this).is(":checked")) {
            $(".answer2").show();
        }
    });

    $(".answer4").hide();
    $(".q4No").click(function() {
        if ($(this).is(":checked")) {
            $(".answer4").hide();
        }
    });
    $(".q4Yes").click(function() {
        if ($(this).is(":checked")) {
            $(".answer4").show();
        }
    });


</script>

{{ endblock }}