File: D:/HostingSpaces/farmfun/reserveren.farmfun.be/resources/views/pdf/receipt.blade.php
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style>
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
.page-break {
page-break-after: always;
}
.pdf-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-bottom: 45px;
font-family: 'Open Sans', sans-serif;
/*background: #efefef;*/
}
img{
display: block;
border: none;
}
.header__title {
margin-top: 30px;
margin-bottom: 20px;
font-size: 15px;
line-height: 1.2;
text-transform: uppercase;
color: #595959;
padding-left: 30px;
}
.main {
padding: 0 30px;
}
.main__double {
margin-bottom: 20px;
}
.main__double-item, .signature__item {
display: inline-block;
width: 47.5%;
}
.main__double-item--right {
width: 51%;
}
.main__title {
margin-bottom: 20px;
font-size: 14px;
line-height: 1.2;
text-transform: uppercase;
color: #595959;
}
.main__dots {
margin-top: 15px;
}
.footer {
position: absolute;
right: 0;
bottom: -20px;
width: 100%;
padding: 0 30px;
}
.footer .s-text {
margin: 0;
}
.footer .signature {
margin-top: 15px;
}
.footer__line {
display: block;
margin-top: 30px;
border-top: 1px solid #37474f;
padding-top: 10px;
}
.footer__text {
margin: 0;
font-size: 13px;
line-height: 1.2;
text-align: center;
color: #37474f;
}
.footer__logo {
position: relative;
margin-top: 20px;
text-align: right;
}
.footer__logo img {
margin-right: -15px;
}
.s-text, .receipt-number__label {
font-size: 14px;
line-height: 1.4;
color: #37474f;
}
.s-text .notes {
font-size: 12px;
line-height: 1.2;
color: #7d7d7d;
}
.receipt-number {
font-weight: bold;
font-size: 17px;
line-height: 18px;
vertical-align: middle;
color: #37474f;
}
.receipt-number__label {
display: inline-block;
width: 120px;
line-height: 18px;
}
.main__table {
}
.main__table thead td {
font-weight: bold;
padding-bottom: 10px;
}
.main__table tr.mt td{
padding-top: 20px;
}
.main__table td{
font-size: 12px;
line-height: 1.2;
color: #595959;
vertical-align: top;
}
.main__table td em {
display: inline-block;
padding-top: 4px;
color: #7d7d7d;
}
.main__table .dots td{
padding: 8px 0;
}
.main__table .dots--first td{
padding-top: 20px;
}
</style>
<div class="pdf-container">
<div class="header">
<img width="200" height="66" alt="logo" src="https://farmfun.be/img/pdf/farmfun-logo-green.jpg?v=2"/>
<h1 class="header__title">Orderbon</h1>
</div>
<div class="main">
<div class="main__double">
<div class="main__double-item main__double-item--left">
<p class="s-text">
@if(!empty($reservation->company_name)){{ $reservation->company_name }}<br/>@endif
{{ $reservation->last_name }} {{ $reservation->name_preposition }} {{ $reservation->first_name }}<br/>
{{ $reservation->email }}<br/>
{{ $reservation->phone }}<br/>
</p>
</div>
<div class="main__double-item main__double-item--right">
<p class="s-text">
<strong style="display: inline-block; width: 120px;">Datum:</strong>{{ $reservation->getDateAsDateTime()->format('j') }} @lang('calendar.month_names.' . ( $reservation->getDateAsDateTime()->format('n') - 1) ) {{ $reservation->getDateAsDateTime()->year }}<br/>
<strong style="display: inline-block; width: 120px;">Vestiging:</strong>{{ $reservation->location->city }}<br/>
</p>
<div class="receipt-number">
<span class="receipt-number__label">Bestelnummer:</span>{{ $reservation->reservation_number }}
</div>
</div>
</div>
<p class="s-text">
Spelbegeleider(s): .....................................................................................................................................
</p>
@if(!empty($reservation->company_type))
<p class="s-text">
Type bedrijf:
<em>{{ $reservation->company_type }}</em>
</p>
@endif
@if(!empty($reservation->remarks))
<p class="s-text">
Opmerkingen:
<em class="notes">{!! nl2br($reservation->remarks) !!}</em>
</p>
@endif
@if(!empty($reservation->reason))
<p class="s-text">
Reden van komst:
<em class="notes">{!! nl2br($reservation->reason) !!}</em>
</p>
@endif
<div class="main__activities">
<h2 class="main__title">Activiteiten</h2>
<table class="main__table">
<thead>
<tr>
<td width="70">Tijden</td>
<td width="245">Omschrijving</td>
<td width="45">Aantal</td>
</tr>
</thead>
<tbody>
@foreach($reservation->items as $item)
@continue(!isset($item->product))
<tr @if($loop->iteration != 1) class="mt" @endif>
<td>@if($item->getStartInDateTime() !== null && $item->getEndInDateTime(true) !== null)<strong>{{ $item->getStartInDateTime()->format('H:i') }} - {{ $item->getEndInDateTime(true)->format('H:i') }}</strong>@endif</td>
<td>
@if(!isset($item->product->translation))
@php
$item->product->setRelation('translation',$item->product->translations()->withTrashed()->first());
@endphp
@endif
<strong>{{ $item->product->translation->name }}</strong>
@if($item->product->translation->trashed())<br/>(Activiteit is verwijderd)@endif
</td>
<td>
{!! $item->getQuantityLabel() !!}
</td>
</tr>
@if(!empty($item->remarks))
<tr>
<td></td>
<td colspan="4">
<em>{!! nl2br($item->remarks) !!}</em>
</td>
</tr>
@endif
@endforeach
@php($lang = $reservation->location->country)
@if($reservation->hasDrinksArrangement())
@if($lang === 'NL')
<tr class="mt">
<td> </td>
<td><strong>Niet alcoholische drank buiten drankenforfait</strong></td>
<td>......</td>
</tr>
@endif
<tr class="mt">
<td> </td>
<td><strong>{{$lang === 'NL' ? 'Alcoholische drank buiten drankenforfait': 'Drank buiten drankenforfait'}}</strong></td>
<td>......</td>
</tr>
<tr class="mt">
<td> </td>
<td><strong>Wijn/cava per fles buiten drankenforfait</strong></td>
<td>......</td>
</tr>
@else
@if($lang === 'NL')
<tr class="mt">
<td> </td>
<td><strong>Niet alcoholische dranken</strong></td>
<td>......</td>
</tr>
@endif
<tr class="mt">
<td> </td>
<td><strong>
{{ $lang === 'NL' ? 'Alcoholische dranken' : 'Dranken' }}
</strong></td>
<td>......</td>
</tr>
<tr class="mt">
<td> </td>
<td><strong>Wijn/cava per fles</strong></td>
<td>......</td>
</tr>
@endif
<tr class="dots dots--first">
<td> </td>
<td>..................</td>
<td>......</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="footer">
<p class="s-text">
<strong>Voor akkoord:</strong>
</p>
<div class="signature main__double">
<div class="main__double-item main__double-item--left">
<p class="s-text">
Naam vertegenwoordiger FarmFun:
</p>
</div>
<div class="main__double-item main__double-item--right">
<p class="s-text">
Handtekening klant:
</p>
</div>
</div>
<p> </p>
<div class="footer__line">
<p class="footer__text">Orderbon a.u.b. dezelfde dag via e-mail bezorgen aan administratie@farmfun.be via je FarmFun e-mailadres.</p>
</div>
<div class="footer__logo">
<img width="300" height="53" alt="farm icons" src="https://farmfun.be/img/pdf/farm-icons.jpg?v=2"/>
</div>
</div>
</div>