<head>
<meta charset="UTF-8">
<style>
- html,body,table {font-family:Arial;font-size:14px;color:#2c336a;}
- table {border-collapse:collapse;}
- th, td {padding: 2px;}
- a {color:green;}
-
- .inv-left {float:left;}
- .inv-right {float:right;}
- .inv-lalign {text-align:left;}
- .inv-ralign {text-align:right;}
- .inv-calign {text-align:center;}
- .inv-rmargin {margin-right:10px;}
- .inv-bmargin {margin-bottom:10px;}
- .inv-bmargin-small {margin-bottom:5px;}
- .inv-label {font-weight:bold;}
- .inv-container {overflow:hidden;}
-
- .inv-mailcontents {
- margin: 0 auto;
- max-width:600px;
- overflow:hidden;
- box-shadow:0 0 5px black;
- }
- .inv-header, .inv-body {padding:0 10px;}
-
- .inv-header, .inv-header-top, .inv-body {margin-bottom:20px;}
-
- .inv-order {font-size:18px;}
- .inv-footnote {margin: 10px 0;}
- .inv-legal {
- background:#ded;
- margin-top: 30px;
- padding: 30px 0 30px;
- border-top: solid black 2px;
- }
- .inv-body tbody tr:first-child td {border-top:solid black 2px;}
- .inv-body tbody tr:last-child td {border-bottom:solid black 2px;}
- .inv-body thead th {
- vertical-align: bottom;
- }
- .inv-body td, .inv-body th {
- padding:5px;
- }
- .billto, .shipto {
- width: 165px;
- }
- .details {
- width: 220px;
+ h3 {
+ font-weight: bold;
+ color: #4B9F47;
}
</style>
</head>
<body>
- <div class="inv-mailcontents">
- <div class="inv-header">
- <div class="inv-container inv-header-top">
- <div class="inv-calign"><h1>INVOICE (發票) - PAID</h1></div>
- <div class="inv-left">
- <div class="inv-logo inv-bmargin-small"><img src="/templates/images/logo.png" width="217" height="56"/></div>
- <div class="inv-order inv-bmargin-small"><b>ORDER NUMBER: {invoice.invchead_ordernumber:h}</b></div>
- </div>
- <div class="inv-right inv-ralign inv-bmargin">
- <b>Made in New Zealand.Com.HK Limited</b><br/>
- <span class="inv-address">
- Correspondence Address:<br/>
- Suite 811, East Wing,<br/>
- Tsim Sha Tsui Center,<br/>
- 66 Mody Road, T.S.T.<br/>
- Hong Kong SAR China
- </span>
- </div>
- </div>
- <div class="inv-container">
- <div class="inv-left inv-rmargin inv-bmargin billto">
- <div class="inv-label">INVOICE TO:</div>
- <span flexy:if="invoice.invchead_billto_name">{invoice.invchead_billto_name:h}<br/></span>
- <span flexy:if="invoice.invchead_billto_address1">{invoice.invchead_billto_address1:h}<br/></span>
- <span flexy:if="invoice.invchead_billto_address2">{invoice.invchead_billto_address2:h}<br/></span>
- <span flexy:if="invoice.invchead_billto_address3">{invoice.invchead_billto_address3:h}<br/></span>
- <span flexy:if="invoice.invchead_billto_city">{invoice.invchead_billto_city:h}<br/></span>
- <span flexy:if="invoice.invchead_billto_state">{invoice.invchead_billto_state:h}<br/></span>
- <span flexy:if="invoice.invchead_billto_zipcode">{invoice.invchead_billto_zipcode:h}<br/></span>
- <span flexy:if="invoice.invchead_billto_country">{invoice.invchead_billto_country:h}<br/></span>
- <span flexy:if="billto.cntct_email"><a href="mailto:{billto.cntct_email:h}">{billto.cntct_email:h}</a><br/></span>
- <span flexy:if="billto.cntct_phone">{billto.cntct_phone:h}</span>
- </div>
- <div class="inv-left inv-rmargin inv-bmargin shipto">
- <div class="inv-label">DELIVERED TO:</div>
- <span flexy:if="invoice.invchead_shipto_name">{invoice.invchead_shipto_name:h}<br/></span>
- <span flexy:if="invoice.invchead_shipto_address1">{invoice.invchead_shipto_address1:h}<br/></span>
- <span flexy:if="invoice.invchead_shipto_address2">{invoice.invchead_shipto_address2:h}<br/></span>
- <span flexy:if="invoice.invchead_shipto_address3">{invoice.invchead_shipto_address3:h}<br/></span>
- <span flexy:if="invoice.invchead_shipto_city">{invoice.invchead_shipto_city:h}<br/></span>
- <span flexy:if="invoice.invchead_shipto_state">{invoice.invchead_shipto_state:h}<br/></span>
- <span flexy:if="invoice.invchead_shipto_zipcode">{invoice.invchead_shipto_zipcode:h}<br/></span>
- <span flexy:if="invoice.invchead_shipto_country">{invoice.invchead_shipto_country:h}<br/></span>
- <span flexy:if="shipto.cntct_email"><a href="mailto:{shipto.cntct_email:h}">{shipto.cntct_email:h}</a><br/></span>
- <span flexy:if="shipto.cntct_phone">{shipto.cntct_phone:h}</span>
- </div>
- <div class="inv-right inv-bmargin details">
- <table class="inv-ralign">
- <tbody>
- <tr>
- <td class="inv-label">Invoice Date:</td>
- <td>{invoice.invchead_invcdate:h}</td>
- </tr>
- <tr>
- <td class="inv-label">Invoice No.:</td>
- <td>{invoice.invchead_invcnumber:h}</td>
- </tr>
- <tr>
- <td colspan="2"> </td>
- </tr>
- <tr>
- <td class="inv-label">Order Date:</td>
- <td>{invoice.invchead_orderdate:h}</td>
- </tr>
- <tr>
- <td class="inv-label">Order No.:</td>
- <td>{invoice.invchead_ordernumber:h}</td>
- </tr>
- <tr>
- <td colspan="2"> </td>
- </tr>
- <tr>
- <td class="inv-label">Payment Type:</td>
- <td>{t.payMethod:h}</td>
- </tr>
- <tr>
- <td class="inv-label">Currency:</td>
- <td>{curr.curr_name:h}</td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
- <div class="inv-body">
- <div class="inv-container">
- <table>
- <thead>
- <tr>
- <th class="inv-lalign">SKU</th>
- <th class="inv-lalign">Description</th>
- <th class="inv-ralign">UNIT PRICE</th>
- <th class="inv-ralign">QTY</th>
- <th class="inv-ralign">DISCOUNT</th>
- <th class="inv-ralign">NET PRICE</th>
- </tr>
- </thead>
- <tbody>
- <tr flexy:foreach="items,i">
- <td>{i.itemsite_id_item_number:h}</td>
- <td>{i.itemsite_id_item_descrip1:h}</td>
- <td class="inv-ralign">{ROUND(i.coitem_custprice,2)}</td>
- <td class="inv-ralign">{ROUND(i.coitem_qtyord)}</td>
- <td class="inv-ralign">{i.discount}</td>
- <td class="inv-ralign">{i.total}</td>
- </tr>
- </tbody>
- <tfoot class="inv-ralign">
- <tr>
- <td colspan="5">Subtotal:</td>
- <td>{ROUND(t.subtotal,2)}</td>
- </tr>
- <tr>
- <td colspan="5">Delivery Charge:</td>
- <td>{ROUND(t.cohead_freight,2)}</td>
- </tr>
- <tr>
- <td colspan="5">Gift Voucher:</td>
- <td>{ROUND(t.discount,2)}</td>
- </tr>
- <tr>
- <th colspan="5">Grand Total:</td>
- <th>{ROUND(t.total,2)}</td>
- </tr>
- </tfoot>
- </table>
- </div>
- </div>
- <div class="inv-footer">
- <div class="inv-container">
- <div class="inv-footnote inv-calign">
- * Buy 6 cans to enjoy 10% promtional discount off, let's action!
- </div>
- <div class="inv-legal inv-calign">
- This order is subject to Made In New Zealand.Com.HK Limited's Sales and Refund Policies<br/>
- <a href="{t.terms:h}">{t.terms:h}</a><br/>
- Thank you for shopping with us!<br/>
- NEED HELP? Email enquiry@minz.com.hk or call 2268 6676.<br/>
- Operating hours: Mon-Fri (excluding Public Holidays); 9am-6pm
- </div>
- </div>
- </div>
- </div>
+ <p><b>Reference Number : {t.cohead_id}-{t.cohead_number}</b></p>
+ <p><b>Amount to transfer : HK${ROUND(t.total,2)}</b></p>
+
+ {infopage.getTransContents():h}
</body>
</html>
\ No newline at end of file