{% 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" %}Wissen Sie, an wen Sie sich wenden können, falls Sie diskriminiert werden?
{% elif player.language == "English" %}Do you know who to turn to if you have been discriminated against?
{% 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="Umfrage2Anlaufstelle" 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="Umfrage2Anlaufstelle" 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="Umfrage2Anlaufstelle" 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>
    </div>
<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 %}