122 lines
4.1 KiB
Plaintext
122 lines
4.1 KiB
Plaintext
<!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; }
|
|
</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>
|
|
|
|
</body>
|
|
</html>
|