Kufrik/app/Model/Faktura/faktura.latte

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<style>
		body { font-family: sourcesans3, sans-serif; font-size: 9pt; color: #1c1c1c; }
		h1 { font-size: 18pt; line-height: 1.15; margin: 0 0 2mm 0; font-weight: bold; }
		.rule { border-top: 2.2pt solid #222; margin: 0 0 6mm 0; }
		table { width: 100%; border-collapse: collapse; }
		.parties td.col { width: 48%; vertical-align: top; }
		.parties td.gap { width: 4%; }
		.kv th, .kv td { padding: 1.3mm 1.6mm; border-bottom: 0.3mm solid #fff; vertical-align: middle; }
		.kv th { width: 20mm; background: #d4d4d4; font-weight: bold; text-align: left; }
		.kv td { background: #eeeeee; }
		.kv .psc { width: 16mm; }
		.note { font-style: italic; }
		.meta { margin-top: 6mm; }
		.meta th, .meta td, .items th, .items td { padding: 1.4mm 1.2mm; border: 0.25mm solid #fff; }
		.meta th, .items th { background: #87cefa; font-weight: bold; text-align: center; color: #10283d; }
		.meta td { background: #eeeeee; text-align: center; }
		.spacer { height: 4mm; }
		.items td { background: #eeeeee; }
		.items td.name { text-align: left; }
		.items td.num { text-align: right; white-space: nowrap; }
		.items td.mid { text-align: center; }
		.total td { padding: 1.6mm 1.4mm; }
		.total .sum { width: 48mm; background: #d4d4d4; font-weight: bold; text-align: right; white-space: nowrap; }
		.cinnosti { margin-top: 5mm; }
		.cinnosti .label { font-weight: bold; margin: 0 0 1mm 0; }
		.cinnosti .text { margin: 0; }
		.qr-platba { margin-top: 8mm; }
		.qr-platba td { vertical-align: middle; }
		.qr-platba .code { width: 30mm; }
		.qr-platba .code img { width: 28mm; height: 28mm; }
		.qr-platba .hint { padding-left: 4mm; font-size: 8.5pt; color: #333; line-height: 1.35; }
		.qr-platba .hint strong { font-size: 9pt; }
	</style>
</head>
<body>

<h1>FAKTURA - č. {$cislo}</h1>
<div class="rule"></div>

<table class="parties">
	<tr>
		<td class="col">
			<table class="kv">
				<tr><th>Dodavatel:</th><td colspan="2">{$dodavatel['nazev']}</td></tr>
				<tr><th>Adresa:</th><td colspan="2">{$dodavatel['ulice']}</td></tr>
				<tr><th></th><td class="psc">{$dodavatel['psc']}</td><td>{$dodavatel['mesto']}</td></tr>
				<tr><th>Telefon:</th><td colspan="2">{$dodavatel['telefon']}</td></tr>
				<tr><th>Email:</th><td colspan="2">{$dodavatel['email']}</td></tr>
				<tr><th>Web:</th><td colspan="2">{$dodavatel['web']}</td></tr>
				<tr><th>IČ:</th><td colspan="2">{$dodavatel['ic']}</td></tr>
				<tr><th>Č. účtu:</th><td colspan="2">{$dodavatel['ucet']}</td></tr>
				<tr><th></th><td colspan="2" class="note">neplátce DPH</td></tr>
			</table>
		</td>
		<td class="gap"></td>
		<td class="col">
			<table class="kv">
				<tr><th>Odběratel:</th><td colspan="2">{$odberatel['nazev']}</td></tr>
				<tr><th>Adresa:</th><td colspan="2">{$odberatel['ulice']}</td></tr>
				<tr><th></th><td class="psc">{$odberatel['psc']}</td><td>{$odberatel['mesto']}</td></tr>
				<tr><th>IČ:</th><td colspan="2">{$odberatel['ic']}</td></tr>
				<tr><th>DIČ:</th><td colspan="2">{$odberatel['dic']}</td></tr>
			</table>
		</td>
	</tr>
</table>

<table class="meta">
	<tr>
		<th style="width: 19%;">Datum vystavení:</th>
		<th style="width: 19%;">Datum splatnosti:</th>
		<th style="width: 19%;">Způsob úhrady:</th>
		<th style="width: 25%;">Číslo účtu:</th>
		<th style="width: 18%;">VS:</th>
	</tr>
	<tr>
		<td>{$datumVystaveni}</td>
		<td>{$datumSplatnosti}</td>
		<td>{$formaUhrady}</td>
		<td>{$dodavatel['ucet']}</td>
		<td>{$cislo}</td>
	</tr>
</table>

<div class="spacer"></div>

<table class="items">
	<thead>
		<tr>
			<th style="width: 41%;">Fakturované položky:</th>
			<th style="width: 8%;">Počet:</th>
			<th style="width: 8%;">Jed.</th>
			<th style="width: 16%;">J. cena:</th>
			<th style="width: 9%;">Sleva:</th>
			<th style="width: 18%;">Celkem:</th>
		</tr>
	</thead>
	<tbody>
		<tr n:foreach="$polozky as $radek">
			<td class="name">{$radek['nazev']}</td>
			<td class="num">{$radek['pocet']}</td>
			<td class="mid">{$radek['jednotka']}</td>
			<td class="num">{$radek['cenaJednotka']}</td>
			<td class="num">{$radek['sleva']}</td>
			<td class="num">{$radek['cena']}</td>
		</tr>
	</tbody>
</table>

<table class="total">
	<tr>
		<td></td>
		<td class="sum">{$celkem}</td>
	</tr>
</table>

<div n:if="$cinnosti" class="cinnosti">
	<p class="label">Popis činností:</p>
	<p class="text">{foreach $cinnosti as $radek}{$radek}{sep}<br>{/sep}{/foreach}</p>
</div>

<table n:if="$qrPlatba" class="qr-platba">
	<tr>
		<td class="code"><img src="var:qrplatba" width="112" height="112" alt="QR platba"></td>
		<td class="hint">
			<strong>QR platba</strong><br>
			Naskenujte kód v mobilním bankovnictví.<br>
			Částka, účet i VS se vyplní automaticky.
		</td>
	</tr>
</table>

</body>
</html>