{% extends "global/LanguageVersion_Global.html" %}
{% load otree static %}


{% block title %}
Student Survey December 2023
{% endblock %}

{% block content %}
<br>
<h2 class="german"> Willensbildungsprozess Uni</h2><h2 class="english">Decision-making processes at Uni</h2>
<input id="time" type="hidden" name="time_interest_uni"/>
<hr>
<div class="mb-3 border pt-2 pb-2 px-2 ">
        <p class="german">Wie stark interessieren Sie sich für die Willensbildungsprozesse an Ihrer Universität? (z.B. studentische Vertretungen im Fachbereichsrat, Senat, Prüfungsausschuss etc.)</p>
        <p class="english">How interested are you in the decision-making processes at your university? ( e.g. student representatives in the departmental council, senate, examination board, etc.)</p>
        <div class="german"><input type="radio" name="interest_uni" value="1"> Sehr stark</div>
        <div class="english"><input type="radio" name="interest_uni" value="1"> Very strongly</div>
        <div class="german"><input type="radio" name="interest_uni" value="2"> Ziemlich stark</div>
        <div class="english"><input type="radio" name="interest_uni" value="2"> Strongly</div>
        <div class="german"><input type="radio" name="interest_uni" value="3"> Mittelmäßig</div>
        <div class="english"><input type="radio" name="interest_uni" value="3"> Moderate</div>
        <div class="german"><input type="radio" name="interest_uni" value="4"> Weniger stark</div>
        <div class="english"><input type="radio" name="interest_uni" value="4"> Less strongly</div>    
        <div class="german"><input type="radio" name="interest_uni" value="5"> Überhaupt nicht</div>
        <div class="english"><input type="radio" name="interest_uni" value="5"> Not at all</div>
</div>

<br>
<h2 class="german"> Fachschaft</h2><h2 class="english">Student council </h2>
<hr>
<div class="mb-3 border pt-2 pb-2 px-2 ">
    <p class="german">Beabsichtigen Sie sich in der Fachschaft zu engagieren?</p>
    <p class="english">Do you intend to become involved in the student council?</p>
    <div class="german"><input type="radio" name="student_council_commitment" value="1"> Ich bin bereits engagiert</div>
    <div class="english"><input type="radio" name="student_council_commitment" value="1"> I am already engaged</div>
    <div class="german"><input type="radio" name="student_council_commitment" value="2"> Ich beabsichtige mich zu engagieren</div>
    <div class="english"><input type="radio" name="student_council_commitment" value="2"> I intend to engage</div>
    <div class="german"><input type="radio" name="student_council_commitment" value="3"> Nein</div>
    <div class="english"><input type="radio" name="student_council_commitment" value="3"> No</div>
    <div class="german"><input type="radio" name="student_council_commitment" value="-888"> Weiß nicht</div>
    <div class="english"><input type="radio" name="student_council_commitment" value="-888"> Don't know</div>
</div>

<br>
<h2 class="german"> Gremien</h2><h2 class="english"> Committees</h2>
<hr>
<div class="mb-3 border pt-2 pb-2 px-2 ">
    <p class="german">Beabsichtigen Sie sich in einem Gremium oder anderen Organen der Universität wie z.B. Prüfungsausschuss, Fachbereichsrat, zu engagieren?</p>
    <p class="english">Do you intend to engage in a committee or other executive body of the university such as an examination board or departmental council?</p>
    <div class="german"><input type="radio" name="committee_commitment" value="1"> Ja</div>
    <div class="english"><input type="radio" name="committee_commitment" value="1"> Yes </div>
    <div class="german"><input type="radio" name="committee_commitment" value="2"> Nein</div>
    <div class="english"><input type="radio" name="committee_commitment" value="2"> No </div>
    <p class="german">Falls ja, in welchem Gremium oder Organ.</p>
    <p class="english">If yes, on which board or body.</p>
    {% formfield player.committee_commitment_string%}
</div>

<br>

