{% block style %}
    <style>
    .radio-label {
        display: block;
        margin-bottom: 4px;
    }

    .radio-label input[type="radio"] {
        margin-right: 5px;
    }
    input[type=radio] {
        transform: scale(1.5);
        margin:10px;
        transition-duration: 0.2s;
    }
    </style>
{% load staticfiles %}
<link href="{% static 'StyleSheet.css' %}" rel="stylesheet" type="text/css" />
{% endblock %}

{% block content %}
<h1 style="background-image: url('{% static "ude.PNG" %}'); background-repeat: no-repeat; background-position: left center; background-size: auto 100%"; class="h1" ></h1>
<br>
<h4>{% if player.language == "German" %}Bewerten Sie bitte auf einer Skala von 1 bis 7, wie wohl Sie sich fühlen würden, wenn eine Person aus einer der folgenden Gruppen in Ihrer Nachbarschaft leben würde.
{% elif player.language == "English" %}Regardless of whether you live in such a neighborhood, please rate on a scale of 1 to 7 how comfortable you would feel if a person from one of the following groups lived in your neighborhood.
{% elif player.language == "Arabic" %}<h4 style="text-align: right">&#x202B;على مقياس من 1 إلى 7، يرجى تقييم مدى شعورك بالراحة إذا عاش شخص من إحدى المجموعات التالية في منطقتك. </h4>
{% elif player.language == "Farsi" %}<h4 style="text-align: right">&#x202B;با مقیاس 1 تا 7، مشخص کنید که زندگی فردی از هریک از گروه‌های زیر در محله شما چقدر برای‌تان خوشایند است.</h4>{% endif %}</h4>
<br>
    <p class="p">
{% if Zahl12 == 12 %} {% extends '_static/Umfrage5Muslim.html' %}
{% elif Zahl12 == 13 %} {% extends '_static/Umfrage5Trans.html' %}
{% elif Zahl12 == 14 %} {% extends '_static/Umfrage5Behinderung.html' %}
{% endif %}

{% if Zahl13 == 12 %} {% extends '_static/Umfrage5Muslim.html' %}
{% elif Zahl13 == 13 %} {% extends '_static/Umfrage5Trans.html' %}
{% elif Zahl13 == 14 %} {% extends '_static/Umfrage5Behinderung.html' %}
{% endif %}

{% if Zahl14 == 12 %} {% extends '_static/Umfrage5Muslim.html' %}
{% elif Zahl14 == 13 %} {% extends '_static/Umfrage5Trans.html' %}
{% elif Zahl14 == 14 %} {% extends '_static/Umfrage5Behinderung.html' %}
{% endif %}

    {% if player.language == "German" or player.language == "English" %}
    <button class="button" type="submit" id="weiter-btn">{% if player.language == "German" %}Weiter{% elif player.language == "English" %}Continue {% endif %}</button>

    {% elif player.language == "Arabic" or player.language == "Farsi" %}
    <button style="float: right;" class="button" type="submit" id="weiter-btn">{% if player.language == "Arabic" %}استمر{% elif player.language == "Farsi" %}ادامه {% endif %}</button>
    {% endif %}
{% endblock %}