{% extends 'base.html' %}
{% block title %}{{ thema.titel }}{% endblock %}
{% block content %}
<section class="card">
    <h1>{{ thema.titel }}</h1>
    <p>{{ thema.infotext }}</p>
    <p class="muted">{{ thema.zusatztext }}</p>
</section>

<section class="card">
    <form method="post">
        <input type="hidden" name="assessment_id" value="{{ assessment_id }}">
        {% for frage in fragen %}
            <div class="question-box">
                <p>{{ loop.index }}. {{ frage.text }}</p>
                <div class="radio-row">
                    <label><input type="radio" name="frage_{{ frage.id }}" value="ja" required> Ja</label>
                    <label><input type="radio" name="frage_{{ frage.id }}" value="nein"> Nein</label>
                </div>
            </div>
        {% endfor %}
        <button class="btn" type="submit">Speichern und weiter</button>
    </form>
</section>

<section class="card">
    <h2>Ansprechpartner</h2>
    {% for person in ansprechpartner %}
        <div class="contact-box">
            <strong>{{ person.name }}</strong>
            <div>{{ person.email }}</div>
            <p>{{ person.infotext }}</p>
        </div>
    {% else %}
        <p>Aktuell keine Ansprechpartner hinterlegt.</p>
    {% endfor %}
</section>
{% endblock %}