{% block scripts %}
<script>
    //Get variables needed for our popout
    var ans1 = document.getElementById('ans1');
    var divans1 = document.getElementById('divans1');
    var ans2 = document.getElementById('ans2');
    var divans2 = document.getElementById('divans2');
        
    var ans11 = document.getElementById('ans11');
    var divans11 = document.getElementById('divans11');
    var ans22 = document.getElementById('ans22');
    var divans22 = document.getElementById('divans22');

    // POPOUT: we are going to create a popout function that displays text only if some value is given in another question
    function popout() {
        console.log('searching for the elements')
        //the conditions and the implementation of showing the text
        if (ans1.checked == true) {
            console.log('yes');
            divans2.style.display = "none";
            divans1.style.display = "block";
        }
        if (ans2.checked == true) {
            console.log('no');
            divans1.style.display = "none";
            divans2.style.display = "block";
        }
        if (ans11.checked == true) {
            console.log('yes');
            divans22.style.display = "none";
            divans11.style.display = "block";
        }
        if (ans22.checked == true) {
            console.log('no');
            divans11.style.display = "none";
            divans22.style.display = "block";
        }
    }


    //Get variables needed for our popout
    var ans3 = document.getElementById('ans3');
    var divans3 = document.getElementById('divans3');
    var ans4 = document.getElementById('ans4');
    var divans4 = document.getElementById('divans4');
        
    var ans33 = document.getElementById('ans33');
    var divans33 = document.getElementById('divans33');
    var ans44 = document.getElementById('ans44');
    var divans44 = document.getElementById('divans44');

    // POPOUT: we are going to create a popout function that displays text only if some value is given in another question
    function popout1() {
        console.log('searching for the elements')
        //the conditions and the implementation of showing the text
        if (ans3.checked == true) {
            console.log('yes');
            divans4.style.display = "none";
            divans3.style.display = "block";
        }
        if (ans4.checked == true) {
            console.log('no');
            divans3.style.display = "none";
            divans4.style.display = "block";
        }
        if (ans33.checked == true) {
            console.log('yes');
            divans44.style.display = "none";
            divans33.style.display = "block";
        }
        if (ans44.checked == true) {
            console.log('no');
            divans33.style.display = "none";
            divans44.style.display = "block";
        }
    }

    var ans5 = document.getElementById('ans5');
    var divans5 = document.getElementById('divans5');
    var ans6 = document.getElementById('ans6');
    var divans6 = document.getElementById('divans6');
        
    var ans55 = document.getElementById('ans55');
    var divans55 = document.getElementById('divans55');
    var ans66 = document.getElementById('ans66');
    var divans66 = document.getElementById('divans66');

    function popout2() {
        console.log('searching for the elements')
        //the conditions and the implementation of showing the text
        if (ans5.checked == true) {
            console.log('yes');
            divans6.style.display = "none";
            divans5.style.display = "block";
        }
        if (ans6.checked == true) {
            console.log('no');
            divans5.style.display = "none";
            divans6.style.display = "block";
        }
        if (ans55.checked == true) {
            console.log('yes');
            divans66.style.display = "none";
            divans55.style.display = "block";
        }
        if (ans66.checked == true) {
            console.log('no');
            divans55.style.display = "none";
            divans66.style.display = "block";
        }
    }

    var ans7 = document.getElementById('ans7');
    var divans7 = document.getElementById('divans7');
    var ans8 = document.getElementById('ans8');
    var divans8 = document.getElementById('divans8');
    var ans9 = document.getElementById('ans9');
    var divans9 = document.getElementById('divans9');
    var ans10 = document.getElementById('ans10');
    var divans10 = document.getElementById('divans10');
        
    var ans77 = document.getElementById('ans77');
    var divans77 = document.getElementById('divans77');
    var ans88 = document.getElementById('ans88');
    var divans88 = document.getElementById('divans88');
    var ans99 = document.getElementById('ans99');
    var divans99 = document.getElementById('divans99');
    var ans1010 = document.getElementById('ans1010');
    var divans1010 = document.getElementById('divans1010');

    function popout3() {
        console.log('searching for the elements')
        //the conditions and the implementation of showing the text
        if (ans7.checked == true) {
            console.log('yes');
            divans9.style.display = "none";
            divans10.style.display = "none";
            divans8.style.display = "none";
            divans7.style.display = "block";
        }
        if (ans8.checked == true) {
            console.log('no');
            divans9.style.display = "none";
            divans10.style.display = "none";
            divans7.style.display = "none";
            divans8.style.display = "block";
        }
        if (ans77.checked == true) {
            console.log('yes');
            divans99.style.display = "none";
            divans1010.style.display = "none";
            divans8.style.display = "none";
            divans88.style.display = "none";
            divans77.style.display = "block";
        }
        if (ans88.checked == true) {
            console.log('no');
            divans99.style.display = "none";
            divans1010.style.display = "none";
            divans77.style.display = "none";
            divans88.style.display = "block";
        }
        if (ans9.checked == true) {
            console.log('yes');
            divans7.style.display = "none";
            divans8.style.display = "none";
            divans10.style.display = "none";
            divans9.style.display = "block";
        }
        if (ans10.checked == true) {
            console.log('no');
            divans7.style.display = "none";
            divans8.style.display = "none";
            divans9.style.display = "none";
            divans10.style.display = "block";
        }
        if (ans99.checked == true) {
            console.log('yes');
            divans77.style.display = "none";
            divans88.style.display = "none";
            divans1010.style.display = "none";
            divans99.style.display = "block";
        }
        if (ans1010.checked == true) {
            console.log('no');
            divans77.style.display = "none";
            divans88.style.display = "none";
            divans99.style.display = "none";
            divans1010.style.display = "block";
        }
    }
