File: D:/HostingSpaces/SBogers10/topswtwmobile.komma.pro/app/views/pdfs/invoice.blade.php
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style>
@page {
margin-bottom: 0px;
}
body {
font-family: "Helvetica", "Arial", sans-serif;
font-size: 12px;
margin-bottom: 0;
}
address {
font-style: normal;
font-size: 12px;
vertical-align: top;
margin-left: 90px;
margin-top: 10px;
}
address strong {
margin-bottom: 5px;
display: block;
}
.subtotal td {
border-top: #000000 solid 1px;
padding-top: 10px;
}
.total td {
font-size: 12px;
border-top: #000000 solid 1px;
padding-top: 10px;
}
.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-5 {
display: inline-block;
width: 41.25%;
}
.col-4 {
display: inline-block;
width: 33%;
}
.col-3 {
display: inline-block;
width: 25%;
}
.col-2 {
display: inline-block;
width: 16.666666%;
}
.title {
font-weight: 700;
text-align: right;
font-size: 25px;
color: #00B1EB;
}
.title span {
display: inline-block;
margin-top: 5px;
margin-right: 18px;
}
.blue {
color: #00B1EB;
}
.order-overview th {
padding: 5px 0;
}
.invoice-info {
padding: 10px 0;
}
.bold-blue {
font-weight: 700;
}
.order-overview .order-overview-product td {
vertical-align: top;
padding: 10px 0;
}
.order-overview {
width: 100% !important;
}
.order-overview th {
border-bottom: solid 1px black;
border-top: solid 1px black;
}
.order-overview-composite {
color: #B3B3B3;
}
.composition {
width: 80%
}
.composition-inner-table {
width: 100%
}
.order-overview .order-overview-product .composition td {
padding: 3px 0;
}
.order-overview .order-overview-product .composition tr {
padding: 0;
}
.composition-inner-table {
width: 100%;
padding: 0;
color: #B3B3B3;
}
.composition-header {
display: none;
}
.composition-quantity {
width: 20%;
padding: 3px 0;
}
.composition-type {
line-height: 1.2;
padding: 3px 0;
}
.composition-class {
width: 10%;
padding: 3px 0;
}
.order-overview-totals {
padding: 10px 0;
}
.order-overview-totals td {
padding: 3px 0;
}
.order-overview-total td {
font-weight: 700;
border-bottom: solid 1px black;
border-top: solid 1px black;
}
.header, .header th {
text-align: left;
}
.header td, .header th {
padding-top: 2px;
padding-bottom: 2px;
}
.header {
border-bottom: solid 1px black;
}
.header th {
border-top: solid 1px #000000;
}
.header .spacing {
width: 105px;
}
.header .order-nr {
padding-left: 10px;
width: 10px;
}
.header .middle, .header .customer {
width: 10px;
}
.header .shipping {
padding-right: 10px;
width: 10px;
}
/*First row */
.first-row {
height: 319.45px; /* +/- 8.6 cm with a 1.2cm header 9.8cm */
}
.products-table {
height: 435px;
}
.article-block {
height: 560px;
}
.footer {
font-size: 9px;
width: 100%;
display: block;
height: 40px;
}
.footer table, .footer table tr td, .footer table tr, .footer table tr th {
padding: 0;
font-size: 9px;
}
.footer-image {
height: 40px;
overflow: hidden;
width: 160px;
}
.footer-image img {
height: 40px;
margin: 0;
padding: 0;
display: inline-block;
padding-left: 60px;
}
.image-holder {
padding-top: 10px;
padding-left: 10px;
}
</style>
</head>
<body>
<div class="first-row">
<!-- Title and logo -->
<div class="row">
<div class="col-8 image-holder">
<img src="images/pdf/invoice_logo_{{$order->shop_id}}.png" width="190px"/>
</div>
<div class="col-4 title">
<span>Factuur</span>
</div>
</div>
<p> </p>
<div class="row">
<div class="col-4 address">
<address>
<br/>
{{ $order->getFullInvoiceAddress() }}<br/>
{{ $order->invoice_email }}
</address>
</div>
<div class="col-4 address shipping">
</div>
<div class="col-5">
</div>
</div>
</div>
<div class="row">
<div class="invoice-info col-12">
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="header">
<tr>
<th class="order-nr">{{ Lang::get('partials/orderOverview.order_number') }}</th>
<th class="spacing"> </th>
<th class="customer">{{ Lang::get('partials/orderOverview.customer_number') }}</th>
<th class="spacing"> </th>
<th class="middle">{{ Lang::get('partials/orderOverview.order_date') }}</th>
<th class="spacing"> </th>
<th class="shipping">{{ Lang::get('partials/orderOverview.shipping_date') }}</th>
</tr>
<tr>
<td class="order-nr">{{ $order->order_number }}</td>
<td class="spacing"></td>
<td>
@if($order->customer) {{ $order->customer->customer_number}} @endif
</td>
<td class="spacing"></td>
<td class="middle">{{ \Carbon\Carbon::parse($order->ordered_at)->format('d-m-Y') }}</td>
<td class="spacing"></td>
<td class="shipping">
@if($order->order_shipped_notification_on != NULL)
{{ \Carbon\Carbon::parse($order->order_shipped_notification_on)->format('d-m-Y') }}
@else
-
@endif
</td>
</tr>
</table>
</div>
</div>
<p> </p>
<div class="article-block">
@include('partials.orders.orderOverview')
</div>
<footer class="footer row">
<div class="col-3">
<table width="100%">
<tr>
<th align="left">{{ Lang::get('tops.name') }}</th>
</tr>
<tr>
<td align="left">{{ Config::get('komma/tops.address.invoice.street') }}</td>
</tr>
<tr>
<td align="left">{{ Config::get('komma/tops.address.invoice.postal') }} {{ Config::get('komma/tops.address.invoice.city') }}
(NL)
</td>
</tr>
</table>
<strong></strong><br/>
</div>
<div class="col-3">
<table width="100%">
<tr>
<th class="blue" align="left">Tel</th>
<td>{{ Config::get('komma/tops.telephone.'.\Shop::getDomainCountry('iso_2') )}}</td>
</tr>
<tr>
<th class="blue" align="left">Email</th>
<td>{{ Config::get('komma/tops.email.'.\Shop::getDomainCountry('iso_2') )}}</td>
</tr>
<tr>
<th class="blue" align="left">Web</th>
<td>www.topswtwfilters.nl</td>
</tr>
</table>
</div>
<div class="col-3">
<table width="100%">
<tr>
<th class="blue" align="left">{{ Lang::get('pages/contact.chamber_of_commerce') }}</th>
<td>{{ Config::get('komma/tops.coc_number') }}</td>
</tr>
<tr>
<th class="blue" align="left">{{ Lang::get('pages/contact.vat_number') }}</th>
{{-- Check if TOPS has a seperate VAT number for this shipping country --}}
@if(Config::has('komma/tops.vat_number_' . strtolower($order->shipping_country)))
<td>{{ Config::get('komma/tops.vat_number_' . strtolower($order->shipping_country)) }}</td>
@else
<td>{{ Config::get('komma/tops.vat_number') }}</td>
@endif
</tr>
<tr>
<th class="blue" align="left">{{ Lang::get('pages/contact.bank_number') }}</th>
<td>{{ Config::get('komma/tops.iban_number') }}</td>
</tr>
</table>
</div>
<div class="col-2 footer-image">
<img src="images/pdf/invoice_footer.png"/>
</div>
</footer>
</body>
</html>