108 lines
5.5 KiB
HTML
108 lines
5.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de" data-bs-theme="{% if config.dark_mode %}dark{% else %}light{% endif %}">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
|
|
<title>Rechnung erstellen</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/@tabler/core@latest/dist/css/tabler.min.css" rel="stylesheet">
|
|
<link href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
|
|
<style>
|
|
@import url("https://rsms.me/inter/inter.css");
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="page">
|
|
|
|
<header class="navbar navbar-expand-md">
|
|
<div class="container-xl">
|
|
<div class="navbar-brand navbar-brand-autodark pe-0 pe-md-3 py-2 d-flex align-items-center gap-2">
|
|
<span class="fw-bold">JET Design</span>
|
|
<span class="text-secondary" style="opacity:0.5;">|</span>
|
|
<span class="fw-semibold"><i class="ti ti-file-invoice me-1"></i>Rechnung erstellen</span>
|
|
</div>
|
|
<div class="navbar-nav flex-row order-md-last">
|
|
<div class="nav-item me-3">
|
|
<a href="{{ url_for('settings') }}" class="nav-link px-0" title="Einstellungen">
|
|
<i class="ti ti-settings icon icon-1"></i>
|
|
</a>
|
|
</div>
|
|
<div class="nav-item">
|
|
<a href="{{ url_for('index') }}" class="nav-link px-0" title="Zuruck zur Kalkulation">
|
|
<i class="ti ti-arrow-left icon icon-1"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="container-xl my-4">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8">
|
|
|
|
<form method="POST" action="{{ url_for('invoice_pdf') }}" target="_blank">
|
|
|
|
<div class="card mb-3">
|
|
<div class="card-header"><i class="ti ti-user me-2"></i>Rechnungsdaten</div>
|
|
<div class="card-body">
|
|
<div class="row g-3">
|
|
<div class="col-md-6">
|
|
<label class="form-label">Rechnungsnummer</label>
|
|
<input type="text" class="form-control" name="rechnungsnummer" value="{{ config.rechnungsnummer }}">
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label class="form-label">Datum</label>
|
|
<input type="text" class="form-control" name="datum" value="{{ config.datum }}">
|
|
</div>
|
|
<div class="col-12">
|
|
<label class="form-label">Kundenname</label>
|
|
<input type="text" class="form-control" name="kundenName" value="{{ config.kundenName }}">
|
|
</div>
|
|
<div class="col-12">
|
|
<label class="form-label">Kundenadresse</label>
|
|
<textarea class="form-control" name="kundenAdresse" rows="3">{{ config.kundenAdresse }}</textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card mb-3">
|
|
<div class="card-header"><i class="ti ti-eye me-2"></i>Vorschau</div>
|
|
<div class="card-body p-0">
|
|
{% set stueckzahl = config.stueckzahl|default(1)|int %}
|
|
{% set gesamt_netto = (calc.verkaufspreis * stueckzahl)|round(2) %}
|
|
{% set gesamt_mwst = (gesamt_netto * 0.19)|round(2) if calc.mwst_ausweisen else 0 %}
|
|
{% set gesamt_brutto = (gesamt_netto + gesamt_mwst)|round(2) %}
|
|
<div class="p-3" style="font-family:'Courier New',Courier,monospace;font-size:13px;line-height:1.8;white-space:pre;overflow-x:auto;background:var(--tblr-bg-surface);">LEISTUNGSBESCHREIBUNG:
|
|
{{ '\u2500' * 50 }}
|
|
Position: 3D-Druck - {{ config.projektName }}
|
|
Menge: {{ stueckzahl }}
|
|
Einzelpreis: {{ "%.2f"|format(calc.verkaufspreis) }} EUR
|
|
Gesamt: {{ "%.2f"|format(gesamt_netto) }} EUR
|
|
|
|
{{ '\u2500' * 50 }}
|
|
Nettobetrag: {{ "%.2f"|format(gesamt_netto) }} EUR
|
|
{% if calc.mwst_ausweisen %}MwSt. (19%): {{ "%.2f"|format(gesamt_mwst) }} EUR
|
|
{% endif %}{{ '\u2550' * 50 }}
|
|
GESAMTBETRAG{% if calc.mwst_ausweisen %} (brutto){% endif %}: {{ "%.2f"|format(gesamt_brutto) }} EUR
|
|
|
|
Zahlbar innerhalb von 14 Tagen ohne Abzug.
|
|
Vielen Dank fur Ihren Auftrag!</div>
|
|
</div>
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-primary w-100 btn-lg">
|
|
<i class="ti ti-file-download me-2"></i>PDF speichern
|
|
</button>
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/@tabler/core@latest/dist/js/tabler.min.js"></script>
|
|
</body>
|
|
</html>
|