</script>
{% endblock %}

<h2 class="german"> Demonstrationen </h2><h2 class="english"> Demonstrations</h2>
<hr>
<div class="mb-3 border pt-2 pb-2 px-2 ">
    <p class="german">Haben Sie schon einmal an einer Demonstration teilgenommen?</p>
    <p class="english">Have you ever participated in a demonstration?</p>
        
    <div class="german"><input id="ans1" type="radio" name="participation_demonstration" value="1" onclick="popout()">Ja</div>
    <div class="english"><input id="ans11" type="radio" name="participation_demonstration" value="1" onclick="popout()"> Yes</div>
    <div class="german"><input id="ans2" type="radio" name="participation_demonstration" value="2" onclick="popout()"> Nein</div>
    <div class="english"><input id="ans22" type="radio" name="participation_demonstration" value="2" onclick="popout()"> No</div>

<div id="divans1" style="display: none">
<p class="german">Ihre Teilnahme an dieser  Demonstration erfolgte</p>
<p class="english">Your participation in this demonstration was</p>
    <div class="german"><input type="radio" name="participation_demonstration_1" value="1"> aus Eigeninitiative</div>
    <div class="english"><input type="radio" name="participation_demonstration_1" value="1"> on your own initiative</div>
    <div class="german"><input type="radio" name="participation_demonstration_1" value="2"> weil Sie jemanden auf diese Demonstration begleitet haben</div>
    <div class="english"><input type="radio" name="participation_demonstration_1" value="2"> because you accompanied someone to this demonstration</div>
    <br>
</div>
<div id="divans2" style="display: none">
    <br>
</div>      
<div id="divans11" style="display: none">
<p class="german">Ihre Teilnahme an dieser  Demonstration erfolgte</p>
<p class="english">Your participation in this demonstration was</p>
    <div class="german"><input type="radio" name="participation_demonstration_1" value="1"> aus Eigeninitiative</div>
    <div class="english"><input type="radio" name="participation_demonstration_1" value="1"> on your own initiative</div>
    <div class="german"><input type="radio" name="participation_demonstration_1" value="2"> weil Sie jemanden auf diese Demonstration begleitet haben</div>
    <div class="english"><input type="radio" name="participation_demonstration_1" value="2"> because you accompanied someone to this demonstration</div>
    <br>
