400 lines
No EOL
11 KiB
PHP
400 lines
No EOL
11 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|
<title>partner.gruene-seele.bio</title>
|
|
<style>
|
|
|
|
/* roboto-300 - latin */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
font-style: normal;
|
|
font-weight: 300;
|
|
src: url('fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
|
|
}
|
|
/* roboto-regular - latin */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url('fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
|
}
|
|
/* roboto-500 - latin */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
src: url('fonts/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
|
|
}
|
|
/* roboto-700 - latin */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
src: url('fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
|
|
}
|
|
html {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
color: #000;
|
|
background: #fff;
|
|
font-family: 'Roboto', sans-serif;
|
|
font-size: 8pt;
|
|
font-weight: 400 ;
|
|
}
|
|
table {
|
|
border: none;
|
|
}
|
|
|
|
strong {
|
|
font-weight: bold !important;
|
|
}
|
|
|
|
@page {
|
|
margin: 0px;
|
|
}
|
|
@page {
|
|
margin-top: 0px;
|
|
}
|
|
|
|
|
|
@page {
|
|
margin: 75mm 0 40mm 0;
|
|
}
|
|
|
|
.font-weight-bold {
|
|
font-weight: bold !important;
|
|
}
|
|
|
|
#address_box {
|
|
position: absolute;
|
|
top:-30mm;
|
|
left: 15mm;
|
|
width: 100mm;
|
|
height: 45mm;
|
|
z-index: 1;
|
|
font-size: 8pt;
|
|
line-height: 9pt;
|
|
letter-spacing: 0.05em;
|
|
}
|
|
#address_box_top {
|
|
font-size: 7pt;
|
|
color:#858585;
|
|
}
|
|
|
|
#title_box {
|
|
position: absolute;
|
|
top:0mm;
|
|
left: 15mm;
|
|
width: 180mm;
|
|
height: 10mm;
|
|
z-index: 2;
|
|
text-align: center;
|
|
}
|
|
#title_box .title {
|
|
font-size: 15pt;
|
|
line-height: 12pt;
|
|
}
|
|
#title_box .subtitle {
|
|
font-size: 9pt;
|
|
line-height: 9pt;
|
|
}
|
|
|
|
#detail_box_left {
|
|
position: absolute;
|
|
top:8mm;
|
|
left: 15mm;
|
|
width: 90mm;
|
|
height: 15mm;
|
|
z-index: 3;
|
|
font-size: 8pt;
|
|
}
|
|
|
|
#detail_box_right {
|
|
position: absolute;
|
|
top:8mm;
|
|
left: 105mm;
|
|
width: 90mm;
|
|
height: 15mm;
|
|
z-index: 4;
|
|
font-size: 8pt;
|
|
}
|
|
|
|
#detail_box_left table, #detail_box_right table {
|
|
width: 100%;
|
|
line-height: 9pt;
|
|
}
|
|
|
|
#detail_box_left table td {
|
|
text-align: left;
|
|
}
|
|
|
|
#detail_box_right table td {
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
#invoice_box {
|
|
position: relative;
|
|
padding-top: 20mm;
|
|
margin-left: 15mm;
|
|
width: 180mm;
|
|
font-size: 8pt;
|
|
line-height: 8pt;
|
|
}
|
|
|
|
#invoice_box table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
|
|
#invoice_box table tr {
|
|
page-break-after: avoid;
|
|
}
|
|
|
|
#invoice_box table tr td {
|
|
vertical-align: top;
|
|
padding-top: 2mm;
|
|
padding-bottom: 2mm;
|
|
padding-left: 1.5mm;
|
|
padding-right: 1.5mm;
|
|
border-top: 0.5pt dotted #1a1a18;
|
|
}
|
|
|
|
#invoice_box table tfoot tr td {
|
|
border-top: none;
|
|
}
|
|
|
|
#invoice_box table tfoot tr.fullline td {
|
|
border-top: 0.3pt solid #575755;
|
|
}
|
|
|
|
#invoice_box table tfoot tr.fullline td.no-border {
|
|
border-top: none;
|
|
}
|
|
|
|
#invoice_box table tfoot tr td {
|
|
padding-top: 1.2mm;
|
|
padding-bottom: 1.2mm;
|
|
|
|
}
|
|
|
|
|
|
|
|
#invoice_box table td.small {
|
|
width: 1%;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#invoice_box table tr th {
|
|
line-height: 12pt;
|
|
padding-bottom: 1mm;
|
|
padding-left: 1mm;
|
|
padding-right: 1mm;
|
|
background-color: rgb(212, 212, 212);
|
|
|
|
}
|
|
|
|
|
|
|
|
#invoice_box table td .title {
|
|
font-size: 10pt;
|
|
}
|
|
#invoice_box table td .description {
|
|
padding-top: 1mm;
|
|
font-size: 9pt;
|
|
|
|
}
|
|
|
|
#invoice_box table td .price_net {
|
|
padding-top: 1mm;
|
|
font-size: 10pt;
|
|
padding-bottom: 1mm;
|
|
}
|
|
|
|
#invoice_box table td .price_tax {
|
|
padding-top: 0.7mm;
|
|
padding-bottom: 0.7mm;
|
|
}
|
|
|
|
#invoice_box table td .price_total {
|
|
padding-top: 2mm;
|
|
font-size: 11pt;
|
|
}
|
|
.singel-line-top {
|
|
border-top: 1pt solid #1a1a18;
|
|
}
|
|
.double-line {
|
|
border-bottom: 2.5pt double #1a1a18;
|
|
}
|
|
.dotted-line {
|
|
border-bottom: 0.8pt dotted #1a1a18;
|
|
}
|
|
|
|
#footer_box {
|
|
position: relative;
|
|
top:0mm;
|
|
left: 15mm;
|
|
width: 180mm;
|
|
height: 20mm;
|
|
z-index: 6;
|
|
font-size: 8pt;
|
|
line-height: 8pt;
|
|
}
|
|
|
|
.text-right {
|
|
text-align: right;
|
|
}
|
|
.text-left {
|
|
text-align: left;
|
|
}
|
|
.text-center {
|
|
text-align: center;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="address_box">
|
|
<div id="address_box_top">GRÜNE SEELE GbR • Hauptstr. 174 • 51143 Köln</div>
|
|
@if($user->account)
|
|
@if($user->account->company)
|
|
{{ $user->account->company }}<br>
|
|
@else
|
|
Firma <br>
|
|
@endif
|
|
{{ \App\Services\HTMLHelper::getSalutationLang($user->account->salutation) }}
|
|
{{ $user->account->first_name }} {{ $user->account->last_name }}<br>
|
|
{{ $user->account->address }}<br>
|
|
@if($user->account->address_2)
|
|
{{ $user->account->address_2 }}<br>
|
|
@endif
|
|
{{ $user->account->zipcode}} {{ $user->account->city }}<br>
|
|
@if($user->account->country)
|
|
{{ $user->account->country->getLocated() }}
|
|
@endif
|
|
@endif
|
|
</div>
|
|
|
|
<div id="title_box">
|
|
<div class="title">GUTSCHRIFT</div>
|
|
{{-- @if($cancellation)
|
|
<div class="subtitle">{{ $invoice->invoice_name }}</div>
|
|
@endif--}}
|
|
</div>
|
|
|
|
<div id="detail_box_left">
|
|
<table>
|
|
<tr>
|
|
<td>
|
|
{{ __('Gutschriftsnummer') }}: {{ $credit_number }}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="detail_box_right">
|
|
<table>
|
|
<tr>
|
|
<td>
|
|
{{ __('Datum') }}/{{ __('Leistungsdatum)') }}: {{ $credit_date }}
|
|
</td>
|
|
</tr>
|
|
@if($user->account->tax_number)
|
|
<tr>
|
|
<td>
|
|
{{ __('St.-Nr') }}: {{ $user->account->tax_number}}
|
|
</td>
|
|
</tr>
|
|
@else
|
|
@if($user->account->tax_identification_number)
|
|
<tr>
|
|
<td>
|
|
{{ __('USt-IdNr.') }}: {{ $user->account->tax_identification_number}}
|
|
</td>
|
|
</tr>
|
|
@endif
|
|
@endif
|
|
</table>
|
|
</div>
|
|
<div id="invoice_box">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th class="text-left" style="width: 75%">Gutschrift aus</th>
|
|
<th class="text-right" style="width: 25%">Betrag</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@foreach($user_credits->margins as $margin)
|
|
<tr class="item">
|
|
<td class="small text-left">
|
|
{{ $margin->firstname }} {{ $margin->lastname }} / {{ $margin->reference }} / {{ $margin->created_at }}
|
|
</td>
|
|
<td class="text-right small">
|
|
{{ \App\Services\Util::formatNumber($margin->net) }} €*
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
<tfoot>
|
|
<tr class="fullline">
|
|
<td class="text-right">
|
|
Zwischensumme
|
|
</td>
|
|
<td class="text-right">
|
|
{{ \App\Services\Util::formatNumber($user_credits->net) }} €*
|
|
</td>
|
|
</tr>
|
|
|
|
@if ($user_credits->taxable)
|
|
<tr class="">
|
|
<td class="text-right">
|
|
Mehrwertsteuer: {{ $user_credits->tax_rate }} % <br>
|
|
</td>
|
|
<td class="text-right">
|
|
{{ \App\Services\Util::formatNumber($user_credits->tax) }} €
|
|
</td>
|
|
</tr>
|
|
|
|
@else
|
|
<tr class="">
|
|
<td class="text-right">
|
|
Mehrwertsteuer: {{ $user_credits->tax_rate }} % <br>
|
|
Gutschriftsempfänger ist Kleinunternehmer nach § 19 (1) UStG.
|
|
|
|
</td>
|
|
<td class="text-right">
|
|
{{ \App\Services\Util::formatNumber($user_credits->tax) }} €
|
|
</td>
|
|
</tr>
|
|
@endif
|
|
|
|
<tr class="fullline">
|
|
<td class="text-right">
|
|
<b>Auszahlungsbetrag (Brutto):</b>
|
|
</td>
|
|
<td class="text-right">
|
|
<b> {{ \App\Services\Util::formatNumber($user_credits->total) }} €</b>
|
|
<br>
|
|
<span style="font-size: 0.9em"><em>* Nettobeträge</em></span>
|
|
</td>
|
|
</tr>
|
|
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
<div id="footer_box">
|
|
<div class="text">
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |