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

{% block title %}
    Fragebogen
{% endblock %}

{% block content %}

    <p>Bitte beantworten Sie die folgenden Fragen zu Ihrer Person.</p>
    <p>Das äußerst linke Kästchen bedeutet "trifft gar nicht auf mich zu", und das äußerst rechte "trifft genau auf mich zu".</p>
    <p>Mit den Kästchen dazwischen können Sie Ihre Einschätzung abstufen.</p><br>
    <p><strong>Ich bin jemand der...</strong></p>
    
    
    <div class="col-md-12">
    <div class="form-group required">
        <label class="control-label" for="extrovert"><br> <strong>...aus sich herausgehen kann, gesellig ist.</strong> <br></label>
        <div class="controls  field-extrovert">
            <ul>
                 Trifft gar nicht auf mich zu <label for="id_extrovert_0"><input type="radio" id="id_extrovert_0" value="0" name="extrovert" required></label>
                 <label for="id_extrovert_1"><input type="radio" id="id_extrovert_1" value="1" name="extrovert" required></label>
                 <label for="id_extrovert_2"><input type="radio" id="id_extrovert_2" value="2" name="extrovert" required></label>
                 <label for="id_extrovert_3"><input type="radio" id="id_extrovert_3" value="3" name="extrovert" required></label>
                 <label for="id_extrovert_4"><input type="radio" id="id_extrovert_4" value="4" name="extrovert" required></label>
                 <label for="id_extrovert_5"><input type="radio" id="id_extrovert_5" value="5" name="extrovert" required></label>
                 <label for="id_extrovert_6"><input type="radio" id="id_extrovert_6" value="6" name="extrovert" required> Trifft genau auf mich zu</label>

            </ul>
         </div><!--- .controls -->
    </div><!--- .form-group -->

    {{ form.extrovert.errors }}
        
    </div>
    
    <div class="col-md-12">
    <div class="form-group required">
        <label class="control-label" for="sense_for_art"><br> <strong>...künstlerische Erfahrungen schätzt.</strong> <br></label>
        <div class="controls  field-sense_for_art">
            <ul>
                 Trifft gar nicht auf mich zu <label for="id_sense_for_art_0"><input type="radio" id="id_sense_for_art_0" value="0" name="sense_for_art" required></label>
                 <label for="id_sense_for_art_1"><input type="radio" id="id_sense_for_art_1" value="1" name="sense_for_art" required></label>
                 <label for="id_sense_for_art_2"><input type="radio" id="id_sense_for_art_2" value="2" name="sense_for_art" required></label>
                 <label for="id_sense_for_art_3"><input type="radio" id="id_sense_for_art_3" value="3" name="sense_for_art" required></label>
                 <label for="id_sense_for_art_4"><input type="radio" id="id_sense_for_art_4" value="4" name="sense_for_art" required></label>
                 <label for="id_sense_for_art_5"><input type="radio" id="id_sense_for_art_5" value="5" name="sense_for_art" required></label>
                 <label for="id_sense_for_art_6"><input type="radio" id="id_sense_for_art_6" value="6" name="sense_for_art" required> Trifft genau auf mich zu</label>

            </ul>
         </div><!--- .controls -->
    </div><!--- .form-group -->

    {{ form.sense_for_art.errors }}

    </div>
    
    <div class="col-md-12">
    <div class="form-group required">
        <label class="control-label" for="nervous"><br> <strong>...leicht nervös wird.</strong> <br></label>
        <div class="controls  field-nervous">
            <ul>
                 Trifft gar nicht auf mich zu <label for="id_nervous_0"><input type="radio" id="id_nervous_0" value="0" name="nervous" required></label>
                 <label for="id_nervous_1"><input type="radio" id="id_nervous_1" value="1" name="nervous" required></label>
                 <label for="id_nervous_2"><input type="radio" id="id_nervous_2" value="2" name="nervous" required></label>
                 <label for="id_nervous_3"><input type="radio" id="id_nervous_3" value="3" name="nervous" required></label>
                 <label for="id_nervous_4"><input type="radio" id="id_nervous_4" value="4" name="nervous" required></label>
                 <label for="id_nervous_5"><input type="radio" id="id_nervous_5" value="5" name="nervous" required></label>
                 <label for="id_nervous_6"><input type="radio" id="id_nervous_6" value="6" name="nervous" required> Trifft genau auf mich zu</label>

            </ul>
         </div><!--- .controls -->
    </div><!--- .form-group -->

    {{ form.nervous.errors }}

    </div>

    <div class="col-md-12">
    <div class="form-group required">
        <label class="control-label" for="efficient"><br> <strong>...Aufgaben wirksam und effizient erledigt.</strong> <br></label>
        <div class="controls  field-efficient">
            <ul>
                 Trifft gar nicht auf mich zu <label for="id_efficient_0"><input type="radio" id="id_efficient_0" value="0" name="efficient" required></label>
                 <label for="id_efficient_1"><input type="radio" id="id_efficient_1" value="1" name="efficient" required></label>
                 <label for="id_efficient_2"><input type="radio" id="id_efficient_2" value="2" name="efficient" required></label>
                 <label for="id_efficient_3"><input type="radio" id="id_efficient_3" value="3" name="efficient" required></label>
                 <label for="id_efficient_4"><input type="radio" id="id_efficient_4" value="4" name="efficient" required></label>
                 <label for="id_efficient_5"><input type="radio" id="id_efficient_5" value="5" name="efficient" required></label>
                 <label for="id_efficient_6"><input type="radio" id="id_efficient_6" value="6" name="efficient" required> Trifft genau auf mich zu</label>

            </ul>
         </div><!--- .controls -->
    </div><!--- .form-group -->

    {{ form.nervous.errors }}

    </div>
    
    <div class="col-md-12">
    <div class="form-group required">
        <label class="control-label" for="reserved"><br> <strong>...zurückhaltend ist.</strong> <br></label>
        <div class="controls  field-reserved">
            <ul>
                 Trifft gar nicht auf mich zu <label for="id_reserved_0"><input type="radio" id="id_reserved_0" value="0" name="reserved" required></label>
                 <label for="id_reserved_1"><input type="radio" id="id_reserved_1" value="1" name="reserved" required></label>
                 <label for="id_reserved_2"><input type="radio" id="id_reserved_2" value="2" name="reserved" required></label>
                 <label for="id_reserved_3"><input type="radio" id="id_reserved_3" value="3" name="reserved" required></label>
                 <label for="id_reserved_4"><input type="radio" id="id_reserved_4" value="4" name="reserved" required></label>
                 <label for="id_reserved_5"><input type="radio" id="id_reserved_5" value="5" name="reserved" required></label>
                 <label for="id_reserved_6"><input type="radio" id="id_reserved_6" value="6" name="reserved" required> Trifft genau auf mich zu</label>

            </ul>
         </div><!--- .controls -->
    </div><!--- .form-group -->

    {{ form.reserved.errors }}

    </div>
    
    <div class="col-md-12">
    <div class="form-group required">
        <label class="control-label" for="respectful"><br> <strong>...rücksichtvoll und freundlich mit anderen umgeht.</strong> <br></label>
        <div class="controls  field-respectful">
            <ul>
                 Trifft gar nicht auf mich zu <label for="id_respectful_0"><input type="radio" id="id_respectful_0" value="0" name="respectful" required></label>
                 <label for="id_respectful_1"><input type="radio" id="id_respectful_1" value="1" name="respectful" required></label>
                 <label for="id_respectful_2"><input type="radio" id="id_respectful_2" value="2" name="respectful" required></label>
                 <label for="id_respectful_3"><input type="radio" id="id_respectful_3" value="3" name="respectful" required></label>
                 <label for="id_respectful_4"><input type="radio" id="id_respectful_4" value="4" name="respectful" required></label>
                 <label for="id_respectful_5"><input type="radio" id="id_respectful_5" value="5" name="respectful" required></label>
                 <label for="id_respectful_6"><input type="radio" id="id_respectful_6" value="6" name="respectful" required> Trifft genau auf mich zu</label>

            </ul>
         </div><!--- .controls -->
    </div><!--- .form-group -->

    {{ form.respectful.errors }}

    </div>
    
    <div class="col-md-12">
    <div class="form-group required">
        <label class="control-label" for="vivid_imagination"><br> <strong>...eine lebhafte Phantasie, Vorstellung hat.</strong> <br></label>
        <div class="controls  field-vivid_imagination">
            <ul>
                 Trifft gar nicht auf mich zu <label for="id_vivid_imagination_0"><input type="radio" id="id_vivid_imagination_0" value="0" name="vivid_imagination" required></label>
                 <label for="id_vivid_imagination_1"><input type="radio" id="id_vivid_imagination_1" value="1" name="vivid_imagination" required></label>
                 <label for="id_vivid_imagination_2"><input type="radio" id="id_vivid_imagination_2" value="2" name="vivid_imagination" required></label>
                 <label for="id_vivid_imagination_3"><input type="radio" id="id_vivid_imagination_3" value="3" name="vivid_imagination" required></label>
                 <label for="id_vivid_imagination_4"><input type="radio" id="id_vivid_imagination_4" value="4" name="vivid_imagination" required></label>
                 <label for="id_vivid_imagination_5"><input type="radio" id="id_vivid_imagination_5" value="5" name="vivid_imagination" required></label>
                 <label for="id_vivid_imagination_6"><input type="radio" id="id_vivid_imagination_6" value="6" name="vivid_imagination" required> Trifft genau auf mich zu</label>

            </ul>
         </div><!--- .controls -->
    </div><!--- .form-group -->

    {{ form.vivid_imagination.errors }}

    </div>
    
    <div class="col-md-12">
    <div class="form-group required">
        <label class="control-label" for="stress_management"><br> <strong>...entspannt ist, mit Stress gut umgehen kann.</strong> <br></label>
        <div class="controls  field-stress_management">
            <ul>
                 Trifft gar nicht auf mich zu <label for="id_stress_management_0"><input type="radio" id="id_stress_management_0" value="0" name="stress_management" required></label>
                 <label for="id_stress_management_1"><input type="radio" id="id_stress_management_1" value="1" name="stress_management" required></label>
                 <label for="id_stress_management_2"><input type="radio" id="id_stress_management_2" value="2" name="stress_management" required></label>
                 <label for="id_stress_management_3"><input type="radio" id="id_stress_management_3" value="3" name="stress_management" required></label>
                 <label for="id_stress_management_4"><input type="radio" id="id_stress_management_4" value="4" name="stress_management" required></label>
                 <label for="id_stress_management_5"><input type="radio" id="id_stress_management_5" value="5" name="stress_management" required></label>
                 <label for="id_stress_management_6"><input type="radio" id="id_stress_management_6" value="6" name="stress_management" required> Trifft genau auf mich zu</label>

            </ul>
         </div><!--- .controls -->
    </div><!--- .form-group -->

    {{ form.stress_management.errors }}

    </div>
    
