90 lines
3.9 KiB
HTML
90 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<style>
|
|
@page { size: A4 portrait; margin: 20mm; }
|
|
body { font-family: Arial, sans-serif; font-size: 11pt; }
|
|
.header { margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; }
|
|
.institution-name { font-weight: bold; font-size: 16pt; margin-bottom: 5px; }
|
|
.doc-title { font-size: 14pt; font-weight: bold; color: #4f46e5; margin-bottom: 15px; }
|
|
.date-info { font-size: 11pt; color: #555; }
|
|
|
|
table { width: 100%; border-collapse: collapse; margin-top: 15px; }
|
|
th { text-align: left; background-color: #f3f4f6; border-bottom: 2px solid #d1d5db; padding: 8px 5px; font-size: 10pt; }
|
|
td { padding: 8px 5px; border-bottom: 1px solid #e5e7eb; font-size: 10pt; vertical-align: top; }
|
|
|
|
.checkbox { width: 20px; height: 20px; border: 1.5px solid #000; border-radius: 3px; display: inline-block; }
|
|
|
|
.footer { position: fixed; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-between; font-size: 9pt; color: #888; }
|
|
.badge { display: inline-block; padding: 2px 6px; border-radius: 4px; font-size: 8.5pt; font-weight: bold; background-color: #e0e7ff; color: #3730a3; margin-left: 5px; }
|
|
.badge-time { background-color: #d1fae5; color: #065f46; font-size: 10pt; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="header" style="display: flex; justify-content: space-between; align-items: center;">
|
|
<div>
|
|
<div class="institution-name">{{ institution }}</div>
|
|
<div class="doc-title">Geschwisterliste (Einrichtungsintern)</div>
|
|
<div class="date-info">Generiert am: {{ current_time }}</div>
|
|
</div>
|
|
{% if logo_base64 %}
|
|
<div>
|
|
<img src="data:image/png;base64,{{ logo_base64 }}" alt="Logo" style="max-height: 50px;">
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th style="width: 20%">Nachname</th>
|
|
<th style="width: 35%">Kinder in der Einrichtung (Gruppe)</th>
|
|
<th style="width: 15%">Wunsch Online</th>
|
|
<th style="width: 20%">Termin (Calendly)</th>
|
|
<th style="width: 10%; text-align: center;">Erledigt</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for family in families %}
|
|
<tr>
|
|
<td style="font-weight: bold;">{{ family.nachname }}</td>
|
|
<td>
|
|
{% for child in family.children %}
|
|
<div style="margin-bottom: 4px;">
|
|
{{ child.vorname }} <span style="color: #666; font-size: 9pt;">({{ child.gruppe }})</span>
|
|
</div>
|
|
{% endfor %}
|
|
</td>
|
|
<td>
|
|
{% if family.fotograf_wunsch %}
|
|
<span style="color: #059669; font-weight: bold;">Ja</span>
|
|
{% else %}
|
|
<span style="color: #9ca3af;">-</span>
|
|
{% endif %}
|
|
</td>
|
|
<td>
|
|
{% if family.calendly_time %}
|
|
<span class="badge badge-time">{{ family.calendly_time }}</span>
|
|
{% else %}
|
|
<span style="color: #9ca3af;">-</span>
|
|
{% endif %}
|
|
</td>
|
|
<td style="text-align: center;">
|
|
<div class="checkbox"></div>
|
|
</td>
|
|
</tr>
|
|
{% else %}
|
|
<tr>
|
|
<td colspan="5" style="text-align: center; padding: 20px; color: #666;">Keine internen Geschwisterkinder in dieser Einrichtung gefunden.</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
|
|
<div class="footer">
|
|
<div>Geschwisterliste</div>
|
|
<div>Kinderfotos Erding | www.kinderfotos-erding.de</div>
|
|
</div>
|
|
</body>
|
|
</html> |