Invoice Template

Jira Code: BTN-470

An advance PDF template for the Invoice

<?xml version="1.0"?><!DOCTYPE pdf PUBLIC "-//big.faceless.org//report" "report-1.1.dtd"> 
<pdf>

<head><#if .locale == "ru_RU">
    <link name="arial" type="font" subtype="opentype" src="${nsfont.verdana}" src-bold="${nsfont.verdana_bold}" bytes="2" />
</#if>
<macrolist>
    <macro id="nlheader">
        <table class="header" style="width: 100%;">
            <tr>
                <td align="left">
                    <span class="titleSub">Hi, here's your </span>
                    <br />
                    <span class="title">${record@title}</span>
                </td>
                <td rowspan="4">
                    <table align="right">
                        <tr>
                            <td>
                              <img src="http://shopping.netsuite.com/core/media/media.nl?id=814385&c=4215023_SB1&h=dceb931a2cc6d089b1df" style="width: 180px; height: 60px; " />
                            
                        </td>
                          <td style ="margin-left: 30px;">
                            <span class="nameandaddress">${companyInformation.companyName}</span><br />
                            <span class="nameandaddress">${companyInformation.addressText}</span>
                        </td>
                    </tr>
               
                </table>
            </td>
        </tr>
    </table>
  
</macro>
<macro id="nlfooter">
  <br/>
    <p class="pageNumClass" align="right"><b><pagenumber/> of <totalpages/></b> </p>
</macro>
</macrolist>
<style type="text/css">table {
        <#if .locale == "zh_CN">
            font-family: stsong, sans-serif;
        <#elseif .locale == "zh_TW">
            font-family: msung, sans-serif;
        <#elseif .locale == "ja_JP">
            font-family: heiseimin, sans-serif;
        <#elseif .locale == "ko_KR">
            font-family: hygothic, sans-serif;
        <#elseif .locale == "ru_RU">
            font-family: verdana;
        <#else>
            font-family: sans-serif;
        </#if>
            font-size: 9pt;
            table-layout: fixed;
        }
        .headerRow {
            font-weight: bold;
            font-size: 8pt;
            vertical-align: middle;
            color: #000000;
            margin-right:6px;
            border-color:#000000;
          	font-family:sans-serif;

        }
  p{
    font-family:sans-serif;
    
  }
        th{
            margin-left: 10px;
            padding-bottom :0px;
          font-family:sans-serif;
         }
        .headerTH{
             margin-right:6px;
            padding-bottom :0px;
            color:#185A7D;
           font-weight: 500;
          font-family:sans-serif;
       
        }
        td {
            padding: 4px;
        }
        .title {
            font-size: 30pt; color:#185A7D;
          font-family:sans-serif;
        }
        .titleSub {
            font-size: 22pt; color:#185A7D ;
          font-family:sans-serif;
        }
        .number {
            font-size: 16pt;
          font-family:sans-serif;
        }
        .header2{
            font-size: 8pzt;
            font-weight: 500;
            margin-right:6px;
            color: #185A7D;
          font-family:sans-serif;
          font-size:12px;
        }
        .header2Data{
          background-color: #ededed;
          margin-right:6px;
          color: #000000;
          font-family:sans-serif;
          font-size:12px;
        }
        .fullListTHClass{
            color:#000000;
            font-weight: 500;
            text-align: left;
          font-family:sans-serif;
           
        }

         .listRowClass tr{
            background: #185A7D;
           font-family:sans-serif;
        }
         .listRowClass tr:nth-child(odd){
            background:#185A7D;
           font-family:sans-serif;
        }
         .listRowClass tr:nth-child(even){
            background:#185A7D;
           font-family:sans-serif;
        }

        .confirmButton{

            background-color: #185A7D;
            color: black;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            width : 150pt;
            height: 15px;
            font-weight: bold;
        }


        .requestButton{

            background-color: #185A7D;
            color: white;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            width : 150pt;
            height: 15px;
            font-weight: bold;
        }
        #pgn {
            position: relative;
         }
        #pgn-content {
            position: absolute;
            bottom: 0;
            left: 0;
        }
        .instructionClass{
            display: inline-block;
        }
        .totalClass{
            display: inline-block;
          font-family:sans-serif;
        }
        #div1Head
        {
            font-size:20px;
        }
        #div2Para
        {
            display: table;
            margin: 0px auto 0px auto;
            padding: 5px;
            font-size: 12px;
            background-color:#185A7D;
          font-family:sans-serif;
        }
        #div3Para
        {
            font-size:10px;
          font-family:sans-serif;
        }
        .pageNumClass
        {
            font-size:10px;
          font-family:sans-serif;
        }
        .nameandaddress
        {
            font-size:11px;
          font-family:sans-serif;
        }


</style>
</head>

<body header="nlheader" header-height="12%" footer="nlfooter" footer-height="25pt" padding="0.5in 0.5in 0.5in 0.5in" size="Letter">

  
  <table class="header" style="width: 100%;  margin-bottom: 18px;">
        <tr>
            <th align="left" class="headerTH" >INV#</th>
            <th align="left" class="headerTH">Created From</th>
            <th align="left" class="headerTH" >Customer PO#</th>
            <th align="left" class="headerTH">Invoice Date</th>
            <th align="left" class="headerTH">Contact/Rep</th>
        </tr>
        <tr>
            
                <td align="left" class="headerRow" style="background-color:#ededed">${record.tranid}</td>
                <td   align="left"  class="headerRow" style="background-color:#ededed;"><p style="text-align:left">${record.createdfrom}</p></td>
              
                 <td  align="left" class="headerRow" style="background-color:#ededed">${record.otherrefnum}</td>

           
            <td  align="left" class="headerRow" style="background-color:#ededed">${record.trandate}</td>
            <td  align="left" class="headerRow" style="background-color:#ededed">${record.salesrep}</td>
        </tr>
    </table>
  

  
<table style="width: 100%; ">
    <tr>
        <td class="header2"  >${record.billaddress@label}:</td>
        <td class="header2"  >${record.shipaddress@label}:</td>
        <td class="header2"  >Shipping Details:</td>
    </tr>
    <tr>

        <td class="header2Data"  >${record.billaddress}
        </td>
        <td class="header2Data"  >${record.shipaddress}
           
            <br /> 
        </td>
        <td class="header2Data" >${record.shipmethod@label}: ${record.shipmethod}
            <br />Ship Date: ${record.shipdate}
            <br /> <p style="text-align:left;padding-top:-10px;"><b>	Tracking #:</b><br/> ${record.linkedtrackingnumbers}</p>
       
        </td>
    </tr>
</table>

<#if record.item?has_content>

<table style="font-size:12px; width: 100%; margin-top: 20px; margin-right:6px;">
     <#list record.item as item><#if item_index==0>
    <thead style="border-color:#000000;background-color:#ededed">
        <tr style="margin-top:8px; margin-bottom:8px; " >
          
          <th class="fullListTHClass" colspan="3" ><p style="text-align:left">Quantity Ordered</p></th>
          <th class="fullListTHClass" colspan="3" ><p style="text-align:left">Quantity Shipped</p></th>
            <th class="fullListTHClass" colspan="3"  >Qty</th>
            <th class="fullListTHClass" colspan="12" >${item.item@label}</th>
            <th class="fullListTHClass" colspan="4" >Price</th>
            <th class="fullListTHClass" colspan="4" >Ext. Price</th>
        </tr>
    </thead>
    </#if>
    <tr class="listRow" >
      <td style="margin-left:10px;" colspan="3" >${item.quantityordered}</td>
      <td style="margin-left:10px;" colspan="3" >${item.quantity}</td>
        <td style="margin-left:10px;" colspan="3">${item.quantity}</td>
        <td style="margin-left:10px;" colspan="12"> <b>${item.item}</b><br/>${item.description}</td>
        <td style="margin-left:10px;" colspan="4">${item.rate}</td>
        <td style="margin-left:10px;" colspan="4">${item.amount} </td>
    </tr>
    </#list>
</table>

</#if>

<div width="100%">
    <table  style="width:100%;font-size:12px; margin-top: 20px; margin-right:6px; ">
<tr >
     <td colspan="5" style="height:100%;">
 <p align="center" style="color:#185A7D;"> <b><br/> <br/> <br/> <br/> THANK YOU AGAIN FOR YOUR BUSINESS!</b></p>  
     </td>
     <td colspan="2" style="height:100%;">
         <div   class="totalClass" >
        <table style="background-color: #ededed;font-size:12px;"><tr><td colspan="2">Subtotal</td><td><span style="font-size:12px;">${record.subtotal}</span> </td></tr>
            <tr><td colspan="2">Shipping Cost</td><td><span style="font-size:12px;">${record.shippingcost}</span> </td> </tr>
          <tr><td colspan="2">${record.discounttotal@label}</td><td  ><span style="font-size:12px;">${record.discounttotal}</span> </td> </tr>
            <tr><td colspan="2" > Tax (%)</td><td ><span style="font-size:12px;"> ${record.taxtotal}</span> </td></tr>
            <tr> <td colspan="2" >Total: </td><td  > <b><span style="font-size:12px;">${record.total}</span></b> </td></tr>
          	<tr> <td colspan="2" ><b>Balance Due:</b></td><td  > <b><span style="font-size:12px;"><b>${record.amountremaining} </b></span></b> </td></tr>
           </table>
   
          <!-- <table  width="100%"   align="right" background-color="#ededed" ><tr><td colspan="3" ><b>Balance Due:</b></td><td colspan="2">   </td><td colspan="2" align="left"><b>${record.amountremaining} </b></td></tr></table>  -->
     </div>
     </td>

</tr>
   
</table>

 <br/>
   


    </div>


<p align="left" style="color:#000000;font-size:12px">Questions regarding this invoice? Please contact:
  </p> 
  <table >
<tr>
<td>

  <#if record.salesrep.email?has_content>
  <p align="left" style="color:#000000;font-size:12px"><b> ${record.salesrep.email}
   </b></p>
<#else>
     <p align="left" style="color:#000000;font-size:12px"><b>Info@balajiwireless.com
  </b></p>

</#if></td>
</tr>
<tr>
<td>
  <#if record.salesrep.phone?has_content> 
    <p align="left" style="color:#000000;font-size:12px;padding-top:-8px;"><b>
     ${record.salesrep.phone}</b></p>
    <#else>
     <p align="left" style="color:#000000;font-size:12px;padding-top:-8px;"><b>
     909-444-7999</b></p>
</#if>
</td>
</tr>
</table>
</body>
</pdf>

Leave a comment

Your email address will not be published. Required fields are marked *