{{ block title}}
<div style="display: flex; justify-content: space-between; align-items: center;">
    Runde {{player.round_number}}: Gemeinsamkeiten mit Ihrem Transaktionspartner

</div>
{{ endblock }}
{{ block content }}
<p>Sie haben auf Basis Ihrer Antworten aus dem Fragebogen von Teil 1 des Experiments mit allen potentiellen Transakionspartnern <b>im Durchschnitt {{ Social_score }} viele Gemeinsamkeiten</b>.
    <br><br>Mit Ihrem jetztigen Transaktionspartner haben Sie {{if above_average}}<b>überdurchschnittlich</b> {{else}}<b>unterdurchschnittlich</b> {{endif}} viele Gemeinsamkeiten.
    <br><br>Durch Klicken auf die dunkelblau gefärbten Begriffe können Sie die gemeinsamen Antworten einsehen. Hellblau gefärbte Begriffe bedeuten hingegen, dass bei den Antworten auf die Frage keine Überschneidungen vorliegen.
<br> <br>
    Sobald Sie sich alle Informationen angesehen haben, gehen Sie bitte auf Fertig.
</p> <br>

<style>
    .disabled-tab {
        pointer-events: none; /* Disables pointer events */
        opacity: 0.5; /* Applies opacity to indicate disabled state */
    }