</div>
<div id="divans22" style="display: none">
    <br>
</div>
</div>


<br>
<h2 class="german"> Petitionen  </h2><h2 class="english">Petitions</h2>
<hr>
<div class="mb-3 border pt-2 pb-2 px-2 ">
    <p class="german">Haben Sie schon einmal eine Petition unterschrieben?</p>
    <p class="english">Have you ever signed a petition?</p>
     
    <div class="german"><input id="ans3" type="radio" name="petition_signatory" value="1" onclick="popout1()"> Ja</div>
    <div class="english"><input id="ans33" type="radio" name="petition_signatory" value="1" onclick="popout1()"> Yes</div>
    <div class="german"><input id="ans4" type="radio" name="petition_signatory" value="2" onclick="popout1()"> Nein</div>
    <div class="english"><input id="ans44" type="radio" name="petition_signatory" value="2" onclick="popout1()"> No</div>

<div id="divans3" style="display: none">
            <p class="german">Sie sind auf diese Petition</p>
            <p class="english">You have become aware of this petition</p>
            <div class="german"><input type="radio" name="petition_signatory_1" value="1"> selbst aufmerksam geworden</div>
            <div class="english"><input type="radio" name="petition_signatory_1" value="1"> yourself</div>
            <div class="german"><input type="radio" name="petition_signatory_1" value="2"> aufmerksam gemacht worden</div>
            <div class="english"><input type="radio" name="petition_signatory_1" value="2"> through others</div>
    <br>
</div>
<div id="divans4" style="display: none">
</div>  
<div id="divans33" style="display: none">
            <p class="german">Sie sind auf diese Petition</p>
            <p class="english">You have become aware of this petition</p>
            <div class="german"><input type="radio" name="petition_signatory_1" value="1"> selbst aufmerksam geworden</div>
            <div class="english"><input type="radio" name="petition_signatory_1" value="1"> yourself</div>
            <div class="german"><input type="radio" name="petition_signatory_1" value="2"> aufmerksam gemacht worden</div>
            <div class="english"><input type="radio" name="petition_signatory_1" value="2"> through others</div>
    <br>
</div>
<div id="divans44" style="display: none">
    <br>
</div>
</div>
     


<br>
<h2 class="german"> Jugendparteien   </h2><h2 class="english">Youth Parties</h2>
<hr>
<div class="mb-3 border pt-2 pb-2 px-2 ">
    <p class="german">Beabsichtigen Sie sich in einer Jugendpartei (z.B. Jusos, Grüne Jugend, Junge Union etc.) oder einer überparteilichen Jugendorganisation (z.B. Junge Europäische Föderalisten, United Nations Association, etc. ) zu engagieren?</p>
    <p class="english">Do you intend to get involved in a youth party (e.g. Jusos, Grüne Jugend, Junge Union, etc.) or a non-party youth organization (e.g. Young European Federalists, United Nations Association, etc. )?</p>

    <div class="german"><input id="ans7" type="radio" name="youth_party_commitment" value="1" onclick="popout3()"> Ich bin bereits engagiert</div>
    <div class="english"><input id="ans77" type="radio" name="youth_party_commitment" value="1" onclick="popout3()"> I am already committed</div>
    <div class="german"><input id="ans8" type="radio" name="youth_party_commitment" value="2" onclick="popout3()"> Ich beabsichtige, mich zu engagieren</div>
    <div class="english"><input id="ans88" type="radio" name="youth_party_commitment" value="2" onclick="popout3()"> I intend to commit</div>
    <div class="german"><input id="ans9" type="radio" name="youth_party_commitment" value="3" onclick="popout3()"> Nein</div>
    <div class="english"><input id="ans99" type="radio" name="youth_party_commitment" value="3" onclick="popout3()"> No</div>
    <div class="german"><input id="ans10" type="radio" name="youth_party_commitment" value="-888" onclick="popout3()"> Weiß nicht</div>
    <div class="english"><input id="ans1010" type="radio" name="youth_party_commitment" value="-888" onclick="popout3()"> Don’t know</div>  
<br>    
<div id="divans7" style="display: none">
            <p class="german">Um welche (Jugend)Partei oder (Jugend)Organisation handelt es sich hierbei?</p>
            <p class="english">Which (youth) party or (youth) organisation are we talking about here?</p>
            <input type="text" name="youth_party_name" />
            <br>  
        
            <p class="german">Seit welchem Jahr engagieren Sie sich für diese (Jugend)Partei oder (Jugend)Organisation?</p>
            <p class="english">Since which year have you been involved with the (youth) party or (youth) organisation?</p>
            <input type="text" name="youth_party_name" />
            <br>  
            <p class="german">Aus welchem Grund interessieren Sie sich für das Engagement in dieser (Jugend)Partei / (Jugend)Organisation?</p>
            <p class="english">For what reason are you interested in getting involved in this (youth) party / (youth) organization?</p>
            <div class="german"><input type="checkbox" name="youth_party_reason_1" value="1"> weil sie meine politischen Werte vertritt</div>
            <div class="english"><input type="checkbox" name="youth_party_reason_1" value="1"> because it represents my political values</div>
            <div class="german"><input type="checkbox" name="youth_party_reason_2" value="1"> weil ich etwas verändern möchte</div>
            <div class="english"><input type="checkbox" name="youth_party_reason_2" value="1"> because I want to change something</div>
            <div class="german"><input type="checkbox" name="youth_party_reason_3" value="1"> weil ich durch mein Elternhaus schon immer politisch interessiert war</div>
            <div class="english"><input type="checkbox" name="youth_party_reason_3" value="1"> because I have always been politically interested due to my parental home</div>
            <div class="german"><input type="checkbox" name="youth_party_reason_4" value="1"> weil ich herausfinden möchte, wie Politik gemacht wird</div>
            <div class="english"><input type="checkbox" name="youth_party_reason_4" value="1"> because I want to find out how politics is made</div>
            <div class="german"><input type="checkbox" name="youth_party_reason_5" value="1"> weil ich bereits in der Schulzeit mit der Organisation in Kontakt gekommen bin</div>
            <div class="english"><input type="checkbox" name="youth_party_reason_5" value="1"> because I already came into contact with the organization during my school time</div>
            <div class="german"><input type="checkbox" name="youth_party_reason_6" value="1"> weil Freunde von mir Teil der Organisation sind</div>
            <div class="english"><input type="checkbox" name="youth_party_reason_6" value="1"> because friends of mine are part of the organization</div>
            <div class="german"><input type="checkbox" name="youth_party_reason_7" value="1"> um meinen Lebenslauf aufzubessern</div>
            <div class="english"><input type="checkbox" name="youth_party_reason_7" value="1"> to improve my resume</div>
            <div class="german"><input type="checkbox" name="youth_party_reason_8" value="1"> damit ich ein Stipendium bekomme </div>
            <div class="english"><input type="checkbox" name="youth_party_reason_8" value="1"> so that I can get a scholarship</div>
            <div class="german"><input type="checkbox" name="youth_party_reason_9" value="1"> weil ich Politiker/in werden möchte/ an politischen Ämtern interessiert bin</div>
            <div class="english"><input type="checkbox" name="youth_party_reason_9" value="1"> because I would like to become a politician/ am interested in political office</div>
            <div class="german"><input type="checkbox" name="youth_party_reason_10" value="1"> Sonstige, nämlich </div>
            <div class="english"><input type="checkbox" name="youth_party_reason_10" value="1"> Other, namely {% formfield player.youth_party_reason_other%}</div>
</div>
<br>    
<div id="divans8" style="display: none">
            <p class="german">Um welche (Jugend)Partei oder (Jugend)Organisation handelt es sich hierbei?</p>
            <p class="english">Which (youth) party or (youth) organisation are we talking about here?</p>
            <input type="text" name="youth_party_name" />
</div>
<div id="divans77" style="display: none">
            <p class="german">Um welche (Jugend)Partei oder (Jugend)Organisation handelt es sich hierbei?</p>
            <p class="english">Which (youth) party or (youth) organisation are we talking about here?</p>
            <input type="text" name="youth_party_name" />
            <br>  
            <p class="german">Seit welchem Jahr engagieren Sie sich für diese (Jugend)Partei oder (Jugend)Organisation?</p>
            <p class="english">Since which year have you been involved with the (youth) party or (youth) organisation?</p>
            <input type="text" name="youth_party_name" />
            <br>
            <p> </p>
            <p class="german">Aus welchem Grund interessieren Sie sich für das Engagement in dieser (Jugend)Partei / (Jugend)Organisation?</p>
            <p class="english">For what reason are you interested in getting involved in this (youth) party / (youth) organization?</p>
            <div class="german"><input type="checkbox" name="youth_party_reason_1" value="1"> weil sie meine politischen Werte vertritt</div>
            <div class="english"><input type="checkbox" name="youth_party_reason_1" value="1"> because it represents my political values</div>
            <div class="german"><input type="checkbox" name="youth_party_reason_2" value="1"> weil ich etwas verändern möchte</div>
            <div class="english"><input type="checkbox" name="youth_party_reason_2" value="1"> because I want to change something</div>
            <div class="german"><input type="checkbox" name="youth_party_reason_3" value="1"> weil ich durch mein Elternhaus schon immer politisch interessiert war</div>
            <div class="english"><input type="checkbox" name="youth_party_reason_3" value="1"> because I have always been politically interested due to my parental home</div>
            <div class="german"><input type="checkbox" name="youth_party_reason_4" value="1"> weil ich herausfinden möchte, wie Politik gemacht wird</div>
            <div class="english"><input type="checkbox" name="youth_party_reason_4" value="1"> because I want to find out how politics is made</div>
            <div class="german"><input type="checkbox" name="youth_party_reason_5" value="1"> weil ich bereits in der Schulzeit mit der Organisation in Kontakt gekommen bin</div>
            <div class="english"><input type="checkbox" name="youth_party_reason_5" value="1"> because I already came into contact with the organization during my school time</div>
            <div class="german"><input type="checkbox" name="youth_party_reason_6" value="1"> weil Freunde von mir Teil der Organisation sind</div>
            <div class="english"><input type="checkbox" name="youth_party_reason_6" value="1"> because friends of mine are part of the organization</div>
            <div class="german"><input type="checkbox" name="youth_party_reason_7" value="1"> um meinen Lebenslauf aufzubessern</div>
            <div class="english"><input type="checkbox" name="youth_party_reason_7" value="1"> to improve my resume</div>
            <div class="german"><input type="checkbox" name="youth_party_reason_8" value="1"> damit ich ein Stipendium bekomme </div>
            <div class="english"><input type="checkbox" name="youth_party_reason_8" value="1"> so that I can get a scholarship</div>
            <div class="german"><input type="checkbox" name="youth_party_reason_9" value="1"> weil ich Politiker/in werden möchte/ an politischen Ämtern interessiert bin</div>
            <div class="english"><input type="checkbox" name="youth_party_reason_9" value="1"> because I would like to become a politician/ am interested in political office</div>
            <div class="german"><input type="checkbox" name="youth_party_reason_10" value="1"> Sonstige, nämlich {% formfield player.youth_party_reason_other%}</div>
            <div class="english"><input type="checkbox" name="youth_party_reason_10" value="1"> Other, namely {% formfield player.youth_party_reason_other%}</div>   
</div>
<br>    
<div id="divans88" style="display: none">
            <p class="german">Um welche (Jugend)Partei oder (Jugend)Organisation handelt es sich hierbei?</p>
            <p class="english">Which (youth) party or (youth) organisation are we talking about here?</p>
            <input type="text" name="youth_party_name" />
</div>
<br>    
 
<div id="divans9" style="display: none">
    <br>
</div>      
<div id="divans99" style="display: none">
    <br>
</div>
<div id="divans10" style="display: none">
    <br>
</div>      
<div id="divans1010" style="display: none">
    <br>
