112 lines
4.2 KiB
Django/Jinja
112 lines
4.2 KiB
Django/Jinja
<!doctype html>
|
|
<html lang="{{ meta.language or 'de' }}">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Rechnung {{ meta.invoice_number }}</title>
|
|
<style>
|
|
body { font-family: sans-serif; font-size: 12px; }
|
|
.row { display: flex; justify-content: space-between; gap: 12px; }
|
|
.muted { color: #555; }
|
|
h1 { font-size: 22px; margin: 0 0 8px 0; }
|
|
.box { border: 1px solid #ddd; padding: 10px; border-radius: 6px; }
|
|
table { width: 100%; border-collapse: collapse; margin-top: 14px; }
|
|
th, td { border-bottom: 1px solid #eee; padding: 6px 6px; text-align: left; }
|
|
th { background: #fafafa; }
|
|
.right { text-align: right; }
|
|
.totals { margin-top: 12px; width: 44%; margin-left: auto; }
|
|
.totals td { border: none; padding: 4px 6px; }
|
|
.footer { margin-top: 18px; font-size: 11px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div style="margin-bottom: 12px;">
|
|
<img src="assets/logo.svg" alt="Logo" style="height: 42px;" />
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div style="flex: 1;">
|
|
<h1>Rechnung</h1>
|
|
<div class="muted">Rechnungsnummer: <strong>{{ meta.invoice_number }}</strong></div>
|
|
<div class="muted">Rechnungsdatum: {{ meta.invoice_date }}</div>
|
|
<div class="muted">Leistungsdatum: {{ meta.service_date }}</div>
|
|
</div>
|
|
<div class="box" style="min-width: 260px;">
|
|
<div><strong>{{ seller.name }}</strong></div>
|
|
<div>{{ seller.address.street }}</div>
|
|
<div>{{ seller.address.postal_code }} {{ seller.address.city }}</div>
|
|
<div>{{ seller.address.country }}</div>
|
|
{% if seller.vat_id %}<div>USt-IdNr: {{ seller.vat_id }}</div>{% endif %}
|
|
{% if seller.tax_number %}<div>Steuernr: {{ seller.tax_number }}</div>{% endif %}
|
|
{% if seller.email %}<div>{{ seller.email }}</div>{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" style="margin-top: 16px;">
|
|
<div class="box" style="flex: 1;">
|
|
<div class="muted">Rechnung an</div>
|
|
<div><strong>{{ buyer.name }}</strong></div>
|
|
<div>{{ buyer.address.street }}</div>
|
|
<div>{{ buyer.address.postal_code }} {{ buyer.address.city }}</div>
|
|
<div>{{ buyer.address.country }}</div>
|
|
{% if buyer.vat_id %}<div>USt-IdNr: {{ buyer.vat_id }}</div>{% endif %}
|
|
</div>
|
|
|
|
<div class="box" style="flex: 1;">
|
|
<div class="muted">Zahlungsinformationen</div>
|
|
<div>Fällig am: {{ payment.due_date }}</div>
|
|
<div>Verwendungszweck: {{ payment.reference }}</div>
|
|
{% if payment.iban %}<div>IBAN: {{ payment.iban }}</div>{% endif %}
|
|
{% if payment.bic %}<div>BIC: {{ payment.bic }}</div>{% endif %}
|
|
{% if payment.bank_name %}<div>Bank: {{ payment.bank_name }}</div>{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Pos.</th>
|
|
<th>Beschreibung</th>
|
|
<th class="right">Menge</th>
|
|
<th>Einheit</th>
|
|
<th class="right">Einzelpreis (netto)</th>
|
|
<th class="right">Steuer</th>
|
|
<th class="right">Summe (netto)</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for it in items %}
|
|
<tr>
|
|
<td>{{ loop.index }}</td>
|
|
<td>
|
|
<strong>{{ it.name }}</strong><br>
|
|
{% if it.description %}<span class="muted">{{ it.description }}</span>{% endif %}
|
|
</td>
|
|
<td class="right">{{ "%.2f"|format(it.quantity) }}</td>
|
|
<td>{{ it.unit }}</td>
|
|
<td class="right">{{ money(it.unit_price_net) }}</td>
|
|
<td class="right">{{ "%.2f"|format(it.tax_rate) }}%</td>
|
|
<td class="right">{{ money(it.line_total_net) }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
|
|
<table class="totals">
|
|
<tr><td class="right">Zwischensumme (netto):</td><td class="right"><strong>{{ money(totals.net_total) }}</strong></td></tr>
|
|
<tr><td class="right">USt gesamt:</td><td class="right"><strong>{{ money(totals.tax_total) }}</strong></td></tr>
|
|
<tr><td class="right">Gesamt (brutto):</td><td class="right"><strong>{{ money(totals.gross_total) }}</strong></td></tr>
|
|
</table>
|
|
|
|
{% if meta.notes %}
|
|
<div class="footer">
|
|
<strong>Hinweise</strong><br>
|
|
{{ meta.notes }}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div class="footer muted">
|
|
Hinweis: Bei Nutzung von --combine wird ein Factur-X/ZUGFeRD XML-Datensatz in das PDF eingebettet.
|
|
</div>
|
|
</body>
|
|
</html>
|