The client(Rabbit Hole Hay-US-NS) would like to create a custom pdf for the commercial packing slip. The mapping and mock-up is already given by the client.
RHHUN-14
<?xml version="1.0"?><!DOCTYPE pdf PUBLIC "-//big.faceless.org//report" "report-1.1.dtd">
<pdf>
<head>
<link name="NotoSans" type="font" subtype="truetype" src="${nsfont.NotoSans_Regular}" src-bold="${nsfont.NotoSans_Bold}" src-italic="${nsfont.NotoSans_Italic}" src-bolditalic="${nsfont.NotoSans_BoldItalic}" bytes="2" />
<#if .locale == "zh_CN">
<link name="NotoSansCJKsc" type="font" subtype="opentype" src="${nsfont.NotoSansCJKsc_Regular}" src-bold="${nsfont.NotoSansCJKsc_Bold}" bytes="2" />
<#elseif .locale == "zh_TW">
<link name="NotoSansCJKtc" type="font" subtype="opentype" src="${nsfont.NotoSansCJKtc_Regular}" src-bold="${nsfont.NotoSansCJKtc_Bold}" bytes="2" />
<#elseif .locale == "ja_JP">
<link name="NotoSansCJKjp" type="font" subtype="opentype" src="${nsfont.NotoSansCJKjp_Regular}" src-bold="${nsfont.NotoSansCJKjp_Bold}" bytes="2" />
<#elseif .locale == "ko_KR">
<link name="NotoSansCJKkr" type="font" subtype="opentype" src="${nsfont.NotoSansCJKkr_Regular}" src-bold="${nsfont.NotoSansCJKkr_Bold}" bytes="2" />
<#elseif .locale == "th_TH">
<link name="NotoSansThai" type="font" subtype="opentype" src="${nsfont.NotoSansThai_Regular}" src-bold="${nsfont.NotoSansThai_Bold}" bytes="2" />
</#if>
<#assign headerGrossSum = 0>
<#assign headerNetSum = 0>
<#list record.item as item>
<#assign headerGrossSum = headerGrossSum + item.custcol_ltweight>
<#assign headerNetSum = headerNetSum + item.custcol_jj_inv_netweight>
</#list>
<#assign wgtKg = headerGrossSum * 0.45359237>
<#assign roundedWgtKg = (wgtKg + 0.5)?int>
<macrolist>
<macro id="nlheader">
<table style="width: 100%;"><tr>
<td align="right" style="padding-bottom: 4px; padding-right: 0px; padding-top: -9px;"><span style="font-size: 40px; color: #568b4e; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; ">Commercial Packing Slip</span></td>
</tr>
<tr>
<td align="right" style="padding-bottom: 4px; padding-right: 0px;"><span style="font-size: 18pt; color: #568b4e; font-weight: bold; font-family: apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;">#${record.tranid}</span></td>
</tr>
<tr>
<td align="right" style="padding-bottom: -28px; padding-right: 0px;"><span style="font-size: 16pt; color: #568b4e; font-family: apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;">${record.trandate}</span></td>
</tr>
<tr>
<td align="right"> </td>
</tr>
<tr>
<td align="right"> </td>
</tr>
<tr>
<td align="left" style="padding-left: 470px;"><span style="font-size: 11pt; color: #568b4e; font-weight: bold; font-family: apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;">TOTAL WEIGHT</span></td>
</tr><tr><td></td></tr>
<tr>
<td align="right" style="padding-right: 0px; padding-top: -5px;"><span style="font-size: 28pt; color: #568b4e; font-weight: bold; font-family: apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;">${headerGrossSum?string["#,###"]} LBS</span></td>
</tr>
<tr>
<td align="right" style="padding-right: 0px; padding-top: -5px;"><span style="font-size: 11pt; color: #568b4e;font-weight: light; font-family: apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;">${roundedWgtKg?string["#,###"]} KG</span></td>
</tr></table>
<table style="width: 100%;"><tr>
<td align="left" colspan="3" style="font-size: 14px; padding: 6px 0px 2px -9px; font-weight: bold; color: #568b4e;padding-top:50px;">SHIP TO</td>
</tr>
<tr><!--<td align="left" colspan="3" style="padding:0px 0px 0px -11px; line-height: 12pt; color: #568b4e; font-size: 12px; ">${record.billaddress}</td>-->
<td align="left" colspan="3" style="padding:0px 0px 0px -9px; line-height: 12pt; color: #568b4e; font-size: 13px; "><#if record.shippingaddress.attention?has_content><#assign attetion = record.shippingaddress.attention><#if record.shippingaddress.addressee?has_content><#assign addressee = record.shippingaddress.addressee><#if attetion != addressee>${record.shippingaddress.attention}<br /></#if></#if></#if> <#if record.shippingaddress.addressee?has_content>${record.shippingaddress.addressee}<br /></#if> <#if record.shippingaddress.addr1?has_content>${record.shippingaddress.addr1}<br /></#if> <#if record.shippingaddress.addr2?has_content>${record.shippingaddress.addr2}<br /></#if> <#if record.shippingaddress.city?has_content>${record.shippingaddress.city}</#if> <#if record.shippingaddress.state?has_content>${record.shippingaddress.state}</#if> <#if record.shippingaddress.zip?has_content>${record.shippingaddress.zip}<br /></#if> <#if record.shippingaddress.country?has_content>${record.shippingaddress.country}<br /></#if></td>
</tr>
<tr>
<td align="left"> </td>
</tr></table>
</macro>
<macro id="nlfooter">
<table style="width: 100%; font-size: 12pt;"><tr>
<td class="address" colspan="2" rowspan="6"> </td>
<td align="center" class="address" colspan="2" style="color: #f9f8ee; padding-top:43pt;">Rabbit Hole Hay, Inc.</td>
<td class="address" colspan="2"> </td>
</tr>
<tr>
<td align="center" class="address" colspan="2" style="color: #f9f8ee;">199 E. 13th St.</td>
<td class="address" colspan="2"> </td>
</tr>
<tr>
<td align="center" class="address" colspan="2" style="color: #f9f8ee;">Chico, CA 95928</td>
<td class="address" colspan="2"> </td>
</tr>
<tr>
<td align="center" class="address" colspan="2" style="color: #f9f8ee;">United States of America</td>
<td class="address" colspan="2"> </td>
</tr>
<tr>
<td align="center" class="address" colspan="2" style="color: #f9f8ee;">(530) 763-6900</td>
<td class="address" colspan="2"> </td>
</tr>
<tr>
<td align="center" class="address" colspan="2" style="color: #f9f8ee;">accounting@rabbitholehay.com</td>
<td align="right" class="address" colspan="2" style="padding-right: -34.5px; color: #f9f8ee;"><pagenumber/> of <totalpages/></td>
</tr></table>
<!--</div>-->
</macro>
<macro id="watermark">
<p><img src="https://4501420.app.netsuite.com/core/media/media.nl?id=5067&c=4501420&h=qjqhcGn5NY3ZBOF5_8Fk0GwXp5J8Mw4st2h6YdFN5f4R8eWe" style="width: 612; height: 792;" /></p>
</macro>
</macrolist>
<style type="text/css">* {
<#if .locale == "zh_CN">
font-family: NotoSans, NotoSansCJKsc, sans-serif;
<#elseif .locale == "zh_TW">
font-family: NotoSans, NotoSansCJKtc, sans-serif;
<#elseif .locale == "ja_JP">
font-family: NotoSans, NotoSansCJKjp, sans-serif;
<#elseif .locale == "ko_KR">
font-family: NotoSans, NotoSansCJKkr, sans-serif;
<#elseif .locale == "th_TH">
font-family: NotoSans, NotoSansThai, sans-serif;
<#else>
font-family: NotoSans, sans-serif;
</#if>
}
table {
font-size: 11pt;
table-layout: fixed;
}
th {
font-weight: bold;
font-size: 8pt;
align:center;
vertical-align: middle;
padding-left: 0px;
padding-top: 5px;
padding-bottom:6px;
padding-right: 0px;
color: #333333;
}
/* td {
padding: 4px 6px;
}*/
/*td p { align:left }*/
.address {
text-align: center;
padding-bottom: 2px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
table.align td p{
align:center;
}
table.alignitem td p{
align:left
}
/*.alignitem
{
background-color: #f5f4e4;
}*/
</style>
</head>
<body header="nlheader" header-height="37%" footer="nlfooter" footer-height="14%" background-macro="watermark" padding="0.5in 0.5in 0.5in 0.5in" size="Letter">
<table class="align" style="width: 100%; padding-top:2px;padding-left:-14px;"><tr>
<td align="center" border-right="2.5" border-right-color="#568b4e" style="font-size: 12px; line-height: 14px; color: #568b4e; font-weight:bold;">PURCHASE ORDER #</td>
<td align="center" border-right="2.5" border-right-color="#568b4e" style="font-size: 12px; line-height: 14px; color: #568b4e; font-weight:bold;">SALES ORDER #</td>
<td align="center" border-right="2.5" border-right-color="#568b4e" style="font-size: 12px; line-height: 14px; color: #568b4e; font-weight:bold;">SHIPPING METHOD</td>
<td align="center" border-right="2.5" border-right-color="#568b4e" style="font-size: 12px; line-height: 14px; color: #568b4e; font-weight:bold;">CONTAINER #</td>
<td align="center" style="font-size: 12px; line-height: 14px; color: #568b4e; font-weight:bold;">SEAL #</td>
</tr>
<tr>
<td align="center" border-right="2.5" border-right-color="#568b4e" style="font-size: 10px; font-weight: light; color: #568b4e; ">${record.otherrefnum}</td>
<td align="center" border-right="2.5" border-right-color="#568b4e" style="font-size: 10px; font-weight: light; color: #568b4e;">${record.createdfrom}</td>
<td align="center" border-right="2.5" border-right-color="#568b4e" style="font-size: 10px; font-weight: light; color: #568b4e;">${record.shipmethod}</td>
<td align="center" border-right="2.5" border-right-color="#568b4e" style="font-size: 10px; font-weight: light; color: #568b4e;">${record.custbody_jj_containernum}</td>
<td align="center" style="font-size: 10px; font-weight: light; color: #568b4e;">${record.custbody_jj_sealnum}</td>
</tr>
<tr>
<td> </td>
</tr></table>
<#if record.item?has_content>
<table class="alignitem" style="width: 100%; margin-top: 10px; margin-left:-7px; padding-right:15px;padding-bottom:10px;background-color: #f9f8ee; padding-left:16px; padding-right:0pt;padding-top:13px; font-family:arial,sans-serif;"><!-- start items --><tr>
<th align="left" colspan="12" style="padding: 10px 0px; text-transform: uppercase; font-size: 15px; color: #464d30;padding-left:15px;">ITEM</th>
<th align="right" colspan="4" style="padding: 10px 0px; text-transform: uppercase; font-size: 15px; color: #464d30;">WEIGHT</th>
<th align="right" colspan="4" style="padding-top: 10px; padding-bottom: 10px; padding-left: 0px; font-size: 15px; padding-right: 12px; text-transform: uppercase; color: #464d30;">QTY SHIPPED</th>
</tr>
<#assign totalQty = 0><#assign totalWeight=0><#list record.item as item>
<tr>
<td align="left" colspan="12" style="padding-left: 0px; color: #464d30;padding-left:15px;"><span style="font-weight: bold; line-height: 150%; color: #464d30;">${item.item}</span><br />${item.description}</td>
<td align="right" colspan="4" line-height="150%" style="padding-right: 0px; color: #464d30;">${item.custcol_ltweight} LBS</td>
<td align="right" colspan="4" line-height="150%" style="padding-right: 12px; padding-left: 0px; color: #464d30;">${item.quantity}</td>
</tr>
<#assign totalQty = totalQty + item.quantity><#assign totalWeight = totalWeight + item.custcol_ltweight></#list><!-- end items --></#if>
<tr><td></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr><tr></tr><tr></tr><tr></tr>
<tr style="line-height: 150%;">
<td align="right" colspan="16" style="font-weight: bold; color: #464d30; text-transform: uppercase; font-size: 12px;">TOTAL QTY</td>
<td align="right" colspan="4" style="padding-right: 12px; padding-left: 0px; color: #464d30; font-size: 12px;">${totalQty}</td>
</tr><tr><td></td></tr>
<tr style="line-height: 150%;">
<td align="right" colspan="16" style="font-weight: bold; color: #464d30; text-transform: uppercase; font-size: 12px;">TOTAL WEIGHT</td>
<td align="right" colspan="4" style="padding-right: 12px; padding-left: 0px; color: #464d30; font-size: 12px;">${totalWeight?string["#,###"]} LBS</td>
</tr></table>
</body>
</pdf>