</div>
</div>



<h2 class="german">Wert legen auf Meinung</h2>
<h2 class="english">Value opinion</h2>
<hr>
<div class="mb-1 border pt-2 pb-2 ps-2 px-2">
    <p class="german">Legen Sie Wert auf die Meinung von den Personen, von denen Sie die Codes erhalten haben?</p>
    <p class="english">Do you value the opinions of the people you received codes from?</p>

    
    <div><input type="checkbox" name="value_opinion_1" value="1"> {{ player.person_1 }}</div>  
    <div><input type="checkbox" name="value_opinion_2" value="1"> {{ player.person_2 }}</div> 
    <div><input type="checkbox" name="value_opinion_3" value="1"> {{ player.person_3 }}</div>  
    <div><input type="checkbox" name="value_opinion_4" value="1"> {{ player.person_4 }}</div> 
    <div><input type="checkbox" name="value_opinion_5" value="1"> {{ player.person_5 }}</div> 
    <div><input type="checkbox" name="value_opinion_6" value="1"> {{ player.person_6 }}</div> 
    <div><input type="checkbox" name="value_opinion_7" value="1"> {{ player.person_7 }}</div> 
    <div><input type="checkbox" name="value_opinion_8" value="1"> {{ player.person_8 }}</div> 
    <div><input type="checkbox" name="value_opinion_9" value="1"> {{ player.person_9 }}</div> 
    <div><input type="checkbox" name="value_opinion_10" value="1"> {{ player.person_10 }}</div> 
    <div><input type="checkbox" name="value_opinion_11" value="1"> {{ player.person_11 }}</div> 
    <div><input type="checkbox" name="value_opinion_12" value="1"> {{ player.person_12 }}</div> 
    <div><input type="checkbox" name="value_opinion_13" value="1"> {{ player.person_13 }}</div> 
    <div><input type="checkbox" name="value_opinion_14" value="1"> {{ player.person_14 }}</div> 
    <div><input type="checkbox" name="value_opinion_15" value="1"> {{ player.person_15 }}</div> 
    <div><input type="checkbox" name="value_opinion_16" value="1"> {{ player.person_16 }}</div> 
    <div><input type="checkbox" name="value_opinion_17" value="1"> {{ player.person_17 }}</div> 
    <div><input type="checkbox" name="value_opinion_18" value="1"> {{ player.person_18 }}</div> 
    <div><input type="checkbox" name="value_opinion_19" value="1"> {{ player.person_19 }}</div> 
    <div><input type="checkbox" name="value_opinion_20" value="1"> {{ player.person_20 }}</div> 
    <div><input type="checkbox" name="value_opinion_21" value="1"> {{ player.person_21 }}</div> 
    <div><input type="checkbox" name="value_opinion_22" value="1"> {{ player.person_22 }}</div> 
    <div><input type="checkbox" name="value_opinion_23" value="1"> {{ player.person_23 }}</div> 
    <div><input type="checkbox" name="value_opinion_24" value="1"> {{ player.person_24 }}</div> 
    <div><input type="checkbox" name="value_opinion_25" value="1"> {{ player.person_25 }}</div> 
    <div><input type="checkbox" name="value_opinion_26" value="1"> {{ player.person_26 }}</div> 
    <div><input type="checkbox" name="value_opinion_27" value="1"> {{ player.person_27 }}</div> 
    <div><input type="checkbox" name="value_opinion_28" value="1"> {{ player.person_28 }}</div> 
    <div><input type="checkbox" name="value_opinion_29" value="1"> {{ player.person_29 }}</div> 
    <div><input type="checkbox" name="value_opinion_30" value="1"> {{ player.person_30 }}</div> 
    <div><input type="checkbox" name="value_opinion_31" value="1"> {{ player.person_31 }}</div> 
    <div><input type="checkbox" name="value_opinion_32" value="1"> {{ player.person_32 }}</div> 
    <div><input type="checkbox" name="value_opinion_33" value="1"> {{ player.person_33 }}</div> 
    <div><input type="checkbox" name="value_opinion_34" value="1"> {{ player.person_34 }}</div> 
    <div><input type="checkbox" name="value_opinion_35" value="1"> {{ player.person_35 }}</div> 
    <div><input type="checkbox" name="value_opinion_36" value="1"> {{ player.person_36 }}</div> 
    <div><input type="checkbox" name="value_opinion_37" value="1"> {{ player.person_37 }}</div> 
    <div><input type="checkbox" name="value_opinion_38" value="1"> {{ player.person_38 }}</div> 
    <div><input type="checkbox" name="value_opinion_39" value="1"> {{ player.person_39 }}</div> 
    <div><input type="checkbox" name="value_opinion_40" value="1"> {{ player.person_40 }}</div> 



    
