{# Erwartet: fallbackEmails = list of {system,key,label,subject,html,note} #}
{% if fallbackEmails is defined and fallbackEmails|length > 0 %}
<div class="card border-secondary mb-4">
    <div class="card-header bg-light d-flex justify-content-between align-items-center">
        <span><i class="fas fa-shield-alt me-2"></i>Neutrale Fallback-E-Mail (System)</span>
        <span class="badge bg-secondary">nicht editierbar</span>
    </div>
    <div class="card-body">
        <p class="text-muted small mb-3">
            Wird gesendet, wenn <strong>kein aktives, passendes DB-Template</strong> gefunden wird
            (kursgebunden oder global ohne Kurszuordnung). Inhalt entspricht dem echten Versand.
        </p>
        <div class="row g-3">
            {% for item in fallbackEmails %}
            <div class="col-lg-6">
                <div class="border rounded h-100">
                    <div class="px-3 py-2 bg-light border-bottom d-flex justify-content-between align-items-center">
                        <strong class="small">{{ item.label }}</strong>
                        <span class="badge {% if item.system == 'bz' %}bg-success{% else %}bg-info{% endif %}">{{ item.system == 'bz' ? 'BZ' : 'Swim' }}</span>
                    </div>
                    <div class="p-3 small">
                        <p class="text-muted mb-2">{{ item.note }}</p>
                        <div class="mb-2"><strong>Betreff:</strong> {{ item.subject }}</div>
                        <div class="border rounded p-2 bg-white" style="max-height: 220px; overflow: auto;">
                            {{ item.html|raw }}
                        </div>
                    </div>
                </div>
            </div>
            {% endfor %}
        </div>
    </div>
</div>
{% endif %}