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

{{ block title }}
Zu Ihrer Person{{ endblock }}
{{ block content }}

    <p>
        Wir möchten Ihnen zunächst Fragen zu Ihrer Person stellen.
    </p>

    {{ formfields }}
    <p></p>
    
    {{ next_button }}

{{ endblock }}

{{ block scripts }}
<script>
    document.querySelectorAll("label.col-form-label[for^=id_idenffm]").forEach(label => {
        let control = label.nextElementSibling || label.nextSibling;
        let scale_label_01 = document.createElement("div");
        let scale_label_02 = document.createElement("div");
        scale_label_01.classList.add("scale-label");
        scale_label_02.classList.add("scale-label");
        scale_label_01.textContent = "stimme überhaupt nicht zu";
        scale_label_02.textContent = "stimme voll und ganz zu";
        control.prepend(scale_label_01);
        control.append(scale_label_02);
        control.classList.add("with_labels");
    });
</script>
{{ endblock }}