{% extends "admin/change_form.html" %}

{% block field_sets %}
<div class="question-frame">
    <!-- Main Question Fields -->
    <div class="module aligned">
        {% for fieldset in adminform %}
            {% include "admin/includes/fieldset.html" %}
        {% endfor %}
    </div>
    
    <!-- Choices Section -->
    <div class="choices-frame module">
        <h2>Answer Choices</h2>
        <div class="inline-group">
            {{ inline_admin_formset.formset.management_form }}
            {{ inline_admin_formset.formset.non_form_errors }}
            
            {% for inline_admin_form in inline_admin_formset %}
            <div class="inline-related{% if forloop.last %} empty-form{% endif %}" 
                 id="{{ inline_admin_formset.formset.prefix }}-{% if not forloop.last %}{{ forloop.counter0 }}{% else %}empty{% endif %}">
                <fieldset class="module">
                    {{ inline_admin_form.form.text }}
                    <div class="correct-choice">
                        {{ inline_admin_form.form.is_correct.label_tag }}
                        {{ inline_admin_form.form.is_correct }}
                    </div>
                    {{ inline_admin_form.form.explanation }}
                </fieldset>
            </div>
            {% endfor %}
        </div>
    </div>
</div>

<style>
.question-frame {
    display: grid;
    gap: 20px;
}
.choices-frame {
    border: 1px solid #ddd;
    padding: 15px;
}
.correct-choice {
    margin: 10px 0;
    padding: 10px;
    background: #f8f8f8;
}
</style>
{% endblock %}