{% 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" %}Ist Ihnen ein Gesetz bekannt, das in Deutschland vor Diskriminierung/Ungleichbehandlung schützt?
{% elif player.language == "English" %}Are you aware of a law that protects against discrimination/unequal treatment in Germany?
{% elif player.language == "Arabic" %}<h4 style="text-align: right">&#x202B;هل تعلم بوجود قانون يحمي من التمييز/ عدم المساواة في المعاملة في ألمانيا؟</h4>
{% elif player.language == "Farsi" %}<h4 style="text-align: right">&#x202B;آیا با قانون محافظت از افراد در برابر تبعیض/رفتار نابرابر در آلمان آشنا هستید؟</h4>{% endif %}</h4>
<br>
<p class="p">
{% if player.language == "Arabic" or player.language == "Farsi" %}
<div style="direction: rtl; text-align: right;">
{% endif %}
<label class="radio-label">
    <input type="radio" name="Umfrage6Gesetz" class="radio" value="Ja"> {% if player.language == "German" %}Ja{% elif player.language == "English" %}Yes{% elif player.language == "Arabic" %}نعم{% elif player.language == "Farsi" %}بله{% endif %} </input>
     </label>
    <label class="radio-label">
    <input type="radio" name="Umfrage6Gesetz" class="radio" value="Nein"> {% if player.language == "German" %}Nein{% elif player.language == "English" %}No{% elif player.language == "Arabic" %}لا{% elif player.language == "Farsi" %}خیر{% endif %} </input>
     </label>
    <label class="radio-label">
    <input type="radio" name="Umfrage6Gesetz" class="radio" value="KeineAhnung"> {% if player.language == "German" %}Weiß nicht{% elif player.language == "English" %}Don't know{% elif player.language == "Arabic" %}لا أعلم{% elif player.language == "Farsi" %}نمی‌دانم{% endif %} </input>
     </label>
{% if player.language == "Arabic" or player.language == "Farsi" %}
</div>
{% endif %}
<br>

    {% 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 %}