130 lines
3.5 KiB
HTML
130 lines
3.5 KiB
HTML
<!doctype html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Rechnung vom {{ .Date | date }}</title>
|
|
<!-- <link href="css/style.css" rel="stylesheet" /> -->
|
|
<style>
|
|
{{ .Style }}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div class="company">
|
|
<h2>{{ .Company.Name }}</h2>
|
|
<p>
|
|
{{ .Company.Address.Street}} {{.Company.Address.Number}} <br />
|
|
{{ .Company.Address.ZIPCode }} {{ .Company.Address.Place }} <br />
|
|
{{ .Company.Contact }}
|
|
</p>
|
|
|
|
<p></p>
|
|
</div>
|
|
<div class="invoice-info">
|
|
<p>
|
|
<strong>Rechnung:</strong> {{ .ID }} <br />
|
|
<strong>Datum:</strong> {{ .Date | date }} <br />
|
|
</p>
|
|
</div>
|
|
</header>
|
|
<section class="client">
|
|
<h2>Rechnung an:</h2>
|
|
<p>
|
|
{{ .Client.Name }} <br />
|
|
{{ .Client.Address.Street}} {{.Client.Address.Number}} <br />
|
|
{{ .Client.Address.ZIPCode }} {{ .Client.Address.Place }} <br />
|
|
{{ .Client.Contact }}
|
|
</p>
|
|
</section>
|
|
|
|
<section class="page p1">
|
|
<article>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>FID</th>
|
|
<th>Name</th>
|
|
<th>Zeitaufwand</th>
|
|
<th>Stundensatz</th>
|
|
<th>Preis CHF</th>
|
|
<th>Fertiggestellt</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{ range .Issues }}
|
|
<tr>
|
|
<td>{{ .Index }}</td>
|
|
<td>{{ .Title }}</td>
|
|
<td>{{ .Duration | duration }}</td>
|
|
<td>16 CHF/h</td>
|
|
<td>{{ .Duration | price }} CHF</td>
|
|
|
|
<td>{{ .Closed | time }}</td>
|
|
</tr>
|
|
{{ end }}
|
|
</tbody>
|
|
</table>
|
|
|
|
<div class="totals">
|
|
<table>
|
|
<tr>
|
|
<td>Gesamtbetrag:</td>
|
|
<td>{{ .Total }} CHF</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</article>
|
|
<article class="qr-section">
|
|
<div class="qr-code">
|
|
<!-- Replace with your QR code image or generated SVG -->
|
|
<div class="qr-section-img">
|
|
<image src="{{ .QRInvoice }}"></image>
|
|
{{ .ChCross }}
|
|
</div>
|
|
|
|
<div class="qr-section-info">
|
|
<h4>Währung</h4>
|
|
<h4>Betrag</h4>
|
|
<p>CHF</p>
|
|
<p>{{ .Total}}</p>
|
|
</div>
|
|
</div>
|
|
<div class="payment-details">
|
|
<div>
|
|
<h4 style="margin-top: 0">Konto / Zahlbar an</h4>
|
|
<p>
|
|
{{ .Company.IBAN }} <br />
|
|
{{ .Company.Contact }} <br />
|
|
{{ .Company.Address.Street}} {{.Company.Address.Number}} <br />
|
|
{{ .Company.Address.ZIPCode }} {{ .Company.Address.Place }}
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<h4>Referenz</h4>
|
|
<p></p>
|
|
</div>
|
|
<div>
|
|
<h4>Zahlbar durch</h4>
|
|
<p>
|
|
{{ .Client.Contact }} <br />
|
|
{{ .Client.Address.Street}} {{.Client.Address.Number}} <br />
|
|
{{ .Client.Address.ZIPCode }} {{ .Client.Address.Place }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</section>
|
|
<section>
|
|
<h2>Details zu den Features</h2>
|
|
|
|
{{ range .Issues }}
|
|
<article>
|
|
<h3>{{ .Index }}: {{ .Title }}</h3>
|
|
{{ .Body | md | oh 3 }}
|
|
</article>
|
|
{{ end }}
|
|
</section>
|
|
</body>
|
|
</html>
|