</style>





  <ul class="nav nav-pills nav-fill">
        <li class="nav-item {% if not Matched.hobby %} disabled-tab text-muted{% endif %}">
            <a class="nav-link active" data-toggle="tab" href="#tab1">Interessen</a>
        </li>
        <li class="nav-item {% if not Matched.music %} disabled-tab text-muted{% endif %}">
            <a class="nav-link" data-toggle="tab" href="#tab2">Musik</a>
        </li>
        <li class="nav-item {% if not Matched.sport %} disabled-tab text-muted{% endif %}">
            <a class="nav-link" data-toggle="tab" href="#tab3">Sport</a>
        </li>
        <li class="nav-item {% if not Matched.Film %} disabled-tab text-muted{% endif %}">
            <a class="nav-link" data-toggle="tab" href="#tab4">Film</a>
        </li>
        <li class="nav-item {% if not Matched.Urlaub %} disabled-tab text-muted{% endif %}">
            <a class="nav-link " data-toggle="tab" href="#tab5">Urlaubsziele</a>
        </li>
        <li class="nav-item {% if not Matched.Eigenschaften %} disabled-tab text-muted{% endif %}">
            <a class="nav-link" data-toggle="tab" href="#tab6">Eigenschaften I</a>
        </li>
        <li class="nav-item {% if not Matched.Denken %} disabled-tab text-muted{% endif %}">
            <a class="nav-link" data-toggle="tab" href="#tab7">Eigenschaften II</a>
        </li>
        <li class="nav-item {% if not Matched.Wichtigsten %} disabled-tab text-muted{% endif %}">
            <a class="nav-link" data-toggle="tab" href="#tab8">Werte</a>
        </li>
        <li class="nav-item {% if not Matched.Religion %} disabled-tab text-muted{% endif %}">
            <a class="nav-link " data-toggle="tab" href="#tab9">Religion</a>
        </li>
        <li class="nav-item {% if not Matched.Diskussion %} disabled-tab text-muted{% endif %}">
            <a class="nav-link" data-toggle="tab" href="#tab10">Umwelt</a>
        </li>
        <li class="nav-item {% if not Matched.GuteMenschen %} disabled-tab text-muted{% endif %}">
            <a class="nav-link" data-toggle="tab" href="#tab11">Vertrauen</a>
        </li>
        <li class="nav-item {% if not Matched.Herangehensweise %} disabled-tab text-muted{% endif %}">
            <a class="nav-link" data-toggle="tab" href="#tab12">Organisation</a>
        </li>
        <li class="nav-item {% if not Matched.RechtHaben %} disabled-tab text-muted{% endif %}">
            <a class="nav-link " data-toggle="tab" href="#tab13">Situation I</a>
        </li>
        <li class="nav-item {% if not Matched.ImpulsVerhalten %} disabled-tab text-muted{% endif %}">
            <a class="nav-link" data-toggle="tab" href="#tab14">Situation II</a>
        </li>
        <li class="nav-item {% if not Matched.Kraenkung %} disabled-tab text-muted{% endif %}">
            <a class="nav-link" data-toggle="tab" href="#tab15">Situation III</a>
        </li>
        <li class="nav-item {% if not Matched.UeberVerhaeltnisse %} disabled-tab text-muted{% endif %}">
            <a class="nav-link" data-toggle="tab" href="#tab16">Situation IV</a>
        </li>
        <li class="nav-item {% if not Matched.ImpulsFreund %} disabled-tab text-muted{% endif %}">
            <a class="nav-link " data-toggle="tab" href="#tab17">Situation V</a>
        </li>
        <li class="nav-item {% if not Matched.Bananenschale %} disabled-tab text-muted{% endif %}">
            <a class="nav-link" data-toggle="tab" href="#tab18">Situation VI</a>
        </li>
        <li class="nav-item {% if not Matched.Nachbar %} disabled-tab text-muted{% endif %}">
            <a class="nav-link" data-toggle="tab" href="#tab19">Situation VII</a>
        </li>
        <li class="nav-item {% if not Matched.Geschlecht %} disabled-tab text-muted{% endif %}">
            <a class="nav-link" data-toggle="tab" href="#tab20">Geschlecht</a>
        </li>
        <li class="nav-item {% if not Matched.Geburtsjahr %} disabled-tab text-muted{% endif %}">
            <a class="nav-link " data-toggle="tab" href="#tab21">Geburtsjahr</a>
        </li>
        <li class="nav-item {% if not Matched.Studienfeld %} disabled-tab text-muted{% endif %}">
            <a class="nav-link" data-toggle="tab" href="#tab22">Studienfeld</a>
        </li>
        <li class="nav-item {% if not Matched.Studiengang %} disabled-tab text-muted{% endif %}">
            <a class="nav-link" data-toggle="tab" href="#tab23">Studiengang</a>
        </li>
        <li class="nav-item {% if not Matched.Land %} disabled-tab text-muted{% endif %}">
            <a class="nav-link" data-toggle="tab" href="#tab24">Herkunftsland</a>
        </li>
        <li class="nav-item {% if not Matched.Stadt %} disabled-tab text-muted{% endif %}">
            <a class="nav-link" data-toggle="tab" href="#tab25">Wohnort</a>
        </li>
    </ul>


    <div class="tab-content">
        <div class="tab-pane fade show active mx-auto my-xl-5" style="width: 800px" id="tab1">
            <ul>
                {% if Matched.hobby %}
                 <ul>
                     <b>Welche Interessen bzw. Hobbies haben Sie?</b>
                     {% for attribute_name, value in Matched.hobby.items %}
                         {% if attribute_name == 'Politik' %}
                            <li>Politik und Wirtschaft</li>
                         {% elif attribute_name == 'Kultur' %}
                            <li>Kultur und Kunst (Musik, Literatur, Sprachen, Film, Fotografie)</li>
                         {% elif attribute_name == 'Technik' %}
                            <li>Technik</li>
                         {% elif attribute_name == 'Sport' %}
                            <li>Sport</li>
                         {% elif attribute_name == 'Familie' %}
                            <li>Familie und Heim (Heimwerken, Handarbeit, Kochen, Gartenarbeit)</li>
                        {% elif attribute_name == 'Wellness' %}
                            <li>Wellness und Gesundheit</li>
                        {% elif attribute_name == 'Philosophie' %}
                            <li>Philosophie, Religion und Spiritualität</li>
                        {% elif attribute_name == 'Tiere' %}
                            <li>Tiere und Natur</li>

                        {% endif %}
                    {% endfor %}
                </ul>
                {% else %}
                <p>Keine Gemeinsamkeiten in dieser Kategorie.</p>
                {% endif %}
            </ul>
        </div>

        <div class="tab-pane fade mx-auto my-xl-5" style="width: 800px" id="tab2">
            <ul>
                {% if Matched.music %}
                    <ul>
                        <b>Welche Musik hören Sie am liebsten?</b>
                     {% for attribute_name, value in Matched.music.items %}
                         {% if attribute_name == 'Klassik' %}
                            <li>Klassik, Sinfonien"</li>
                         {% elif attribute_name == 'Deutsche' %}
                            <li>Deutsche Schlager, Volksmusik</li>
                         {% elif attribute_name == 'Pop' %}
                            <li>Pop</li>
                         {% elif attribute_name == 'Rap' %}
                            <li>HipHop, Rap, RnB</li>
                         {% elif attribute_name == 'Rock' %}
                            <li> Rock, Hard, Heavy</li>
                        {% elif attribute_name == 'Reggae' %}
                            <li>Reggae</li>
                        {% elif attribute_name == 'Jazz' %}
                            <li>Jazz, Blues, Spirituals, Gospel</li>
                        {% elif attribute_name == 'Electronic' %}
                            <li>Dance & Electronic</li>

                        {% endif %}
                    {% endfor %}
                </ul>
                {% else %}
                    <p>Keine Gemeinsamkeiten in dieser Kategorie.</p>
                {% endif %}
            </ul>
        </div>

        <div class="tab-pane fade mx-auto my-xl-5" style="width: 800px" id="tab3">
            <ul>
                {% if Matched.sport %}
                     <ul>
                         <b>Welche der genannten Sportarten treiben Sie aktiv?</b>
                     {% for attribute_name, value in Matched.sport.items %}
                         {% if attribute_name == 'Ballsport' %}
                            <li>Ballsport (Fuß-, Hand-, Basketball, Tennis, Hockey…)</li>
                         {% elif attribute_name == 'Wintersport' %}
                            <li>Wintersport (Skifahren, Snowboarden)</li>
                         {% elif attribute_name == 'Wassersport' %}
                            <li>Wassersport (Schwimmen, Tauchen, Bootsport)</li>
                         {% elif attribute_name == 'Kraftsport' %}
                            <li>Kraftsport (Gewichtheben, CrossFit, Zirkeltraining, …)</li>
                         {% elif attribute_name == 'Yoga' %}
                            <li>Yoga/ Pilates/ Qi Gong/ Gymnastik</li>
                         {% elif attribute_name == 'Reiten' %}
                            <li>Reiten</li>
                         {% elif attribute_name == 'Klettern' %}
                            <li>Klettern</li>
                         {% elif attribute_name == 'Leichtathletik' %}
                            <li>Leichtathletik</li>
                         {% elif attribute_name == 'Kampfsport' %}
                            <li>Kampfsport</li>
                         {% elif attribute_name == 'Motorsport' %}
                            <li>Rad-/ Motorsport (Rennrad, Mountain Biking)</li>
                         {% elif attribute_name == 'Tanzsport' %}
                            <li>Tanzsport</li>
                         {% elif attribute_name == 'NoSport' %}
                            <li>Kein Sport</li>

                        {% endif %}
                    {% endfor %}
                </ul>
                {% else %}
                    <p>Keine Gemeinsamkeiten in dieser Kategorie.</p>
                {% endif %}
            </ul>
        </div>
        <div class="tab-pane fade mx-auto my-xl-5" style="width: 800px" id="tab4">
            <ul>
                {% if Matched.Film %}
                    <ul>
                        <b>Welches Film-/Seriengenre(s) gefällt Ihnen am besten?</b>
                     {% for attribute_name, value in Matched.Film.items %}
                         {% if attribute_name == 'Krimi' %}
                            <li>Krimi"</li>
                         {% elif attribute_name == 'Horror' %}
                            <li>Thriller/Horror</li>
                         {% elif attribute_name == 'Liebesfilme' %}
                            <li>Liebesfilme</li>
                         {% elif attribute_name == 'Action' %}
                            <li>Action</li>
                         {% elif attribute_name == 'Komoedie' %}
                            <li> Komödie</li>
                        {% elif attribute_name == 'Fiction' %}
                            <li>Science-Fiction</li>
                        {% elif attribute_name == 'Dokus' %}
                            <li>Dokus</li>
                        {% elif attribute_name == 'Animation' %}
                            <li>Animation</li>

                        {% endif %}
                    {% endfor %}
                </ul>
                {% else %}
                    <p>Keine Gemeinsamkeiten in dieser Kategorie.</p>
                {% endif %}
            </ul>
        </div>
        <div class="tab-pane fade mx-auto my-xl-5" style="width: 800px" id="tab5">
            <ul>
                {% if Matched.Urlaub %}
                    <ul>
                        <b>Wo und wie machen Sie am liebsten Urlaub?</b>
                     {% for attribute_name, value in Matched.Urlaub.items %}
                         {% if attribute_name == 'Meer' %}
                            <li>Am Meer</li>
                         {% elif attribute_name == 'Bergen' %}
                            <li>In den Bergen </li>
                         {% elif attribute_name == 'Stadte' %}
                            <li>Städte, Kultur und Kunst</li>
                         {% elif attribute_name == 'Party' %}
                            <li>Party-Hotspots ziehen mich an</li>
                         {% elif attribute_name == 'Hauptsache' %}
                            <li> Hauptsache abenteuerlich</li>
                        {% elif attribute_name == 'AllInclusive' %}
                            <li>All-inclusive und einfach mal abschalten</li>
                        {% elif attribute_name == 'Fernweh' %}
                            <li>Umso weiter weg, umso besser</li>
                        {% elif attribute_name == 'Hause' %}
                            <li>Zu Hause</li>

                        {% endif %}
                    {% endfor %}
                </ul>
                {% else %}
                    <p>Keine Gemeinsamkeiten in dieser Kategorie.</p>
                {% endif %}
            </ul>
        </div>
        <div class="tab-pane fade mx-auto my-xl-5" style="width: 800px" id="tab6">
            <ul>
                {% if Matched.Eigenschaften %}
                    <ul>
                        <b>Welche der nachfolgend genannten Eigenschaften beschreiben Sie?</b>
                     {% for attribute_name, value in Matched.Eigenschaften.items %}
                         {% if attribute_name == 'Karrierebewusst' %}
                            <li>karrierebewusst und zielorientiert</li>

                         {% elif attribute_name == 'Kinderlieb' %}
                            <li>kinderlieb und familienbezogen</li>

                         {% elif attribute_name == 'Sportlich' %}
                            <li>sportlich und aktiv</li>

                         {% elif attribute_name == 'Ruhig' %}
                            <li>zurückhaltend und ruhig </li>

                         {% elif attribute_name == 'Sparsam' %}
                            <li> sparsam und genügsam</li>

                        {% elif attribute_name == 'Warmherzig' %}
                            <li>warmherzig und hilfsbereit</li>

                        {% elif attribute_name == 'Zuverlaessig' %}
                            <li>zuverlässig</li>

                        {% elif attribute_name == 'Humorvoll' %}
                            <li>humorvoll und heiter</li>

                        {% endif %}
                    {% endfor %}
                </ul>
                {% else %}
                    <p>Keine Gemeinsamkeiten in dieser Kategorie.</p>
                {% endif %}
            </ul>
        </div>
        <div class="tab-pane fade mx-auto my-xl-5" style="width: 800px" id="tab7">
            <ul>
                {% if Matched.Denken %}
                   <ul>
                       <b>Was, glauben Sie, könnten Menschen, die Sie gut kennen, am ehesten über Sie denken?</b>
                     {% for attribute_name, value in Matched.Denken.items %}
                         {% if attribute_name == 'SpassAufgelegt' %}
                            <li>Ist zu jedem Spaß aufgelegt.</li>

                         {% elif attribute_name == 'GuteLaune' %}
                            <li>Hat immer gute Laune und ist fröhlich.</li>

                         {% elif attribute_name == 'Reflektiert' %}
                            <li>Denkt viel und ernsthaft über das Leben nach.</li>

                         {% elif attribute_name == 'Traeumer' %}
                            <li>Ist etwas verträumt. </li>

                         {% elif attribute_name == 'Sachlich' %}
                            <li> Geht sachlich und überlegt an Schwierigkeiten heran.</li>

                        {% elif attribute_name == 'LoesungsOrientiert' %}
                            <li>Findet auch in unangenehmen Situationen eine für sich gute Lösung.</li>

                        {% elif attribute_name == 'Gelassen' %}
                            <li>Lässt sich durch nichts aus der Ruhe bringen.</li>

                        {% elif attribute_name == 'ImGeschehen' %}
                            <li>Nimmt an allem lebhaft teil.</li>

                        {% endif %}
                    {% endfor %}
                </ul>
                {% else %}
                    <p>Keine Gemeinsamkeiten in dieser Kategorie.</p>
                {% endif %}
            </ul>
        </div>
        <div class="tab-pane fade mx-auto my-xl-5" style="width: 800px" id="tab8">
            <ul>
                {% if Matched.Wichtigsten %}
                  <ul>
                      <b>Welche der folgenden Werte sind für Sie im Leben die wichtigsten?</b>
                     {% for attribute_name, value in Matched.Wichtigsten.items %}
                         {% if attribute_name == 'Freundschaft' %}
                            <li>Freundschaft</li>

                         {% elif attribute_name == 'Liebe' %}
                            <li>Glück in der Liebe</li>

                         {% elif attribute_name == 'Ruhe' %}
                            <li>Glück in der Liebe.</li>

                         {% elif attribute_name == 'Erfolg' %}
                            <li>Beruflicher Erfolg </li>

                         {% elif attribute_name == 'Menschen' %}
                            <li> Von den Menschen in meiner Umgebung geachtet und respektiert zu sein</li>

                        {% elif attribute_name == 'Soziale' %}
                            <li>Soziale Sicherheit</li>

                        {% elif attribute_name == 'Selbstverwirklichung' %}
                            <li>Selbstverwirklichung</li>

                        {% elif attribute_name == 'Partner' %}
                            <li>Ein familiäres Zuhause mit einem Partner</li>

                        {% endif %}
                    {% endfor %}
                  </ul>
                {% else %}
                    <p>Keine Gemeinsamkeiten in dieser Kategorie.</p>
                {% endif %}
            </ul>
        </div>
        <div class="tab-pane fade mx-auto my-xl-5" style="width: 800px" id="tab9">
            <ul>
                {% if Matched.Religion %}
                    <ul>
                        <b>Religionszugehörigkeit</b>
                         {% for attribute_name, value in Matched.Religion.items %}
                             {% if attribute_name == 'Religion' %}
                                {% if value == 1 %}
                                    <li>Katholisch</li>
                                {% elif value == 2 %}
                                    <li>Evangelisch</li>
                                {% elif value == 3 %}
                                    <li>Muslimisch</li>
                                {% elif value == 4 %}
                                    <li>Jüdisch</li>
                                {% elif value == 5 %}
                                    <li>Buddhistisch</li>
                                {% elif value == 6 %}
                                    <li>Hinduistisch</li>
                                {% elif value == 7 %}
                                    <li>Andere Religionsgemeinschaft</li>
                                {% elif value == 8 %}
                                    <li>Konfessionslos</li>
                                {% endif %}

                            {% endif %}
                        {% endfor %}
                    </ul>
                {% else %}
                    <p>Keine Gemeinsamkeiten in dieser Kategorie.</p>
                {% endif %}
            </ul>
        </div>
        <div class="tab-pane fade mx-auto my-xl-5" style="width: 800px" id="tab10">
            <ul>


                {% if Matched.Diskussion %}
                    <ul>
                        <b>Es wird viel diskutiert über Klimawandel, Umweltschutz, Energiequellen usw. Welche Aussage steht Ihrer Meinung am nächsten?</b>
                         {% for attribute_name, value in Matched.Diskussion.items %}

                             {% if attribute_name == 'Diskussion' %}
                                {% if value == 1 %}
                                    <li>Angesichts unserer fortgeschrittenen Technologie sollte uns doch was Vernünftiges einfallen.</li>
                                {% elif value == 2 %}
                                    <li>Wir sollten einfach akzeptieren, dass wir mit der Natur pfleglicher umgehen müssen.</li>
                                {% elif value == 3 %}
                                    <li>Am liebsten würde ich gar nicht daran denken, was da noch alles auf uns zukommt.</li>
                                {% elif value == 4 %}
                                    <li>Ich sehe das Problem nicht.</li>

                                {% endif %}

                            {% endif %}
                        {% endfor %}
                    </ul>
                {% else %}
                    <p>Keine Gemeinsamkeiten in dieser Kategorie.</p>
                {% endif %}
            </ul>
        </div>
        <div class="tab-pane fade mx-auto my-xl-5" style="width: 800px" id="tab11">
            <ul>
                {% if Matched.GuteMenschen %}
                    <ul>
                        <b>Glauben Sie an das Gute im Menschen?</b>
                         {% for attribute_name, value in Matched.GuteMenschen.items %}
                             {% if attribute_name == 'GuteMenschen' %}
                                {% if value == 1 %}
                                    <li>Ja, immer.</li>
                                {% elif value == 2 %}
                                    <li>Ich versuche es, aber es fällt mir manchmal schwer.</li>
                                {% elif value == 3 %}
                                    <li>Kommt darauf an, in welchem Zusammenhang.</li>
                                {% elif value == 4 %}
                                    <li>Nein</li>

                                {% endif %}

                            {% endif %}
                        {% endfor %}
                    </ul>
                {% else %}
                    <p>Keine Gemeinsamkeiten in dieser Kategorie.</p>
                {% endif %}
            </ul>
        </div>
        <div class="tab-pane fade mx-auto my-xl-5" style="width: 800px" id="tab12">
            <ul>
                {% if Matched.Herangehensweise %}
                    <ul>
                        <b>Wie gehen Sie vor, wenn Sie sich privat etwas vorgenommen haben?</b>
                         {% for attribute_name, value in Matched.Herangehensweise.items %}
                             {% if attribute_name == 'Herangehensweise' %}
                                {% if value == 1 %}
                                    <li>Ich gehe ziemlich systematisch vor</li>
                                {% elif value == 2 %}
                                    <li>Ich denke, das wird sich schon irgendwie ergeben.</li>
                                {% elif value == 3 %}
                                    <li>Ich warte, bis ich dafür in der richtigen Stimmung bin.</li>

                                {% endif %}

                            {% endif %}
                        {% endfor %}
                    </ul>
                {% else %}
                    <p>Keine Gemeinsamkeiten in dieser Kategorie.</p>
                {% endif %}
            </ul>
        </div>
        <div class="tab-pane fade mx-auto my-xl-5" style="width: 800px" id="tab13">
            <ul>
                {% if Matched.RechtHaben %}
                    <ul>
                        <b>Wenn Ihnen jemand widerspricht, obwohl Sie genau wissen, dass Sie Recht haben, wie reagieren Sie dann üblicherweise?</b>
                         {% for attribute_name, value in Matched.RechtHaben.items %}
                             {% if attribute_name == 'RechtHaben' %}
                                {% if value == 1 %}
                                    <li>Ich ärgere mich über die Rechthaberei des anderen, belasse es aber dabei.</li>
                                {% elif value == 2 %}
                                    <li>Es ist mir gar nicht so wichtig, Recht zu bekommen.</li>
                                {% elif value == 3 %}
                                    <li>Ich versuche, den anderen zu überzeugen.</li>
                                {% elif value == 4 %}
                                    <li>Ich werde klarstellen, wer Recht hat.</li>

                                {% endif %}

                            {% endif %}
                        {% endfor %}
                    </ul>
                {% else %}
                    <p>Keine Gemeinsamkeiten in dieser Kategorie.</p>
                {% endif %}
            </ul>
        </div>
        <div class="tab-pane fade mx-auto my-xl-5" style="width: 800px" id="tab14">
            <ul>
                {% if Matched.ImpulsVerhalten %}
                    <ul>
                        <b>Was ist Ihr erster Impuls, wenn Sie sich über das Verhalten eines Menschen, der Ihnen nahesteht, sehr ärgern?</b>
                        {% for attribute_name, value in Matched.ImpulsVerhalten.items %}
                             {% if attribute_name == 'ImpulsVerhalten' %}
                                {% if value == 1 %}
                                    <li>Ich sage deutlich, dass ich verärgert bin.</li>
                                {% elif value == 2 %}
                                    <li>Ich bleibe ruhig und versuche, die Situation zu klären.</li>
                                {% elif value == 3 %}
                                    <li>Ich denke mir: Das kommt ja nicht so oft vor.</li>
                                {% elif value == 4 %}
                                    <li>Ich schlucke den Ärger runter und beiße die Zähne zusammen.</li>

                                {% endif %}

                            {% endif %}
                        {% endfor %}
                    </ul>
                {% else %}
                    <p>Keine Gemeinsamkeiten in dieser Kategorie.</p>
                {% endif %}
            </ul>
        </div>
        <div class="tab-pane fade mx-auto my-xl-5" style="width: 800px" id="tab15">
            <ul>
                {% if Matched.Kraenkung %}
                    <ul>
                        <b>Manchmal geschieht es, dass man von einem Menschen gekränkt wird. Wie reagieren Sie dann darauf? </b>
                        {% for attribute_name, value in Matched.Kraenkung.items %}
                             {% if attribute_name == 'Kraenkung' %}
                                {% if value == 1 %}
                                    <li>Ich denke, vielleicht war es gar nicht so gemeint.</li>
                                {% elif value == 2 %}
                                    <li>Ich bin mir sicher, dass ich schon einen Weg finden werde damit umzugehen.</li>
                                {% elif value == 3 %}
                                    <li>Da habe ich schon eine Weile dran zu nagen.</li>
                                {% elif value == 4 %}
                                    <li>Am liebsten würde ich so etwas sofort heimzahlen.</li>

                                {% endif %}

                            {% endif %}
                        {% endfor %}
                    </ul>
                {% else %}
                    <p>Keine Gemeinsamkeiten in dieser Kategorie.</p>
                {% endif %}
            </ul>
        </div>
        <div class="tab-pane fade mx-auto my-xl-5" style="width: 800px" id="tab16">
            <ul>
                {% if Matched.UeberVerhaeltnisse %}
                    <ul>
                        <b>Stellen Sie sich vor: Sie und ein Freund/eine Freundin haben sich über eine andere Person sehr geärgert. Da macht Ihr Freund/Ihre Freundin den Vorschlag, der anderen Person eins auszuwischen. Was könnte Ihre erste Reaktion sein? </b>
                        {% for attribute_name, value in Matched.UeberVerhaeltnisse.items %}
                             {% if attribute_name == 'UeberVerhaeltnisse' %}
                                {% if value == 1 %}
                                    <li>Man sollte nicht über seine Verhältnisse leben. Wann wirst du endlich erwachsen?</li>
                                {% elif value == 2 %}
                                    <li>Der ist so schön, da hätte ich Angst, den öffentlich zu parken und direkt eine Beule oder einen Kratzer zu bekommen.</li>
                                {% elif value == 3 %}
                                    <li>Denk doch mal nach, sobald du einen Meter damit gefahren bist, ist der Wagen nur noch die Hälfte wert.</li>
                                {% elif value == 4 %}
                                    <li>Oh, toll! Lass uns eine Spritztour machen!</li>

                                {% endif %}

                            {% endif %}
                        {% endfor %}
                    </ul>
                {% else %}
                    <p>Keine Gemeinsamkeiten in dieser Kategorie.</p>
                {% endif %}
            </ul>
        </div>
        <div class="tab-pane fade mx-auto my-xl-5" style="width: 800px" id="tab17">
            <ul>
                {% if Matched.ImpulsFreund %}
                    <ul>
                        <b>Stellen Sie sich vor: Sie und ein Freund/eine Freundin haben sich über eine andere Person sehr geärgert. Da macht Ihr Freund/Ihre Freundin den Vorschlag, der anderen Person eins auszuwischen. Was könnte Ihre erste Reaktion sein? </b>
                        {% for attribute_name, value in Matched.ImpulsFreund.items %}
                             {% if attribute_name == 'ImpulsFreund' %}
                                {% if value == 1 %}
                                    <li>Ich weiß nicht. Das würde ich mir zweimal überlegen. Wer anderen eine Grube gräbt, fällt selbst hinein.</li>
                                {% elif value == 2 %}
                                    <li>Vergiss es, in einem Jahr lachen wir darüber.</li>
                                {% elif value == 3 %}
                                    <li>Das ist gemein, da mache ich nicht mit.</li>
                                {% elif value == 4 %}
                                    <li>Ich denke, das könnte ganz lustig sein.</li>

                                {% endif %}

                            {% endif %}
                        {% endfor %}
                    </ul>
                {% else %}
                    <p>Keine Gemeinsamkeiten in dieser Kategorie.</p>
                {% endif %}
            </ul>
        </div>
        <div class="tab-pane fade mx-auto my-xl-5" style="width: 800px" id="tab18">
            <ul>
                {% if Matched.Bananenschale %}
                    <ul>
                        <b>Stellen Sie sich vor: Sie rutschen auf dem Bürgersteig auf einer Bananenschale aus. Sie haben sich nicht verletzt, aber die Leute drehen sich um und bleiben stehen. Man will Ihnen helfen. Was könnte Ihre erste Reaktion sein?</b>
                        {% for attribute_name, value in Matched.Bananenschale.items %}
                             {% if attribute_name == 'Bananenschale' %}
                                {% if value == 1 %}
                                    <li>Ich ärgere mich darüber, dass es Menschen gibt, die ohne darüber nachzudenken, eine Bananenschale auf den Bürgersteig werfen.</li>
                                {% elif value == 2 %}
                                    <li>Ich stehe auf und trage die Bananenschale zum nächsten Abfallkorb, damit anderen nicht dasselbe passiert.</li>
                                {% elif value == 3 %}
                                    <li>Während ich noch sitze, schaue ich mir von unten die Leute an und sage: „Was für eine Show, damit könnte ich auftreten, oder?</li>
                                {% elif value == 4 %}
                                    <li>Ich stehe auf, sage "Nichts passiert!" und gehe weiter.</li>

                                {% endif %}

                            {% endif %}
                        {% endfor %}
                    </ul>
                {% else %}
                    <p>Keine Gemeinsamkeiten in dieser Kategorie.</p>
                {% endif %}
            </ul>
        </div>
        <div class="tab-pane fade mx-auto my-xl-5" style="width: 800px" id="tab19">
            <ul>
                {% if Matched.Nachbar %}
                    <ul>
                        <b>Stellen Sie sich vor: Sie wohnen in einem größeren Wohnhaus. Um halb drei morgens läutet es bei Ihnen. An der Gegensprechanlage meldet sich jemand und fragt, ob im Haus ein Herr Müller wohne. Das trifft tatsächlich zu - und natürlich hat Ihr Nachbar auch eine eigene Klingel. Was könnten Sie sagen?  </b>
                        {% for attribute_name, value in Matched.Nachbar.items %}
                             {% if attribute_name == 'Nachbar' %}
                                {% if value == 1 %}
                                    <li>Dafür haben Sie mich aus dem tiefsten Schlaf gerissen!“ Und ich beende das Gespräch.</li>
                                {% elif value == 2 %}
                                    <li>Ich denke, es könnte ja was passiert sein. Wenn dann nach Müller gefragt wird, schimpfe ich in den Apparat: „Sind Sie wahnsinnig! Was fällt Ihnen ein, mitten in der Nacht fremde Leute zu stören?</li>
                                {% elif value == 3 %}
                                    <li>Wenn Sie den Müller mögen, dann lassen Sie ihn schlafen.</li>
                                {% elif value == 4 %}
                                    <li>Ich denke, es könnte ja was passiert sein. Wenn dann nach Müller gefragt wird, lasse ich mir erklären, was er/sie nachts von Herrn Müller will.</li>

                                {% endif %}

                            {% endif %}
                        {% endfor %}
                    </ul>
                {% else %}
                    <p>Keine Gemeinsamkeiten in dieser Kategorie.</p>
                {% endif %}
            </ul>
        </div>
        <div class="tab-pane fade mx-auto my-xl-5" style="width: 800px" id="tab20">
            <ul>
                {% if Matched.Geschlecht %}
                    <ul>
                        <b>Geschlecht</b>
                        {% for attribute_name, value in Matched.Geschlecht.items %}
                             {% if attribute_name == 'Geschlecht' %}
                                {% if value == 1 %}
                                    <li>Weiblich</li>
                                {% elif value == 2 %}
                                    <li>Männlich</li>
                                {% elif value == 3 %}
                                    <li>Divers</li>
                                {% endif %}

                            {% endif %}
                        {% endfor %}
                    </ul>
                {% else %}
                    <p>Keine Gemeinsamkeiten in dieser Kategorie.</p>
                {% endif %}
            </ul>
        </div>
        <div class="tab-pane fade mx-auto my-xl-5" style="width: 800px" id="tab21">
            <ul>
                {% if Matched.Geburtsjahr %}
                    <ul>
                        <b>Geburtsjahr</b>
                        {% for attribute_name, value in Matched.Geburtsjahr.items %}
                            <li>{{ value }}</li>
                        {% endfor %}
                    </ul>
                {% else %}
                    <p>Keine Gemeinsamkeiten in dieser Kategorie.</p>
                        <script>
                            document.getElementById('tab21').classList.add('disabled');
                        </script>
                {% endif %}
            </ul>
        </div>
        <div class="tab-pane fade mx-auto my-xl-5" style="width: 800px" id="tab22">
            <ul>
                {% if Matched.Studienfeld %}
                    <ul>
                        <b>Studienfeld</b>
                        {% for attribute_name, value in Matched.Studienfeld.items %}
                            <li>{{ value }}</li>
                        {% endfor %}
                    </ul>
                {% else %}
                    <p>Keine Gemeinsamkeiten in dieser Kategorie.</p>
                {% endif %}
            </ul>
        </div>
        <div class="tab-pane fade mx-auto my-xl-5" style="width: 800px" id="tab23">
            <ul>
                {% if Matched.Studiengang %}
                    <ul>
                        <b>Studiengang</b>
                        {% for attribute_name, value in Matched.Studiengang.items %}
                            <li>{{ value }}</li>
                        {% endfor %}
                    </ul>
                {% else %}
                    <p>Keine Gemeinsamkeiten in dieser Kategorie.</p>
                {% endif %}
            </ul>
        </div>
        <div class="tab-pane fade mx-auto my-xl-5" style="width: 800px" id="tab24">
            <ul>
                {% if Matched.Land %}
                    <ul>
                        <b>Herkunfsland</b>
                        {% for attribute_name, value in Matched.Land.items %}
                            <li>{{ value }}</li>
                        {% endfor %}
                    </ul>
                {% else %}
                    <p>Keine Gemeinsamkeiten in dieser Kategorie.</p>
                {% endif %}
            </ul>
        </div>
        <div class="tab-pane fade mx-auto my-xl-5" style="width: 800px" id="tab25">
            <ul>
                {% if Matched.Stadt %}
                    <ul>
                        <b>Aktueller Wohnort</b>
                        {% for attribute_name, value in Matched.Stadt.items %}
                            <li>{{ value }}</li>
                        {% endfor %}
                    </ul>
                {% else %}
                    <p>Keine Gemeinsamkeiten in dieser Kategorie.</p>
                {% endif %}
            </ul>
        </div>

    </div>

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


<script>
    // Check if there are no matching values in any of the tabs
    {{if not Matched.Geburtsjahr}}
        // Disable the tab
        document.getElementById("tab22").classList.add("disabled");

    {{ endif }}
</script>
  <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.min.js"></script>

{{ endblock }}