</div>
<br>


<br>
<h2 class="german">Soziale Netzwerke </h2><h2 class="english">Social networks</h2>
<hr>
<div class="mb-3 border pt-2 pb-2 px-2 ">
    <p class="german">Welche der sozialen Netzwerke nutzen Sie? (Mehrfachnennung möglich)</p>
    <p class="english">Which of the social networks do you use? (Multiple choices possible)</p>
    <div class="german"><input type="checkbox" name="social_networks_1" value="1"> Facebook</div>
    <div class="english"><input type="checkbox" name="social_networks_1" value="1"> Facebook</div>
    <div class="german"><input type="checkbox" name="social_networks_2" value="1"> Twitter</div>
    <div class="english"><input type="checkbox" name="social_networks_2" value="1"> Twitter</div>
    <div class="german"><input type="checkbox" name="social_networks_3" value="1"> LinkedIn</div>
    <div class="english"><input type="checkbox" name="social_networks_3" value="1"> LinkedIn</div>
    <div class="german"><input type="checkbox" name="social_networks_4" value="1"> Instagram</div>
    <div class="english"><input type="checkbox" name="social_networks_4" value="1"> Instagram</div>
    <div class="german"><input type="checkbox" name="social_networks_5" value="1"> BeReal</div>
    <div class="english"><input type="checkbox" name="social_networks_5" value="1"> BeReal</div>
    <div class="german"><input type="checkbox" name="social_networks_6" value="1"> Threads</div>
    <div class="english"><input type="checkbox" name="social_networks_6" value="1"> Threads</div>
    <div class="german"><input type="checkbox" name="social_networks_7" value="1"> Snapchat</div>
    <div class="english"><input type="checkbox" name="social_networks_7" value="1"> Snapchat</div>
    <div class="german"><input type="checkbox" name="social_networks_8" value="1"> WhatsApp</div>
    <div class="english"><input type="checkbox" name="social_networks_8" value="1"> WhatsApp</div>
    <div class="german"><input type="checkbox" name="social_networks_9" value="1"> Sonstige</div>
    <div class="english"><input type="checkbox" name="social_networks_9" value="1"> Other</div>
</div>
                
<br>
<h2 class="german">Nutzung Gerät </h2><h2 class="english">Use of device</h2>
<hr>
<div class="mb-3 border pt-2 pb-2 px-2 ">
    <p class="german">Was für ein Gerät nutzen Sie, um diese Befragung durchzuführen?</p>
    <p class="english">What kind of device do you use to conduct this survey?</p>
    <div class="german"><input type="radio" name="use_of_device" value="1"> Laptop</div>
    <div class="english"><input type="radio" name="use_of_device" value="1"> Laptop</div>
    <div class="german"><input type="radio" name="use_of_device" value="2"> Tablet</div>
    <div class="english"><input type="radio" name="use_of_device" value="2"> Tablet</div>
    <div class="german"><input type="radio" name="use_of_device" value="3"> Smartphone</div>
    <div class="english"><input type="radio" name="use_of_device" value="3"> Smartphone</div>
</div>

<br>

   <button class="otree-btn-next btn btn-primary next-button otree-next-button">
       <span class="german"> Weiter </span>
       <span class="english"> Next </span>
   </button>
{% endblock %}