File: D:/HostingSpaces/SBogers93/fitale.nl/workbench/komma/kms/src/views/pdfs/shippingList.blade.php
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style>
body{
font-family: "Helvetica", "Arial", sans-serif;
font-size: 12px;
}
address{
padding: 50px 0 75px 50px;
font-style: normal;
font-size: 14px;
}
.subtotal td{
border-top: #000000 solid 1px;
padding-top: 10px;
}
.total td {
font-size: 14px;
border-top: #000000 solid 1px;
padding-top: 10px;
}
.order-overview th{
padding-bottom: 5px;
}
.order-overview .order-overview-product td {
vertical-align: top;
padding: 5px 0 3px 0;
border-top: solid 1px #000000;
}
.order-overview-product-composition td{
font-size: 10px;
padding: 0 0 2px 0;
}
.order-overview-product-composition-item td{
font-size: 10px;
padding: 3px 0;
}
.footer {
page-break-after: always;
}
.footer:last-of-type {
page-break-after: auto;
}
.row {
display: block;
}
.col-12 {
display: inline-block;
width: 100%;
}
.col-9{
display: inline-block;
width: 75%;
}
.col-8{
display: inline-block;
width: 66%;
}
.col-6{
display: inline-block;
width: 50%;
}
.col-4{
display: inline-block;
width: 33%;
}
.col-3{
display: inline-block;
width: 25%;
}
</style>
</head>
<body>
@foreach($orders as $order)
<div class="row">
<div class="col-8">
<img src="images/structure/tops_logo_footer.png" width="100px"/>
<address>
{{ $order->getFullInvoiceAddress() }}<br/>
</address>
</div>
<div class="col-4">
<p>
<strong>TOPS WTW-Filters</strong><br/>
Elcomapark 43<br/>
5554 HE Valkenswaard<br/>
Nederland
</p>
<p>
KVK: 000000<br/>
BTW: NL000000000B01<br/>
Bank: 123456789
</p>
</div>
</div>
<div class="row">
<div class="col-8">
<h2>Pakbon</h2>
</div>
<div class="col-4">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>Ordernummer:</td>
<td>{{ $order->order_number }}</td>
</tr>
<tr>
<td>Besteldatum:</td>
<td>{{ \Carbon\Carbon::parse($order->ordered_at)->format('d-m-Y') }}</td>
</tr>
<tr>
<td>Verzenddatum:</td>
<td>{{ \Carbon\Carbon::now()->format('d-m-Y') }}</td>
</tr>
</table>
</div>
</div>
<p> </p>
<div class="row">
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="order-overview">
<tr>
<th align="left" width="100px">Artikelnummer</th>
<th align="left" width="100px">Picknummer</th>
<th align="left" width="75px">{{ Lang::get('shop.quantity') }}</th>
<th align="left">{{ Lang::get('shop.description') }}</th>
</tr>
@foreach($order->products as $product)
<tr class="order-overview-product">
<td>{{ $product->internal_article_number }}</td>
<td>{{ $product->pick_number }}</td>
<td class="order-overview-product-quantity">{{ $product->quantity }}</td>
<td class="order-overview-product-description">{{ $product->title }} - <em>{{ $product->description }}</em></td>
</tr>
<tr class="order-overview-product-composition">
<td colspan="2"></td>
<td colspan="2">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
@foreach($product->getCompositionAsObject() as $composite)
<tr class="order-overview-product-composition-item">
<td valign="top" width="75px"><em>{{$composite->quantity}}</em></td>
<td valign="top"><em>{{$composite->type}} - {{$composite->size}} - {{$composite->class}}</em></td>
</tr>
@endforeach
</table>
</td>
</tr>
@endforeach
</table>
</div>
<div class="footer"></div>
@endforeach
</body>
</html>