Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
- <script src="http://{{ app.request.host }}{{ asset("js/JsBarcode-master/CODE128.js") }}"></script>
- <script src="http://{{ app.request.host }}{{ asset("js/JsBarcode-master/JsBarcode.js") }}"></script>
- <title>parcel</title>
- <style>
- *, *:after, *:before {
- -webkit-box-sizing: border-box;
- /* iOS <= 4 i Android <= 2.3 */
- -moz-box-sizing: border-box;
- /* Firefox */
- box-sizing: border-box;
- /* Chrome, Opera, Safari 5+ i IE 8+ */ }
- body {
- font-family: 'varela_roundregular', sans-serif;
- background: #fff;
- font-size:12px;
- }
- .main-content{
- width: 210mm;
- height: 307mm;
- padding: 10mm;
- }
- td {
- border: solid 1px;
- border-bottom: 0px;
- padding: 5px 5px;
- border-right: 0px;
- }
- .top-row td {
- border-top: 0px;
- }
- .row-4col-lbl td:nth-child(2n) {
- width:35%;
- word-wrap: break-word;
- }
- .row-4col-lbl td:nth-child(2n-1) {
- width:15%;
- }
- tr td:first-child {
- border-left: 0px;
- }
- .row-7col-lbl {
- width:14%;
- }
- .bold-row {
- font-weight: bold;
- }
- .empty-row td{
- padding: 15px 5px;
- }
- .borderless td{
- border: 0px;
- }
- .borderless td:nth-child(3n){
- border-left: 1px solid;
- }
- .row-2col-lbl td{
- width:50%;
- text-align: center;
- }
- table {
- table-layout: fixed;
- font-size:13px;
- }
- </style>
- </head>
- <body>
- <div class="main-content">
- <img src="http://{{ app.request.host }}{{ asset('psEmailLogo.png') }}" style ="height:100px; width:60%; margin: 0% 20%;"/>
- <h2 style="text-align:center;">PRO FORMA CUSTOMS INVOICE</h2>
- <table style="width: 100%; border: solid 1px; border-spacing: 0px;">
- <tr class="top-row row-4col-lbl">
- <td>Reference:</td>
- <td>{{ reference }}</td>
- <td>Shipping Date:</td>
- <td>{{ order.data.collectionDate }}</td>
- </tr>
- <tr>
- <td>Tracking number:</td>
- <td style="width:85%;" colspan='3'>{% for agentWaybill in trackingNumbers %}{{ agentWaybill }} {% endfor %}</td>
- </tr>
- <tr class="row-2col-lbl bold-row">
- <td colspan='2'>Sender</td>
- <td colspan='2'>Recipient</td>
- </tr>
- <tr class="row-4col-lbl">
- <td>Postcode:</td>
- <td>{{ order.data.collectionPostcode }}</td>
- <td>Postcode:</td>
- <td>{{ order.data.destinationPostcode }}</td>
- </tr>
- <tr class="row-4col-lbl">
- <td>Company Name:</td>
- <td>{{ order.data.collectionCompanyName }}</td>
- <td>Company Name:</td>
- <td>{{ order.data.destinationCompanyName }}</td>
- </tr>
- <tr class="row-4col-lbl">
- <td>Name:</td>
- <td>{{ order.data.collectionName }}</td>
- <td>Name:</td>
- <td>{{ order.data.destinationName }}</td>
- </tr>
- <tr class="row-4col-lbl">
- <td>Email:</td>
- <td>{{ order.data.collectionEmail }}</td>
- <td>Email:</td>
- <td>{{ order.data.destinationEmail }}</td>
- </tr>
- <tr class="row-4col-lbl">
- <td>Mobile:</td>
- <td>{{ order.data.collectionMobile }}</td>
- <td>Mobile:</td>
- <td>{{ order.data.destinationMobile }}</td>
- </tr>
- <tr class="row-4col-lbl">
- <td>Address line 1:</td>
- <td>{{ order.data.collectionAddressLine1 }}</td>
- <td>Address line 1:</td>
- <td>{{ order.data.destinationAddressLine1 }}</td>
- </tr>
- <tr class="row-4col-lbl">
- <td>Address line 2:</td>
- <td>{{ order.data.collectionAddressLine2 }}</td>
- <td>Address line 2:</td>
- <td>{{ order.data.destinationAddressLine2 }}</td>
- </tr>
- <tr class="row-4col-lbl">
- <td>Address line 3:</td>
- <td>{{ order.data.collectionAddressLine3 }}</td>
- <td>Address line 3:</td>
- <td>{{ order.data.destinationAddressLine3 }}</td>
- </tr>
- <tr class="row-4col-lbl">
- <td>Town:</td>
- <td>{{ order.data.collectionTown }}</td>
- <td>Town:</td>
- <td>{{ order.data.destinationTown }}</td>
- </tr>
- <tr class="row-4col-lbl">
- <td>County/State:</td>
- <td>{{ order.data.collectionState }}</td>
- <td>County/State:</td>
- <td>{{ order.data.destinationState }}</td>
- </tr>
- <tr class="row-4col-lbl">
- <td>Country:</td>
- <td>{{ order.data.collectionCountry }}</td>
- <td>Country:</td>
- <td>{{ order.data.destinationCountryName }}</td>
- </tr>
- <tr>
- <td style="border-left: 0px;">VAT Status:</td>
- <td style="width:85%;" colspan='3'></td>
- </tr>
- <tr>
- <td style="border-left: 0px;">Reason for export:</td>
- <td style="width:85%;" colspan='3'></td>
- </tr>
- </table>
- <table style="width: 100%; border: solid 1px; border-spacing: 0px; margin-top: 25px;">
- <tr class="top-row row-7col-lbl bold-row">
- <td colspan="2">Description of goods:</td>
- <td>Country of manufacture:</td>
- <td>Unit value:</td>
- <td>Quantity:</td>
- <td>Total weight:</td>
- <td>Total value:</td>
- </tr>
- <tr class="row-7col-lbl empty-row">
- <td rowspan="5" colspan="2"> {{ order.data.additionalDetails }}</td>
- <td></td>
- <td></td>
- <td></td>
- <td></td>
- <td rowspan="5">{{ order.data.valueOfGoods }}</td>
- </tr>
- <tr class="row-7col-lbl empty-row">
- <td style="border-left: 1px solid;"></td>
- <td></td>
- <td></td>
- <td></td>
- </tr>
- <tr class="row-7col-lbl empty-row">
- <td style="border-left: 1px solid;"></td>
- <td></td>
- <td></td>
- <td></td>
- </tr>
- <tr class="row-7col-lbl empty-row">
- <td style="border-left: 1px solid;"></td>
- <td></td>
- <td></td>
- <td></td>
- </tr>
- <tr class="row-7col-lbl empty-row">
- <td style="border-left: 1px solid;"></td>
- <td></td>
- <td></td>
- <td></td>
- </tr>
- <tr class="row-7col-lbl bold-row">
- <td style="width:80%; text-align: right;" colspan="5">Total:</td>
- <td></td>
- <td></td>
- </tr>
- <tr class="bold-row">
- <td style="width:80%; text-align: right;" colspan="5">Currency GBP:</td>
- <td></td>
- <td></td>
- </tr>
- </table>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement