{% block head %}
    <script>
<!-- For Dynamic button -->

$('#next').click(function() {
  var $current = $('.question.active');
  if ($($current).next(".question").length > 0) {
    $('.question').removeClass('active');
    $current.next().addClass('active');
    buttonCheck();
  }
});
$('#back').click(function() {
  var $current = $('.question.active');
  if ($($current).prev(".question").length > 0) {
    $('.question').removeClass('active');
    $current.prev().addClass('active');
    buttonCheck();
  }
});
buttonCheck();

function buttonCheck() {
  var $current = $('.question.active');
  if ($($current).next(".question").length == 0) {
    $('#next').hide();
    $('#back').show();
    $('#finish').show();


  }
  else if ($($current).prev(".question").length == 0) {

    $('#back').hide();
    $('#next').show();
    $('#finish').hide();

  } else {
    $('#next').show();
    $('#back').show();
    $('#finish').hide();

  }
}
<!-- End of Dynamic Button Code -->



</script>
    <style>
.question:not(.active) {
  display: none;

}

</style>

{% endblock %}
{{ block title }}
    Instruktionen

{{ endblock }}

{{ block content }}
{{   block script }}



{{ endblock }}


<div id="questions" style="text-align: justify">
  <div class="question active">

   <h3> Allgemeine Hinweise</h3>
      <ul>
    <li>
        Die heutige Sitzung ist der erste Termin des Experiments.

    </li>
    <li>
Die Sitzung besteht aus einem Fragebogen sowie dem Bearbeiten von Aufgaben über 8 Runden und endet mit 11 weiteren allgmeinen Fragen.
        </li>
<li>
Ihre Antworten in dem Fragebogen haben keine Auswirkungen auf die Auszahlung des ersten Termins.
</li>
    <li>Ihre Auszahlung im ersten Termin ist nicht von den Antworten und Ergebnissen der anderen Teilnehmer abhängig.
</li>
    <li>
