43 lines
2.7 KiB
HTML
43 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html><head><meta charset="utf-8"><style>
|
|
@page { size: A4 portrait; margin: 20mm; }
|
|
body { font-family: sans-serif; font-size: 11pt; }
|
|
.header { margin-bottom: 20px; }
|
|
.institution-name { font-weight: bold; font-size: 14pt; }
|
|
.date-info { font-size: 12pt; }
|
|
.summary { margin-top: 30px; }
|
|
.summary h2 { font-size: 12pt; font-weight: normal; margin-bottom: 10px; }
|
|
.summary-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
|
|
.summary-table td { padding: 4px 0; }
|
|
.summary-total { margin-top: 10px; border-top: 1px solid black; padding-top: 10px; font-weight: bold; }
|
|
.class-section { page-break-before: always; }
|
|
.student-table { width: 100%; border-collapse: collapse; margin-top: 30px; }
|
|
.student-table th { text-align: left; border-bottom: 1px solid black; padding-bottom: 5px; font-weight: normal; }
|
|
.student-table td { padding: 5px 0; }
|
|
.class-summary { margin-top: 30px; font-weight: bold; }
|
|
.class-note { margin-top: 20px; font-size: 10pt; }
|
|
.footer { position: fixed; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-between; font-size: 10pt; }
|
|
.footer-left { text-align: left; }
|
|
.footer-right { text-align: right; white-space: pre-wrap; }
|
|
</style></head><body>
|
|
<div class="header"><div class="institution-name">{{ institution }}</div><div class="date-info">{{ date_info }}</div></div>
|
|
<div class="summary"><h2>Übersicht der Anmeldungen:</h2><table class="summary-table">
|
|
{% for count in class_counts %}
|
|
<tr><td style="width: 50%;">Klasse {{ count.name }}</td><td>{{ count.count }} Anmeldungen</td></tr>
|
|
{% endfor %}
|
|
</table><div class="summary-total">Gesamt: {{ total_students }} Anmeldungen</div></div>
|
|
{% for class_info in class_data %}
|
|
<div class="class-section">
|
|
<div class="header"><div class="institution-name">{{ institution }}</div><div class="date-info">{{ date_info }}</div></div>
|
|
<table class="student-table"><thead><tr><th style="width: 40%">Nachname</th><th style="width: 40%">Vorname</th><th style="width: 20%">Klasse</th></tr></thead><tbody>
|
|
{% for student in class_info.students %}
|
|
<tr><td>{{ student.Nachname }}</td><td>{{ student.Vorname }}</td><td>{{ student.Klasse }}</td></tr>
|
|
{% endfor %}
|
|
</tbody></table>
|
|
<div class="class-summary">{{ class_info.students|length }} angemeldete Kinder</div>
|
|
<div class="class-note">Dies ist die Liste der bereits angemeldeten Schüler. Bitte die noch fehlenden<br>Schüler an die Anmeldung erinnern.</div>
|
|
</div>
|
|
{% endfor %}
|
|
<div class="footer"><div class="footer-left">Stand {{ current_time }}</div><div class="footer-right">Kinderfotos Erding\nGartenstr. 10 85445 Oberding\nwww.kinderfotos-erding.de\n08122-8470867</div></div>
|
|
</body></html>
|