<!--    <div class="col-md-12">
    <div class="form-group required">
        <label class="control-label" for="reliable_answers"><br> Können wir uns auf Ihre Angaben verlassen? <br></label>
        <div class="controls  field-reliable_answers">
            <ul>
                 Sie können sich auf meine Angaben nicht verlassen <label for="id_reliable_answers_0"><input type="radio" id="id_reliable_answers_0" value="0" name="reliable_answers" required></label>
                 <label for="id_reliable_answers_1"><input type="radio" id="id_reliable_answers_1" value="1" name="reliable_answers" required></label>
                 <label for="id_reliable_answers_2"><input type="radio" id="id_reliable_answers_2" value="2" name="reliable_answers" required></label>
                 <label for="id_reliable_answers_3"><input type="radio" id="id_reliable_answers_3" value="3" name="reliable_answers" required></label>
                 <label for="id_reliable_answers_4"><input type="radio" id="id_reliable_answers_4" value="4" name="reliable_answers" required></label>
                 <label for="id_reliable_answers_5"><input type="radio" id="id_reliable_answers_5" value="5" name="reliable_answers" required></label>
                 <label for="id_reliable_answers_6"><input type="radio" id="id_reliable_answers_6" value="6" name="reliable_answers" required> Sie können sich auf meine Angaben verlassen.</label>

            </ul>
         </div><!--- .controls -->


    {% next_button %}
{% endblock %}