Sowohl die Angaben im Fragebogen als auch die heute erreichten Punkte können einen Einfluss auf die Auszahlungen des zweiten Termins haben.
    </li>
    <li>
        Ihre Ergebnisse bleiben anonym. Weder können andere Teilnehmer noch die Experimentatoren anhand dieser Rückschlüsse auf Ihre Person ziehen.
    </li>
    <li>
        Im Anschluss an die Instruktionen wird für Sie im Programm eine dreistellige zufällige Nummer generiert, die Ihre Anonymität über die beiden Experimenttermine gewährleistet und nur Ihnen angezeigt wird.

    </li>
    </ul>
              <h3>Informationen zum Ablauf</h3>

    <ul>
        <h4>TEIL I: FRAGEBOGEN</h4>

        <li>
            In Teil I des heutigen Experiments werden Sie gebeten, einen Fragebogen auszufüllen. Dieser umfasst 24 Fragen, die sich bspw. auf Ihre Hobbies, Charaktereigenschaften oder Lebensmotive beziehen.
        </li>
        <li>
            Wählen Sie bei jeder Frage die Antwort(en) aus, die am besten auf Sie zutrifft bzw. zutreffen. Einige Fragen lassen eine Mehrfachauswahl zu. Die Ausfüllanweisung befindet sich jeweils hinter der Frage.
        </li>
        <li>
            Für die Bearbeitung des Fragebogens haben Sie 15 Minuten Zeit.
        </li>

    </ul><br>
      <p style="text-align: center">Seite 1</p>
  </div>

  <div class="question">
      <h4>TEIL II: AUFGABENBEARBEITUNG</h4>
      <ul>
          <li>
              Teil II startet, sobald jeder Teilnehmer den Fragebogen beantwortet hat.
          </li>
          <li>
              Dieser Teil besteht aus 8 Runden, in denen jeweils zwei verschiedene Aufgabentypen, „Aufgabe A“ und „Aufgabe B“, abwechselnd zu bearbeiten sind. Für die erfolgreiche Bearbeitung einer Aufgabe erhalten Sie Punkte. Jeder Punkt wird in Geld umgerechnet. Je nachdem wie gut Sie die Aufgaben bearbeiten, erhalten Sie entsprechend mehr Punkte und damit auch mehr Geld.
          </li>
          <li>
              Die beiden Aufgabentypen werden nachfolgend erläutert.
          </li>
          <br>
          <li>
              <b>Aufgabe A</b> besteht darin, alle 7er in einem Zahlenblock zu zählen.
              <ul>
                <li>
          Ein Beispiel sehen Sie hier abgebildet, wobei die Gesamtanzahl der 7er in dem Beispiel 24 ist.
                </li>
                  <img src="{% static 'First_game/number7.jpg' %}" style="width: 600px"/>


                <li>
                    Sie erhalten bis zu maximal 4 Punkte pro Aufgabe A:
                    <ul>
                        <li>
                            Entspricht die von Ihnen eingegebene Gesamtzahl der exakten Anzahl an 7ern, erhalten Sie die maximale Zahl von 4 Punkten.
                        </li>
                        <li>
                            Weicht die von Ihnen eingegebene Gesamtzahl von der exakten Anzahl bis zu drei 7er nach oben oder nach unten ab, ergibt sich die folgende Bepunktung:
                        </li>
                            <br>
                            <img src="{% static 'First_game/tablepointsA.JPG' %}" style="width: 300px"/>
                    </ul>
                </li>

              </ul>
          </li>

      </ul>
      <p style="text-align: center">Seite 2</p>
  </div>
  <div class="question">
      <ul>
          <li>
              <b>Aufgabe B</b> besteht darin, Logikaufgaben zu lösen, die sich aus Analogien und Zahlenreihen zusammensetzen.
              <ul>
                  <li>
                      <b>Analogien:</b> Ihnen werden jeweils drei Begriffe vorgegeben, ein vierter Begriff fehlt (Fragezeichen). Sie sollen nun den fehlenden Begriff so auswählen, dass zwischen den beiden Begriffen im zweiten Wortpaar dieselbe Beziehung besteht wie zwischen den beiden Begriffen im ersten Wortpaar. Zwei Beispiele für Analogien sehen Sie nachfolgend abgebildet, wobei die korrekten Antworten jeweils markiert sind.
                  </li>
                  <img src="{% static 'First_game/A.jpg' %}" style="width: 600px"/>
                  <br>
                  <br>

                  <li>
                      <b>Zahlenreihen: </b>Sie sehen jeweils einige Zahlen, die eine Zahlenreihe bilden. Dabei sind die Zahlen durch eine bestimmte Regel miteinander verknüpft. Anhand dieser Regel lässt sich jede Reihe logisch fortsetzen. Setzen Sie am Ende jeder Zahlenreihe die Zahl ein, die gemäß der Regel diese Zahlenreihe logisch fortsetzt. Zwei Beispiele sehen Sie hier abgebildet.
                  </li>
                  <img src="{% static 'First_game/numberseq.JPG' %}" style="width: 600px"/>
                  <br> <br>
                  <li>
                      Für die erfolgreiche Lösung einer Analogie erhalten Sie 2 Punkte. Ebenso für die erfolgreiche Fortführung einer Zahlenreihe.
                  </li>
                  <li>
                      Falls die eingegebene Lösung nicht korrekt sein sollte, erhalten Sie für eine Aufgabe 0 Punkte.
                  </li>

              </ul>
          </li>
          <br>
      </ul>
      <p style="text-align: center">Seite 3</p>
  </div>
 <div class="question">
     <h3>Anzahl Aufgaben pro Runde</h3>
     <ul>
          <li>
              In Abhängigkeit der Geschwindigkeit der Bearbeitung stehen Ihnen in jeder Runde bis zu vier Aufgaben vom Typ A sowie bis zu vier Aufgaben vom Typ B (zwei Analogien und zwei Zahlenreihen) zur Verfügung.
          </li>
          <li>
              In jeder Runde können Sie damit <b>maximal 24 Punkte</b> erreichen:
              <ul>
                  <li>
                      Maximal 16 Punkte (4x4 Punkte) durch Bearbeitung der Aufgaben A.
                  </li>
                  <li>
                      Maximal 8 Punkte (4x2 Punkte) durch Bearbeitung der Aufgaben B.
                  </li>
              </ul>
          </li>
          <li>
              Für die Bearbeitung der beiden Aufgaben stehen Ihnen in jeder Runde <b>insgesamt 160 Sekunden </b> zur Verfügung.
          </li>
          <li>
              Sobald Sie eine Runde beendet haben, beginnt nach einer kurzen Pause die nächste Runde.
          </li>

     </ul>

     <h3>Auszahlungen</h3>
      <ul>
          <li>
               Am Ende des Experiments wird die Summe der erreichten Punkte über die 8 Runden zu einem Wechselkurs von <b>7 Cent pro Punkt umgetauscht</b>.
               Die heute von Ihnen verdienten Beträge werden zusammen mit einer Show-up Fee von diesmal 4,50 Euro im Anschluss an den zweiten Termin an Sie per Banküberweisung ausbezahlt.

          </li>
      </ul>

      <h3>Bitte beachten Sie</h3>
      <ul>
          <li>
               Während des Experiments ist keine Kommunikation gestattet.
          </li>
          <li>
               Bei Fragen oder technischen Problemen können Sie sich über die private Chatfunktion oder unter der Nummer 05251-602093 jederzeit an den Experimentator wenden.
          </li>
          <li>
              Das Experiment ist beendet, wenn Sie vom Experimentator darauf hingewiesen werden. Bitte schließen Sie erst dann die entsprechenden Fenster (Experiment und BigBlueButton).
          </li>
      </ul>
        <br>
        <h3 style="text-align:center">Viel Erfolg und vielen Dank für Ihre Teilnahme</h3>
        <br>
        <p style="text-align: center">Seite 4</p>
 </div>
{#  <div class="question">Some question 4</div>#}
{#  <div class="question">Some question 5</div>#}
{#  <div class="question">Some question 6</div>#}
{#  <div class="question">Some question 7</div>#}
{#  <div class="question">Some question 8</div>#}
</div>
    <div class="d-flex justify-content-between">
<button type="button" id="back" class="btn btn-primary" >Vorherige Seite</button>
<button type="button" id="next" class="btn btn-primary">Nächste Seite</button>
<!--<button id="finish" class="btn btn-primary"> Finish</button>!-->
    </div>
{{ endblock }}