<!DOCTYPE html>
<html lang="en" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<!-- 2022.01.11 AFW-template-v0.67.hbs SM -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="x-apple-disable-message-reformatting" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title></title>
<!--[if mso]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@media only screen {
.display-font {
font-family: 'Open Sans', Arial, sans-serif !important;
}
.sans-serif {
font-family: 'Open Sans', Arial, sans-serif !important;
}
}
#outlook a {
padding: 0;
}
a {
text-decoration: none;
color: #1f439a;
}
a:visited {
color: #1f439a;
text-decoration: none;
}
table {
border-collapse: collapse;
}
.col,
td,
th {
font-size: 16px;
line-height: 26px;
vertical-align: top;
}
.col,
td,
th,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Open Sans', Arial, sans-serif;
}
img {
border: 0;
display: block;
line-height: 100%;
}
.button {
transition: all 100ms ease-in;
}
.button:hover {
text-decoration: underline !important;
background: #022d9c !important;
}
.container {
margin: 0 auto;
}
.nav-item {
display: inline-block;
}
.spacer,
.divider {
mso-line-height-rule: exactly;
overflow: hidden;
vertical-align: middle;
}
/* -- MOBILE SWAP (CSS for Desktop hides element with class) -- */
.top-nav {
display: block !important;
max-height: none !important;
max-width: none !important;
line-height: 1.5 !important;
width: 100% !important;
height: auto !important;
}
.bottom-nav {
display: none !important;
width: 0px !important;
height: 0px !important;
overflow: hidden !important;
line-height: 0px !important;
font-size: 0px !important;
}
.desktop_swap {
display: block !important;
max-height: none !important;
max-width: none !important;
line-height: 1.5 !important;
width: 100% !important;
height: auto !important;
}
.mobile_swap {
display: none !important;
width: 0px !important;
height: 0px !important;
overflow: hidden !important;
line-height: 0px !important;
font-size: 0px !important;
}
.hide-sm {
display: inline-block !important;
}
.show-sm {
display: none !important;
width: 0px !important;
height: 0px !important;
overflow: hidden !important;
line-height: 0px !important;
font-size: 0px !important;
}
@media only screen and (max-width: 670px) {
.mobile_swap {
display: block !important;
max-height: none !important;
max-width: none !important;
line-height: 1.5 !important;
width: 100% !important;
height: auto !important;
}
.desktop_swap {
display: none !important;
width: 0px !important;
height: 0px !important;
overflow: hidden !important;
line-height: 0px !important;
font-size: 0px !important;
}
.show-sm {
display: inline-block !important;
max-height: none !important;
max-width: none !important;
line-height: 1.5 !important;
width: 100% !important;
height: auto !important;
font-size: 13px !important;
}
.hide-sm {
display: none !important;
width: 0px !important;
height: 0px !important;
overflow: hidden !important;
line-height: 0px !important;
font-size: 0px !important;
}
.bottom-nav {
/* This displays elements with class of mobile-swap on screens < 700px wide */
display: block !important;
max-height: none !important;
max-width: none !important;
line-height: 1.5 !important;
width: 100% !important;
height: auto !important;
}
.top-nav {
display: none !important;
width: 0px !important;
height: 0px !important;
overflow: hidden !important;
line-height: 0px !important;
font-size: 0px !important;
}
u~div .wrapper {
min-width: 100vw;
}
.container {
-webkit-text-size-adjust: 100%;
width: 100% !important;
}
.col {
box-sizing: border-box;
display: inline-block !important;
line-height: 23px;
width: 100% !important;
}
.col-sm-1 {
max-width: 8.33333%;
}
.col-sm-2 {
max-width: 16.66667%;
}
.col-sm-3 {
max-width: 25%;
}
.col-sm-4 {
max-width: 33.33333%;
}
.col-sm-5 {
max-width: 41.66667%;
}
.col-sm-6 {
max-width: 50%;
}
.col-sm-7 {
max-width: 58.33333%;
}
.col-sm-8 {
max-width: 66.66667%;
}
.col-sm-9 {
max-width: 75%;
}
.col-sm-10 {
max-width: 83.33333%;
}
.col-sm-11 {
max-width: 91.66667%;
}
.col-sm-push-1 {
margin-left: 8.33333%;
}
.col-sm-push-2 {
margin-left: 16.66667%;
}
.col-sm-push-3 {
margin-left: 25%;
}
.col-sm-push-4 {
margin-left: 33.33333%;
}
.col-sm-push-5 {
margin-left: 41.66667%;
}
.col-sm-push-6 {
margin-left: 50%;
}
.col-sm-push-7 {
margin-left: 58.33333%;
}
.col-sm-push-8 {
margin-left: 66.66667%;
}
.col-sm-push-9 {
margin-left: 75%;
}
.col-sm-push-10 {
margin-left: 83.33333%;
}
.col-sm-push-11 {
margin-left: 91.66667%;
}
.fr-pixel {
width: 1px !important;
height: 1px !important;
}
img {
width: 100% !important;
height: auto !important;
}
.toggle-content {
max-height: 0;
overflow: auto;
transition: max-height .4s linear;
-webkit-transition: max-height .4s linear;
}
.toggle-trigger:hover+.toggle-content,
.toggle-content:hover {
max-height: 999px !important;
}
.align-sm-center {
display: table !important;
float: none;
margin-left: auto !important;
margin-right: auto !important;
}
.align-sm-left {
float: left;
}
.align-sm-right {
float: right;
}
.text-sm-center {
text-align: center !important;
}
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.full-width-sm {
display: table !important;
width: 100% !important;
}
.stack-sm-top {
display: table-caption !important;
max-width: 100%;
padding-left: 0 !important;
}
.stack-sm-first {
display: table-header-group !important;
}
.stack-sm-last {
display: table-footer-group !important;
}
.borderless-sm {
border: none !important;
}
.spacer,
.divider {
height: 30px;
line-height: 100% !important;
}
.spacer-mini,
.divider-mini {
height: 10px;
line-height: 100% !important;
}
.nav-item {
padding: 0 10px 0 !important;
}
.nav-sm-vertical .nav-item {
display: block;
}
.nav-sm-vertical .nav-item a {
display: inline-block;
padding: 5px 0 !important;
}
.p-sm-0 {
padding: 0 !important;
}
.p-sm-1 {
padding: 10px !important;
}
.p-sm-2 {
padding: 30px !important;
}
.pt-sm-0 {
padding-top: 0 !important;
}
.pt-sm-1 {
padding-top: 10px !important;
}
.pt-sm-2 {
padding-top: 30px !important;
}
.pr-sm-0 {
padding-right: 0 !important;
}
.pr-sm-1 {
padding-right: 10px !important;
}
.pr-sm-2 {
padding-right: 30px !important;
}
.pb-sm-0 {
padding-bottom: 0 !important;
}
.pb-sm-1 {
padding-bottom: 10px !important;
}
.pb-sm-2 {
padding-bottom: 30px !important;
}
.pl-sm-0 {
padding-left: 0 !important;
}
.pl-sm-1 {
padding-left: 10px !important;
}
.pl-sm-2 {
padding-left: 30px !important;
}
.px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-sm-1 {
padding-right: 10px !important;
padding-left: 10px !important;
}
.px-sm-2 {
padding-right: 30px !important;
padding-left: 30px !important;
}
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-sm-1 {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.py-sm-2 {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
}
@media print {
.profile-content {
display: none !important;
}
}
</style>
<style>
{{{cssStyles}}}
</style>
</head>
<!-- Handlebars Partials Start -->
{{#partial "renderCityState" city state postalCode postalCodeExtension}}
{{capitalize (lower city)}}{{#if city}}{{#if state}}, {{/if}}{{/if}}{{upper (lower state)}} {{#if postalCode}}{{postalCode}}{{#if postalCodeExtension}}-{{postalCodeExtension}}{{/if}}{{/if}}{{/partial}}
{{#partial "renderMonetaryAmount" value hideCurrency}}
{{#if value}}
{{#if hideCurrency}}
{{#numberFormat value "#0.00"}}{{/numberFormat}}
{{else}}
{{#numberFormat value "currency"}}{{/numberFormat}}
{{/if}}
{{else}}
{{#if hideCurrency}}
{{#numberFormat 0 "#0.00"}}{{/numberFormat}}
{{else}}
{{#numberFormat 0 "currency"}}{{/numberFormat}}
{{/if}}
{{/if}}
{{/partial}}
{{#partial "renderTotalRowWithDescription" data}}
<tr class="row" valign="top" style="">
<th class="col-sm-8 text-sm-left" width="550" style="padding-top: 10px; padding-left: 10px; padding-right: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">{{data.description}}:</div>
</th>
<th class="col-sm-4" width="110" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">{{#block "renderMonetaryAmount" value=data.amount.value}}{{/block}}</div>
</th>
</tr>
{{/partial}}
{{#partial "renderTotalRowWithDescriptionDelivery" data}}
<tr class="row" valign="top" style="">
<th class="col-sm-8 text-sm-left" width="550" style="padding-top: 10px; padding-left: 10px; padding-right: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">Delivery:</div>
</th>
<th class="col-sm-4" width="110" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">{{#block "renderMonetaryAmount" value=data.amount.value}}{{/block}}</div>
</th>
</tr>
{{/partial}}
{{#partial "renderNestedReturn" return }}
<table class="row" align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" style="width:100%; max-width:700px">
<th class="col col-sm-8 pt-sm-0" width="460" style="padding-left: 5px; padding-right: 5px; font-weight: 400; text-align: left; vertical-align: top">
{{#if return.itemName}}
<div class="sans-serif" style="color: #000000; font-size: 14px; font-weight: 700; margin-bottom: 0px;">
{{#if return.pageUrl}}
<a href="{{return.pageUrl}}" target="_blank" name="Item Name">{{return.itemName}}</a>
{{else}}
{{return.itemName}}
{{/if}}
</div>
{{/if}}
{{#if return.description.value}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
{{return.description}}
</div>
{{/if}}
{{#if return.upc.value}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
{{return.upc}}
</div>
{{/if}}
{{#if return.sku.value}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px; font-weight: 900;">{{return.sku}}</div>
{{/if}}
{{#if return.miscInfo.value}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
{{return.miscInfo}}
</div>
{{/if}}
{{#if return.giftCard}}
{{#if return.giftCard.accountNumber}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
{{{return.giftCard.accountNumber.label}}}: {{#mask return.giftCard.accountNumber.value}}{{/mask}}
</div>
{{/if}}
{{#if return.giftCard.authNumber}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 0px">
{{{return.giftCard.authNumber.label}}}: {{return.giftCard.authNumber}}
</div>
{{/if}}
{{#if item.giftCard.balance}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 0px">
{{{item.giftCard.balance.label}}}: {{#block "renderMonetaryAmount" value=item.giftCard.balance.value}}{{/block}}
</div>
{{/if}}
{{#if return.discounts}}
{{#each return.discounts.values}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
{{this.description}}: {{#block "renderMonetaryAmount" value=this.amount.value}}{{/block}}
</div>
{{/each}}
{{/if}}
{{/if}}
{{#if return.discounts}}
{{#each return.discounts.values}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
{{this.description}}: {{#block "renderMonetaryAmount" value=this.amount.value}}{{/block}}
</div>
{{/each}}
{{/if}}
{{#if item.supportingDocuments.documents}}
{{#each item.supportingDocuments.documents}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px"><a href="{{documentUrl}}">{{name}}</a></div>
{{/each}}
{{/if}}
</th>
<th class="col col-sm-4 pr-sm-0 pl-sm-0 pt-sm-1" width="200" style="padding-left: 20px; padding-right: 10px; padding-top: 5px; font-weight: 400; vertical-align: top">
{{#if return.amount.value}}
<div class="sans-serif" style="color: #000000; font-weight: 700; font-size: 14px; line-height: 14px; text-align: right; padding-bottom: 5px">
<strong>{{#block "renderMonetaryAmount" value=return.amount.value}}{{/block}}
{{item.priceNotation}}</strong>
</div>
{{/if}} {{#if return.quantity.value}} {{#if return.price.value}}
<div class="sans-serif pt-sm-1" style="color: #000000; font-size: 13px; line-height: 13px; text-align: right; padding-bottom: 5px">
{{return.quantity}} × {{#block "renderMonetaryAmount" value=return.price.value}}{{/block}}
</div>
{{else}}
<div class="sans-serif pt-sm-0" style="color: #000000; font-size: 13px; line-height: 13px; text-align: right; padding-bottom: 5px">
<span>{{{return.quantity.label}}}: {{return.quantity}}</span>
</div>
{{/if}}
{{else}}
{{#if return.price.value}}
{{{return.price.label}}}: {{#block "renderMonetaryAmount" value=return.price.value}}{{/block}}
{{/if}}
{{/if}}
</th>
</table>
<table class="row" align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0">
<tr>
<td class="spacer-mini" height="20" style="line-height: 20px;"> </td>
</tr>
</table>
{{/partial}}
{{#partial "renderTotalTaxRow" tax}}
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">{{tax.description}} Tax:</div>
</th>
<th class="col col-sm-4" width="110" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">{{#block "renderMonetaryAmount" value=tax.amount.value}}{{/block}}</div>
</th>
</tr>
{{/partial}}
{{#partial "renderTotalDataRow" data}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right" align="center" cellpadding="0" cellspacing="0">
<tr class="row" valign="top" style="">
<th class="pt-sm-1 pr-sm-0 text-sm-left" width="460" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">{{{data.amount.label}}}</div>
</th>
<th class="pt-sm-1 pr-sm-0" width="110" style="padding-top: 10px; padding-right: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">{{#block "renderMonetaryAmount" value=data.amount.value}}{{/block}}
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/partial}}
{{#partial "renderTotalDataRowTax" data}}
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">{{{data.amount.label}}}</div>
</th>
<th class="col col-sm-4" width="110" style="padding-top: 10px; padding-right: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">{{#block "renderMonetaryAmount" value=data.amount.value}}{{/block}}</div>
</th>
</tr>
{{/partial}}
{{#partial "renderPaymentsDataRow" payment}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0" cellspacing="0">
<tr valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550" style="padding-top: 20px; padding-left: 10px; padding-right: 10px; color: #000000; font-weight: 400; text-align: left; font-size: 14px; line-height: 16px">
{{#if payment.creditCardInfo}}
{{#if payment.creditCardInfo.creditCardAuthNumber}}
{{#if payment.paymentType.value}}
<div class="sans-serif text-sm-left">
{{#if payment.creditCardInfo.creditCardLastFourDigits}}
{{#join payment.paymentType.value " ************" payment.creditCardInfo.creditCardLastFourDigits ""}}{{/join}}
{{else}}
{{payment.paymentType.value}}
{{/if}}
</div>
{{/if}}
{{#if payment.miscPaymentReferenceNumber}}
<div class="sans-serif text-sm-left">
{{payment.miscPaymentReferenceNumber.value}}
</div>
{{/if}}
{{/if}}
{{else}}
<div class="sans-serif text-sm-left">
{{#if payment.miscPaymentReferenceNumber}}
{{payment.paymentType.value}}<br />
{{payment.miscPaymentReferenceNumber.value}}
{{else}}
{{payment.paymentType.value}}3 {{/if}}
{{#if payment.giftCard.accountNumber}}
Acct#: {{payment.giftCard.accountNumber}}<br />
{{/if}}
{{#if payment.giftCard.authNumber}}Auth
#: {{payment.giftCard.authNumber}}<br />
{{/if}}
{{#if payment.giftCard.balance}}Balance: {{payment.giftCard.balance}}<br />
{{/if}}
</div>
{{/if}}
{{#if payment.creditCardInfo.creditCardAuthNumber}}
<div class="sans-serif text-sm-left">
Auth: {{payment.creditCardInfo.creditCardAuthNumber}}
</div>
{{/if}}
{{#if payment.creditCardInfo.creditCardAuthNumber}}
{{#if payment.creditCardInfo.expMonth}}
{{#if payment.creditCardInfo.expYear}}
<div class="sans-serif text-sm-left">
Exp: {{payment.creditCardInfo.expMonth}}/{{payment.creditCardInfo.expYear}}
</div>
{{/if}}
{{/if}}
{{/if}}
{{#if payment.creditCardInfo.creditCardAuthNumber}}
<div class="sans-serif text-sm-left">
{{#if payment.emvData.additionalAttributes.EMVMERCHAID}}
{{payment.emvData.additionalAttributes.EMVMERCHAID}}<br>
{{/if}}
{{#if payment.emvData.additionalAttributes.EMVCUSTIAD}}
{{payment.emvData.additionalAttributes.EMVCUSTIAD}}<br>
{{/if}}
{{#if payment.emvData.additionalAttributes.EMVCUSTTVR}}
{{payment.emvData.additionalAttributes.EMVCUSTTVR}}<br>
{{/if}}
{{#if payment.emvData.additionalAttributes.EMVCUSTTSI}}
{{payment.emvData.additionalAttributes.EMVCUSTTSI}}<br>
{{/if}}
{{#if payment.emvData.additionalAttributes.EMVCUSTISO}}
{{payment.emvData.additionalAttributes.EMVCUSTISO}}<br>
{{/if}}
{{#if payment.emvData.additionalAttributes.EMVARC}}
ARC:&nsp;{{payment.emvData.additionalAttributes.EMVARC}}<br>
{{/if}}
{{#if payment.emvData.additionalAttributes.EMVPINVERIFIED}}
{{payment.emvData.additionalAttributes.EMVPINVERIFIED}}
{{/if}}
{{#if payment.emvData.additionalAttributes.EMVAPPNAME}}
APPNAME: {{payment.emvData.additionalAttributes.EMVAPPNAME}}<br>
{{/if}}
</div>
{{/if}}
{{#if payment.miscInfo}}
<div class="sans-serif text-sm-left"> MiscInfo: {{payment.miscInfo}}</div>
{{/if}}
</th>
<th class="col col-sm-4" width="110" style="padding-top: 20px; padding-left: 10px; padding-right: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
{{#if payment.creditCardInfo}}
{{#if payment.creditCardInfo.creditCardAuthNumber}}
<div class="sans-serif pt-sm-0 pr-sm-0 text-sm-right">
{{#block "renderMonetaryAmount" value=payment.amount.value }}{{/block}}
</div>
{{/if}}
{{else}}
<div class="sans-serif pt-sm-0 pr-sm-0 text-sm-right">
{{#block "renderMonetaryAmount" value=payment.amount.value }}{{/block}}
</div>
{{/if}}
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/partial}}
{{#partial "renderPaymentHistoryDataRow" paymentHistory}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="10" cellspacing="0">
<tbody>
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr class="" valign="" style="">
<td class="col-sm-3 pt-sm-1" width="260" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: left; font-size: 14px; line-height: 16px">
<div class="sans-serif">{{this.paymentDate.value}}</div>
</td>
<td class="col-sm-6 pt-sm-1" width="290" style="padding-top: 10px; padding-right: 0px; padding-left: 0px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">{{this.paymentType.value}}</div>
</td>
<td class="col-sm-3 pt-sm-1" width="110" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif" style="min-width: 60px">{{this.amount}}</div>
</td>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
{{/partial}}
{{#partial "deliveryPickupInfo" value}}
{{#receipt.deliveryPickupInfo}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="10" cellspacing="0">
<tr>
<td align="center" width="680" style="padding: 0 10px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="spacer-mini" height="20" style="line-height: 20px;"> </td>
</tr>
<tr>
<td class="px-sm-1" align="center" width="100%" style="padding: 5px 10px; color: #000000; background-color: #000000; border: 1px solid #000000">
<table align="left" cellpadding="0" cellspacing="0" role="presentation" style="margin: 0 auto;">
<tr>
<th class="sans-serif" style="font-size: 14px; line-height: 100%; word-break: break-all; color: #ffffff">
{{this.label}}
</th>
</tr>
</table>
<div class="spacer" style="line-height: 15px; height: 15px;"> </div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="" align="center" cellpadding="0" cellspacing="0">
<tr valign="top" style="">
<th class="col-sm-12 pt-sm-1 pr-sm-0" width="660" style="padding-top: 20px; padding-left: 10px; padding-right: 10px; color: #000000; font-weight: 400; text-align: left; font-size: 14px; line-height: 16px">
<div class="sans-serif;" style="margin: 0 0 0px;">
<strong>{{this.deliveryPickupDate.label}}: </strong>{{#dateFormat this.deliveryPickupDate.value format='MM/dd/yyyy' tz='UTC'}}{{/dateFormat}}
</div>
<div class="sans-serif;" style="margin: 0 0 0px;">{{this.addressLine1}}</div>
<div class="sans-serif;" style="margin: 0 0 0px;">{{this.addressLine2}}</div>
<div class="sans-serif;" style="margin: 0 0 0px;">{{this.addressLine3}}</div>
<div class="sans-serif;" style="margin: 0 0 0px;">
{{#block "renderCityState" city=this.deliveryPickupInfo.city state=this.deliveryPickupInfo.state postalCode=this.deliveryPickupInfo.postalCode postalCodeExtension=this.deliveryPickupInfo.postalCodeExtension}}{{/block}}
</div>
<div class="sans-serif;" style="margin: 0 0 0px;">
<strong>{{this.instructions.label}}: </strong>{{this.instructions}}
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/receipt.deliveryPickupInfo}}
{{/partial}}
{{#partial "renderOrder" order}}
<!-- Order Information -->
<table class="col px-sm-1" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th class="col" width="670">
<table class="row" cellpadding="0" cellspacing="0">
<tr>
<th class="col" width="335" style="padding: 0px 0px; color: #000000; font-size: 14px; line-height: 20px; font-weight: 400; text-align: left;">
{{#if order.description}}
<div class="sans-serif;" style="margin: 0 0 0px;">
<strong>Fulfillment: </strong>{{order.description}}
</div>
{{/if}}
{{#if order.deliveryPickupInfo.deliveryPickupDate}}
<div class="sans-serif;" style="margin: 0 0 0px;">
<strong>Est.
{{#eq order.description.value "Pickup"}}Pickup{{/eq}}{{#eq order.description.value "Delivery"}}Delivery{{/eq}}
Date: </strong>{{#dateFormat order.deliveryPickupInfo.deliveryPickupDate.value format='MM/dd/yyyy' }}{{/dateFormat}}
</div>
{{/if}}
{{#eq order.description.value "Delivery"}}
<div class="sans-serif;" style="margin: 0 0 0px;">Learn more about <a href="http://www.afw.com/delivery" target="_blank" style="text-decoration:underline!important;"><strong>AFW
Platinum Delivery</strong></a>
</div>
{{/eq}}
{{#eq order.description.value "Pickup"}}
<div class="sans-serif;" style="margin: 0 0 0px;">Please bring your ID and the credit card used to make your purchase with you to your pickup location. Learn more about <a href="http://www.afw.com/pick-up" target="_blank" style="text-decoration:underline!important;"><strong>AFW
Pickup</strong></a></div>
{{/eq}}
{{#if order.deliveryPickupInfo.instructions}}
<!-- Space -->
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td class="spacer-mini" height="0" style="font-size: 10px; line-height: 10px; mso-line-height-rule: exactly;">
</td>
</tr>
</table>
<!-- /Space -->
{{#if order.deliveryPickupInfo.instructions.value}}
<div class="sans-serif;" style="margin: 0 0 0px;">
<strong>Instructions: </strong><br>{{#replaceAll order.deliveryPickupInfo.instructions ", " ", <br>"}}{{/replaceAll}}
</div>
{{/if}}
{{/if}}
<!-- Space -->
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td class="spacer-mini" height="10" style="font-size: 10px; line-height: 10px; mso-line-height-rule: exactly;">
</td>
</tr>
</table>
<!-- /Space -->
{{#if order.miscText}}
{{#eq order.miscText.value ""}}
{{else}}
<div class="sans-serif;" style="margin: 0 0 0px;"><strong>Additional Comments:</strong>
</div>
<div class="sans-serif;" style="margin: 0 0 0px;">
{{#replaceAll order.miscText.value ", " ", <br>"}}{{/replaceAll}}
</div>
{{/eq}}
{{/if}}
<!-- SERVICE ORDER JAN 2022 -->
{{#if receipt.customProperties.serviceDetail}}
{{#each receipt.customProperties.serviceDetail}}
{{#if this.serviceType}}
<div class="sans-serif;" style="margin: 0 0 0px;">
<strong>Service Type: </strong>{{this.serviceType}}
</div>
{{/if}}
{{#if this.serviceStatus}}
<div class="sans-serif;" style="margin: 0 0 0px;">
<strong>Service Status: </strong>{{this.serviceStatus}}
</div>
{{/if}}
{{#if this.serviceDate}}
<div class="sans-serif;" style="margin: 0 0 0px;">
<strong>Service Date: </strong>{{this.serviceDate}}
</div>
{{/if}}
{{/each}}
{{/if}}
<!-- /SERVICE ORDER JAN 2022 -->
</th>
<th class="col text-sm-left py-sm-1" width="335" style="padding: 0px 0px; color: #000000; font-size: 14px; line-height: 20px; font-weight: 400; text-align: right;">
{{#eq order.description.value "Delivery"}}<strong>Deliver To:</strong><br>{{/eq}}
{{#eq order.description.value "Pickup"}}<strong>Pick up at:</strong><br>{{/eq}}
{{#if order.deliveryPickupInfo.addressLine1}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{order.deliveryPickupInfo.addressLine1}}
</div>
{{/if}}
{{#if order.deliveryPickupInfo.addressLine2}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{order.deliveryPickupInfo.addressLine2}}
</div>
{{/if}}
{{#if order.deliveryPickupInfo.addressLine3}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{order.deliveryPickupInfo.addressLine3}}
</div>
{{/if}}
{{#if order.deliveryPickupInfo.city}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{order.deliveryPickupInfo.city}},{{order.deliveryPickupInfo.state}}
{{order.deliveryPickupInfo.postalCode}}
</div>
{{/if}}
</th>
</tr>
<tr>
<td colspan="2" class="divider" height="30" style="padding-left: 0px; padding-right: 0px;">
<div style="border-top: 1px solid #EEEEEE; line-height: 0;"> </div>
</td>
</tr>
</table>
</th>
</tr>
</table>
<!-- /Order Information -->
<!-- New 5-Col Headings Row -->
<table class="row" align="center" cellpadding="0" cellspacing="0" role="presentation" width="">
<tr>
<td class="px-sm-1" align="center" width="680" style="padding: 0px 0px;">
<table cellpadding="10" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="col" align="center" width="660" style="padding: 5px 0px; color: #000000; background-color: #000000; border: 1px solid #606060">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="full-width-sm" align="left" height="10" style="line-height: 14px; padding: 0px 0px;">
<div>
<table class="full-width-sm" align="center" bgcolor="#000000" cellpadding="0" cellspacing="0">
<tr>
<th class="col col-sm-7 pl-sm-0" width="300" style="padding-left: 10px; padding-right: 15px; padding-top: 5px; text-align: left; padding-bottom: 3px;">
<div class="sans-serif pl-sm-1" style="color: #ffffff; font-size: 14px; font-weight: 700; line-height: 14px; padding-bottom: 5px">
Product Information </div>
</th>
<th class="hide-sm" width="70" style="padding-left: 0px; padding-right: 25px; padding-top: 5px; font-weight: 400; text-align: left; vertical-align: top">
<div class="sans-serif" style="color: #ffffff; font-size: 14px; font-weight: 700; line-height: 14px; padding-bottom: 5px">
</div>
</th>
<th class="hide-sm" width="30" style="padding-left: 10px; padding-right: 0px; padding-top: 5px; font-weight: 400; vertical-align: top">
<div class="sans-serif pr-sm-0" style="color: #ffffff; font-weight: 700; font-size: 14px; line-height: 14px; text-align: center; padding-bottom: 5px">
Qty.</div>
</th>
<th class="hide-sm" width="90" style="padding-left: 10px; padding-right: 0px; padding-top: 5px; font-weight: 400; vertical-align: top">
<div class="sans-serif pr-sm-0" style="color: #ffffff; font-weight: 700; font-size: 14px; line-height: 14px; text-align: right; padding-bottom: 5px">
Price</div>
</th>
<th class="hide-sm" width="90" style="padding-left: 10px; padding-right: 0px; padding-top: 5px; font-weight: 400; vertical-align: top">
<div class="sans-serif pr-sm-0" style="color: #ffffff; font-weight: 700; font-size: 14px; line-height: 14px; text-align: right; padding-bottom: 5px; padding-right:10px;">
Total</div>
</th>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- /New 5-Col Headings Row -->
<!-- Product Row -->
<table class="row" align="center" cellpadding="0" cellspacing="0" role="presentation" width="">
<tr>
<td class="px-sm-1" align="center" width="670" style="padding: 0px 0px;">
<table cellpadding="10" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="col" align="center" width="670" style="padding: 0 0px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="spacer-mini" height="20" style="font-size:10px; line-height:10px"> 
</td>
</tr>
<tr>
<td class="full-width-sm" align="left" height="10" style="line-height: 20px; border: 0px solid #ffffff; padding: 0px 0px;">
<!-- Order Items -->
{{#each order.items}}
<div>
<table class="full-width-sm" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th class="col col-sm-4" width="75" style="padding-left: 0px; padding-right: 20px; text-align: center; width: 75px">
{{#if this.product.imageUrl}}<a href="{{this.product.pageUrl}}" name="itemImage" style="border: 0;"><img src="{{this.product.imageUrl}}" width="75" alt="Product Image" title="Product Image" style="width: 75px; height: 75px; max-width: 75px; border: 0; display: inline-block;"></a>
{{else}}
<img src="http://fr-merchant-content.s3.amazonaws.com/AFW-01-102317/default_75x.jpg" width="75" alt="Product Image" title="Product Image" style="width: 75px; height: 75px; max-width: 75px; border: 0; display: inline-block;">
{{/if}}
</th>
<th class="col col-sm-8 pr-sm-1" width="300" style="padding-left: 0px; padding-right: 25px; font-weight: 400; text-align: left; vertical-align: top; width: 300px;">
{{#if this.itemName.value}}
<div class="sans-serif" style="color: #000000; font-size: 14px; font-weight: 700; line-height: 20px; padding-bottom: 5px">
{{#if this.product.pageUrl}}<a href="{{this.product.pageUrl}}" target="_blank" name="Item Name" style="text-decoration: underline;">{{this.itemName}}</a>
{{else}}
{{this.itemName}} {{/if}}
</div>
{{else}}
<div class="sans-serif" style="color: #000000; font-size: 14px; font-weight: 700; line-height: 20px; padding-bottom: 5px">
{{this.itemName}}
</div>
{{/if}}
<!-- Added for Direct Ship 20210923 -->
{{#if this.customProperties.directShipTrackingNumber}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
Tracking #: {{this.customProperties.directShipTrackingNumber}}</div>
{{/if}}
{{#regexCaptureV2 this.customProperties.salesOrderPurchaseDateTime pattern="^(?:-([0-9]{1,2})|([0-9]{4}))?(?:-?(?:([0-9]{2})?(?:-?([0-9]{2}))?|W([0-9]{2})(?:-?([1-7]))?|([0-9]{3})))?(?:T([0-9]{2})(?::?([0-9]{2})(?::?([0-9]{2}))?)?(?:[,\.]([0-9]+))?(?:(Z)|([+-])([0-9]{2})(?::?([0-9]{2}))?)?)?$"}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
Purchase Date: {{match3}}/{{match4}}/{{match2}} {{match8}}:{{match9}}</div>
{{else}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
Purchase Date: {{this.customProperties.salesOrderPurchaseDateTime}}</div>
{{/regexCaptureV2}}
<!-- /Added for Direct Ship 20210923 -->
{{#if this.upc.value}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
{{this.upc}}
</div>
{{/if}}
{{#if this.sku.value}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px; font-weight: 900;">
{{this.sku}}
</div>
{{/if}} {{#if this.miscInfo.value}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
{{this.miscInfo}}
</div>
{{/if}} {{#if this.giftCard}}
{{#if this.giftCard.accountNumber}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
{{{this.giftCard.accountNumber.label}}}: {{#mask this.giftCard.accountNumber.value}}{{/mask}}
</div>
{{/if}} {{#if this.giftCard.authNumber}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 0px">
{{{this.giftCard.authNumber.label}}}: {{this.giftCard.authNumber}}
</div>
{{/if}} {{#if this.giftCard.balance}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 0px">
{{{order.giftCard.balance.label}}}:
{{#block "renderMonetaryAmount" value=order.item.giftCard.balance.value}}{{/block}}
</div>
{{/if}} {{#if this.discounts}}
{{#each this.discounts.values}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
{{this.description}}: {{#block "renderMonetaryAmount" value=this.amount.value}}{{/block}}
</div>
{{/each}} {{/if}} {{/if}} {{#if this.discounts}}
{{#each this.discounts.values}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
{{this.description}}:
{{#block "renderMonetaryAmount" value=this.amount.value}}{{/block}}
</div>
{{/each}} {{/if}}
{{#if this.supportingDocuments.documents}}
{{#each this.supportingDocuments.documents}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
<a href="{{documentUrl}}">{{name}}</a>
</div>
{{/each}} {{/if}}
<!-- detailLineComment -->
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
{{#if this.customProperties.detailLineComment1}}{{this.customProperties.detailLineComment1}}<br />{{/if}}
{{#if this.customProperties.detailLineComment2}}{{this.customProperties.detailLineComment2}}<br />{{/if}}
{{#if this.customProperties.detailLineComment3}}{{this.customProperties.detailLineComment3}}<br />{{/if}}
{{#if this.customProperties.detailLineComment4}}{{this.customProperties.detailLineComment4}}<br />{{/if}}
{{#if this.customProperties.detailLineComment5}}{{this.customProperties.detailLineComment5}}<br />{{/if}}
{{#if this.customProperties.detailLineComment6}}{{this.customProperties.detailLineComment6}}<br />{{/if}}
{{#if this.customProperties.detailLineComment7}}{{this.customProperties.detailLineComment7}}<br />{{/if}}
{{#if this.customProperties.detailLineComment8}}{{this.customProperties.detailLineComment8}}<br />{{/if}}
{{#if this.customProperties.detailLineComment9}}{{this.customProperties.detailLineComment9}}<br />{{/if}}
{{#if this.customProperties.detailLineComment10}}{{this.customProperties.detailLineComment10}}<br />{{/if}}
{{#if this.customProperties.detailLineComment11}}{{this.customProperties.detailLineComment11}}<br />{{/if}}
{{#if this.customProperties.detailLineComment12}}{{this.customProperties.detailLineComment12}}<br />{{/if}}
{{#if this.customProperties.detailLineComment13}}{{this.customProperties.detailLineComment13}}<br />{{/if}}
{{#if this.customProperties.detailLineComment14}}{{this.customProperties.detailLineComment14}}<br />{{/if}}
{{#if this.customProperties.detailLineComment15}}{{this.customProperties.detailLineComment15}}<br />{{/if}}
{{#if this.customProperties.detailLineComment16}}{{this.customProperties.detailLineComment16}}<br />{{/if}}
{{#if this.customProperties.detailLineComment17}}{{this.customProperties.detailLineComment17}}<br />{{/if}}
{{#if this.customProperties.detailLineComment18}}{{this.customProperties.detailLineComment18}}<br />{{/if}}
{{#if this.customProperties.detailLineComment19}}{{this.customProperties.detailLineComment19}}<br />{{/if}}
{{#if this.customProperties.detailLineComment20}}{{this.customProperties.detailLineComment20}}<br />{{/if}}
{{#if this.customProperties.detailLineComment21}}{{this.customProperties.detailLineComment21}}<br />{{/if}}
{{#if this.customProperties.detailLineComment22}}{{this.customProperties.detailLineComment22}}<br />{{/if}}
{{#if this.customProperties.detailLineComment23}}{{this.customProperties.detailLineComment23}}<br />{{/if}}
{{#if this.customProperties.detailLineComment24}}{{this.customProperties.detailLineComment24}}<br />{{/if}}
{{#if this.customProperties.detailLineComment25}}{{this.customProperties.detailLineComment25}}<br />{{/if}}
{{#if this.customProperties.detailLineComment26}}{{this.customProperties.detailLineComment26}}<br />{{/if}}
{{#if this.customProperties.detailLineComment27}}{{this.customProperties.detailLineComment27}}<br />{{/if}}
{{#if this.customProperties.detailLineComment28}}{{this.customProperties.detailLineComment28}}<br />{{/if}}
{{#if this.customProperties.detailLineComment29}}{{this.customProperties.detailLineComment29}}<br />{{/if}}
{{#if this.customProperties.detailLineComment30}}{{this.customProperties.detailLineComment30}}<br />{{/if}}
</div>
<!-- /detailLineComment -->
<!-- SERVICE ORDER ITEMS JAN 2022 -->
{{#if this.customProperties.problemCodeDesc}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
<strong>Description:</strong> {{this.customProperties.problemCodeDesc}}
</div>
{{/if}}
{{#if this.customProperties.serviceTech}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
<strong>Service Tech:</strong> {{this.customProperties.serviceTech}}
</div>
{{/if}}
{{#if this.customProperties.responsibilityType}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
<strong>Responsibility</strong> {{this.customProperties.responsibilityType}}
</div>
{{/if}}
<!-- /SERVICE ORDER ITEMS JAN 2022 -->
<!--[if mso]>
<table style="display: none; font-size: 0; line-height: 0;">
<tr>
<td style="display: none; font-size: 0; line-height: 0;">
<![endif]-->
{{#if this.quantity.value}}
<div class="sans-serif show-sm" style="color: #000000; font-weight: 400; font-size: 13px; line-height: 14px; text-align: left; padding-bottom: 0px">
<strong>Qty:</strong> {{numberFormat this.quantity.value minimumFractionDigits=0}}
</div>
{{/if}}
{{#if this.price.value}}
<div class="sans-serif show-sm" style="color: #000000; font-weight: 400; font-size: 13px; line-height: 14px; text-align: left; padding-bottom: 0px">
<strong>Price:</strong> {{#block "renderMonetaryAmount" value=this.price.value}}{{/block}}
</div>
{{/if}}
{{#if this.amount.value}}
<div class="sans-serif show-sm" style="color: #000000; font-weight: 400; font-size: 13px; line-height: 14px; text-align: left; padding-bottom: 0px">
<strong>Total:</strong> {{#block "renderMonetaryAmount" value=this.amount.value}}{{/block}}
</div>
{{/if}}
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
</th>
<th class="hide-sm" width="30" style="padding-left: 10px; padding-right: 0px; padding-top: 5px; font-weight: 400; vertical-align: top; text-align: right;">
{{#if this.quantity.value}}
<div class="sans-serif pr-sm-0 hide-sm" style="color: #000000; font-weight: 400; font-size: 14px; line-height: 14px; text-align: center; padding-bottom: 0px">
{{numberFormat this.quantity.value minimumFractionDigits=0}}
</div>
{{/if}}
</th>
<th class="hide-sm" width="90" style="padding-left: 10px; padding-right: 0px; padding-top: 5px; font-weight: 400; vertical-align: top; text-align: right;">
{{#if this.price.value}}
<div class="sans-serif pr-sm-0 hide-sm" style="color: #000000; font-weight: 400; font-size: 14px; line-height: 14px; text-align: right; padding-bottom: 0px">
{{#block "renderMonetaryAmount" value=this.price.value}}{{/block}}
</div>
{{/if}}
</th>
<th class="hide-sm" width="90" style="padding-left: 5px; padding-right: 0px; padding-top: 5px; font-weight: 400; vertical-align: top; text-align: right;">
{{#if this.amount.value}}
<div class="sans-serif pr-sm-0 hide-sm" style="color: #000000; font-weight: 400; font-size: 14px; line-height: 14px; text-align: right; padding-bottom: 0px">
{{#block "renderMonetaryAmount" value=this.amount.value}}{{/block}}
</div>
{{/if}}
</th>
</tr>
<!-- product divider line -->
{{#if @last}}
{{else}}
<tr>
<td colspan="3" class="divider" height="30" style="padding-left: 10px; padding-right: 10px;">
<div style="border-top: 1px solid #EEEEEE; line-height: 0;">
</div>
</td>
</tr>
{{/if}}
<!-- /product divider line -->
</table>
</div>
{{/each}}
<!-- /Order Items -->
</td>
</tr>
<tr>
<td class="spacer-mini" height="20" style="font-size:10px; line-height:10px"> 
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- Product Row -->
{{/partial}}
{{#partial "renderOrderDirectShip" order}}
<!-- Store Information -->
<table class="col px-sm-1 align-sm-center" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th class="col align-sm-center" width="670">
<table class="col align-sm-center" cellpadding="0" cellspacing="0">
<tr>
<td class="col py-sm-1 align-sm-center" width="335" style="padding: 0px 0px; color: #000000; font-size: 18px; line-height: 26px; font-weight: 400; text-align: left;">
<div class="sans-serif text-sm-center" style="color:#000000; font-size: 18px; line-height: 26px; font-weight: 700;">
Delivers to:</div>
{{#if this.soldToInfo.customerName}}
<div class="sans-serif text-sm-center" style="font-size: 18px; line-height: 26px;">
{{capitalize (lower receipt.soldToInfo.customerName)}}
</div>
{{/if}}
{{#if this.deliveryPickupInfo.addressLine1}}
<div class="sans-serif text-sm-center" style="font-size: 18px; line-height: 26px;">
{{capitalize (lower this.deliveryPickupInfo.addressLine1)}}
</div>
{{/if}}
{{#if this.deliveryPickupInfo.addressLine2}}
<div class="sans-serif text-sm-center" style="font-size: 18px; line-height: 26px;">
{{capitalize (lower this.deliveryPickupInfo.addressLine2)}}
</div>
{{/if}}
{{#if this.deliveryPickupInfo.addressLine3}}
<div class="sans-serif text-sm-center" style="font-size: 18px; line-height: 26px;">
{{capitalize (lower this.deliveryPickupInfo.addressLine3)}}
</div>
{{/if}}
{{#if this.deliveryPickupInfo.city}}
<div class="sans-serif text-sm-center" style="font-size: 18px; line-height: 26px;">
{{#block "renderCityState" city=receipt.merchantAddress.city state=receipt.merchantAddress.state postalCode=receipt.merchantAddress.postalCode postalCodeExtension=receipt.merchantAddress.postalCodeExtension}}{{/block}}
{{/if}}
</div>
<!-- if renderable -->
{{#if receipt.soldToInfo.customerNumber}}
<div class="sans-serif text-sm-center" style="font-size: 18px; line-height: 26px;">
Customer Number: {{receipt.soldToInfo.customerNumber}}</div>
{{/if}}
<!-- /if renderable -->
<!-- if STORIS makes the change for custom property at root level -->
{{#if receipt.customProperties.customerNumber}}
<div class="sans-serif text-sm-center" style="font-size: 18px; line-height: 26px;">
Customer Number: {{receipt.customProperties.customerNumber}}</div>
{{/if}}
<!-- /if STORIS makes the change for custom property at root level -->
</td>
<td class="col text-sm-left py-sm-1" width="335" style="padding: 0px 0px; color: #000000; font-size: 14px; line-height: 26px; font-weight: 400; text-align: left;">
<div class="sans-serif text-sm-center" style="color:#000000; font-size: 18px; line-height: 26px; font-weight: 700;">
Order #: <span style="font-weight: 400;">{{this.orderNumber}}</span>
</div>
<div class="sans-serif text-sm-center" style="color:#000000; font-size: 18px; line-height: 26px; font-weight: 700;">
Order Date: <span style="font-weight: 400;">{{#dateFormat receipt.receiptDate.value format="MM/dd/yyyy hh:mm" tz="UTC" }}{{/dateFormat}}</span>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
<!-- /Store Information -->
<!-- Items Heading -->
<table align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<td class="spacer-mini" height="10" style="font-size:10px; line-height:10px"> </td>
</tr>
<tr>
<td class="spacer-mini" height="10" style="font-size:10px; line-height:10px"> </td>
</tr>
<tr>
<td class="spacer-mini" height="10" style="font-size:10px; line-height:10px"> </td>
</tr>
<tr>
<td class="spacer-mini" height="10" style="font-size:10px; line-height:10px"> </td>
</tr>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670">
<table align="left" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="font-weight:400; padding-right:10px; text-align:left" width="670">
<div class="sans-serif" style="margin: 0 0 0px; color:#000000; font-size: 18px; font-weight: 700;">
Items Shipped:</div>
</th>
</tr>
</tbody>
</table>
</th>
</tr>
{{!-- <tr>
<td class="spacer-mini hide-sm" height="10" style="font-size:10px; line-height:10px"> </td>
</tr> --}}
<tr>
<td class="spacer-mini hide-sm" height="10" style="font-size:10px; line-height:10px"> </td>
</tr>
</tbody>
</table>
<!-- /Items Heading -->
<!-- Order Information -->
<table class="col px-sm-1" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th class="col" width="670">
<table class="row" cellpadding="0" cellspacing="0">
<tr>
<th class="col" width="335" style="padding: 0px 0px; color: #000000; font-size: 14px; line-height: 20px; font-weight: 400; text-align: left;">
{{#if order.description}}
<!-- removed since description is above -->
{{/if}}
{{#if order.deliveryPickupInfo.deliveryPickupDate}}
<div class="sans-serif;" style="margin: 0 0 0px;">
<strong>Est.
{{#eq order.description.value "Pickup"}}Pickup{{/eq}}{{#eq order.description.value "Delivery"}}Delivery{{/eq}}
Date: </strong>{{#dateFormat order.deliveryPickupInfo.deliveryPickupDate.value format='MM/dd/yyyy' }}{{/dateFormat}}
</div>
{{/if}}
{{#eq order.description.value "Delivery"}}
<div class="sans-serif;" style="margin: 0 0 0px;">Learn more about <a href="http://www.afw.com/delivery" target="_blank" style="text-decoration:underline!important;"><strong>AFW
Platinum Delivery</strong></a>
</div>
{{/eq}}
{{#eq order.description.value "Pickup"}}
<div class="sans-serif;" style="margin: 0 0 0px;">Please bring your ID and the credit card used to make your purchase with you to your pickup location. Learn more about <a href="http://www.afw.com/pick-up" target="_blank" style="text-decoration:underline!important;"><strong>AFW
Pickup</strong></a></div>
{{/eq}}
{{#if order.deliveryPickupInfo.instructions}}
<!-- Space -->
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td class="spacer-mini" height="0" style="font-size: 10px; line-height: 10px; mso-line-height-rule: exactly;">
</td>
</tr>
</table>
<!-- /Space -->
{{#if order.deliveryPickupInfo.instructions.value}}
<div class="sans-serif;" style="margin: 0 0 0px;">
<strong>Instructions: </strong><br>{{#replaceAll order.deliveryPickupInfo.instructions ", " ", <br>"}}{{/replaceAll}}
</div>
{{/if}}
{{/if}}
<!-- Space -->
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td class="spacer-mini" height="10" style="font-size: 10px; line-height: 10px; mso-line-height-rule: exactly;">
</td>
</tr>
</table>
<!-- /Space -->
{{#if order.miscText}}
{{#eq order.miscText.value ""}}
{{else}}
<div class="sans-serif;" style="margin: 0 0 0px;"><strong>Additional Comments:</strong>
</div>
<div class="sans-serif;" style="margin: 0 0 0px;">
{{#replaceAll order.miscText.value ", " ", <br>"}}{{/replaceAll}}
</div>
{{/eq}}
{{/if}}
</th>
<th class="col text-sm-left py-sm-1" width="335" style="padding: 0px 0px; color: #000000; font-size: 14px; line-height: 20px; font-weight: 400; text-align: right;">
<!-- removed since address is above -->
</th>
</tr>
</table>
</th>
</tr>
</table>
<!-- /Order Information -->
<!-- New 5-Col Headings Row -->
<!-- /New 5-Col Headings Row -->
<!-- Product Row -->
<table class="row" align="center" cellpadding="0" cellspacing="0" role="presentation" width="">
<tr>
<td class="px-sm-1" align="center" width="670" style="padding: 0px 0px;">
<table cellpadding="10" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="col" align="center" width="670" style="padding: 0 0px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="spacer-mini" height="20" style="font-size:10px; line-height:10px"> 
</td>
</tr>
<tr>
<td class="full-width-sm" align="left" height="10" style="line-height: 20px; border: 0px solid #ffffff; padding: 0px 0px;">
<!-- Order Items -->
{{#each order.items}}
<div>
<table class="full-width-sm" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th class="col col-sm-4" width="75" style="padding-left: 0px; padding-right: 25px; text-align: center; width: 75px">
{{#if this.product.imageUrl}}<a href="{{this.product.pageUrl}}" name="itemImage" style="border: 0;"><img src="{{this.product.imageUrl}}" width="75" alt="Product Image" title="Product Image" style="width: 75px; height: 75px; max-width: 75px; border: 0; display: inline-block;"></a>
{{else}}
<img src="http://fr-merchant-content.s3.amazonaws.com/AFW-01-102317/default_75x.jpg" width="75" alt="Product Image" title="Product Image" style="width: 75px; height: 75px; max-width: 75px; border: 0; display: inline-block;">
{{/if}}
</th>
<th class="col col-sm-7 pr-sm-1" width="510" style="padding-left: 0px; padding-right: 20px; font-weight: 400; text-align: left; vertical-align: top; width: 495px;">
{{#if this.itemName.value}}
<div class="sans-serif" style="color: #000000; font-size: 14px; font-weight: 700; line-height: 20px; padding-bottom: 5px">
{{#if this.product.pageUrl}}<a href="{{this.product.pageUrl}}" target="_blank" name="Item Name" style="text-decoration: underline;">{{capitalize (lower this.itemName)}}</a>
{{else}}
{{capitalize (lower this.itemName)}}{{/if}}
</div>
{{else}}
<div class="sans-serif" style="color: #000000; font-size: 14px; font-weight: 700; line-height: 20px; padding-bottom: 5px">
{{capitalize (lower this.itemName)}}
</div>
{{/if}}
{{#if this.upc.value}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
{{this.upc}}
</div>
{{/if}}
{{#if this.miscInfo.value}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
{{this.miscInfo}}
</div>
{{/if}} {{#if this.giftCard}}
{{#if this.giftCard.accountNumber}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
{{{this.giftCard.accountNumber.label}}}: {{#mask this.giftCard.accountNumber.value}}{{/mask}}
</div>
{{/if}} {{#if this.giftCard.authNumber}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 0px">
{{{this.giftCard.authNumber.label}}}: {{this.giftCard.authNumber}}
</div>
{{/if}} {{#if this.giftCard.balance}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 0px">
{{{order.giftCard.balance.label}}}:
{{#block "renderMonetaryAmount" value=order.item.giftCard.balance.value}}{{/block}}
</div>
{{/if}} {{#if this.discounts}}
{{#each this.discounts.values}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
{{this.description}}: {{#block "renderMonetaryAmount" value=this.amount.value}}{{/block}}
</div>
{{/each}} {{/if}} {{/if}} {{#if this.discounts}}
{{#each this.discounts.values}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
{{this.description}}:
{{#block "renderMonetaryAmount" value=this.amount.value}}{{/block}}
</div>
{{/each}} {{/if}}
{{#if this.supportingDocuments.documents}}
{{#each this.supportingDocuments.documents}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
<a href="{{documentUrl}}">{{name}}</a>
</div>
{{/each}} {{/if}}
<!-- detailLineComment -->
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
{{#if this.customProperties.detailLineComment1}}{{this.customProperties.detailLineComment1}}<br />{{/if}}
{{#if this.customProperties.detailLineComment2}}{{this.customProperties.detailLineComment2}}<br />{{/if}}
{{#if this.customProperties.detailLineComment3}}{{this.customProperties.detailLineComment3}}<br />{{/if}}
{{#if this.customProperties.detailLineComment4}}{{this.customProperties.detailLineComment4}}<br />{{/if}}
{{#if this.customProperties.detailLineComment5}}{{this.customProperties.detailLineComment5}}<br />{{/if}}
{{#if this.customProperties.detailLineComment6}}{{this.customProperties.detailLineComment6}}<br />{{/if}}
{{#if this.customProperties.detailLineComment7}}{{this.customProperties.detailLineComment7}}<br />{{/if}}
{{#if this.customProperties.detailLineComment8}}{{this.customProperties.detailLineComment8}}<br />{{/if}}
{{#if this.customProperties.detailLineComment9}}{{this.customProperties.detailLineComment9}}<br />{{/if}}
{{#if this.customProperties.detailLineComment10}}{{this.customProperties.detailLineComment10}}<br />{{/if}}
{{#if this.customProperties.detailLineComment11}}{{this.customProperties.detailLineComment11}}<br />{{/if}}
{{#if this.customProperties.detailLineComment12}}{{this.customProperties.detailLineComment12}}<br />{{/if}}
{{#if this.customProperties.detailLineComment13}}{{this.customProperties.detailLineComment13}}<br />{{/if}}
{{#if this.customProperties.detailLineComment14}}{{this.customProperties.detailLineComment14}}<br />{{/if}}
{{#if this.customProperties.detailLineComment15}}{{this.customProperties.detailLineComment15}}<br />{{/if}}
{{#if this.customProperties.detailLineComment16}}{{this.customProperties.detailLineComment16}}<br />{{/if}}
{{#if this.customProperties.detailLineComment17}}{{this.customProperties.detailLineComment17}}<br />{{/if}}
{{#if this.customProperties.detailLineComment18}}{{this.customProperties.detailLineComment18}}<br />{{/if}}
{{#if this.customProperties.detailLineComment19}}{{this.customProperties.detailLineComment19}}<br />{{/if}}
{{#if this.customProperties.detailLineComment20}}{{this.customProperties.detailLineComment20}}<br />{{/if}}
{{#if this.customProperties.detailLineComment21}}{{this.customProperties.detailLineComment21}}<br />{{/if}}
{{#if this.customProperties.detailLineComment22}}{{this.customProperties.detailLineComment22}}<br />{{/if}}
{{#if this.customProperties.detailLineComment23}}{{this.customProperties.detailLineComment23}}<br />{{/if}}
{{#if this.customProperties.detailLineComment24}}{{this.customProperties.detailLineComment24}}<br />{{/if}}
{{#if this.customProperties.detailLineComment25}}{{this.customProperties.detailLineComment25}}<br />{{/if}}
{{#if this.customProperties.detailLineComment26}}{{this.customProperties.detailLineComment26}}<br />{{/if}}
{{#if this.customProperties.detailLineComment27}}{{this.customProperties.detailLineComment27}}<br />{{/if}}
{{#if this.customProperties.detailLineComment28}}{{this.customProperties.detailLineComment28}}<br />{{/if}}
{{#if this.customProperties.detailLineComment29}}{{this.customProperties.detailLineComment29}}<br />{{/if}}
{{#if this.customProperties.detailLineComment30}}{{this.customProperties.detailLineComment30}}<br />{{/if}}
</div>
<!-- /detailLineComment -->
<!-- Removed mobile price and total in v0.52 -->
<!-- Added for Direct Ship 20210923 -->
<div class="sans-serif align-sm-center" style="display:block!important; text-align: center;">
<!-- Space -->
<table align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td height="10" style="font-size: 10px; line-height: 10px; mso-line-height-rule: exactly;"> </td>
</tr>
</tbody>
</table>
<!-- /Space -->
<table align="left" bgcolor="#21439b" cellpadding="0" cellspacing="0" role="presentation" style="border-radius: 0px;">
<tr>
<th class="button">
<a data-no-query data-no-redirect href="https://parcelsapp.com/en/tracking/{{this.customProperties.directShipTrackingNumber}}" name="CTA-trackmyorder" target="blank" style="border: 0 solid #21439b; color: #ffffff; display: inline-block; font-size: 16px; padding: 8px 20px; text-decoration: none;">Track My Item</a>
</th>
</tr>
</table>
</div>
<!-- /Added for Direct Ship 20210923 -->
</th>
<th class="col col-sm-1" width="30" style="padding-left: 10px; padding-right: 0px; padding-top: 5px; font-weight: 400; vertical-align: top; text-align: right;">
{{#if this.quantity.value}}
<div class="sans-serif pr-sm-0" style="color: #000000; font-weight: 400; font-size: 14px; line-height: 14px; text-align: center; padding-bottom: 0px">
{{numberFormat this.quantity.value minimumFractionDigits=0}}
</div>
{{/if}}
</th>
<!-- Removed price and total in v0.52 -->
</tr>
<!-- product divider line -->
{{#if @last}}
{{else}}
<tr>
<td colspan="3" class="divider" height="30" style="padding-left: 10px; padding-right: 10px;">
<div style="border-top: 1px solid #EEEEEE; line-height: 0;">
</div>
</td>
</tr>
{{/if}}
<!-- /product divider line -->
</table>
</div>
{{/each}}
<!-- /Order Items -->
</td>
</tr>
<tr>
<td class="spacer-mini" height="30" style="font-size:30px; line-height:30px"> 
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- Product Row -->
<!-- Divider -->
{{#if @last}}
{{else}}
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider-mini" height="5" style="padding-left:15px; padding-right:15px">
<div style="border-top:2px solid #e6e6e6; line-height:0"> </div>
</td>
</tr>
</tbody>
</table>
<!-- Space -->
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="spacer" height="40" style="font-size: 40px; line-height: 40px; mso-line-height-rule: exactly;">
</td>
</tr>
</tbody>
</table>
<!-- /Space -->
{{/if}}
<!-- /Divider -->
{{/partial}}
{{#partial "renderOrderBalanceDue" order}}
<!-- Order Information -->
<!-- /Order Information -->
<!-- New 5-Col Headings Row -->
<table class="row" align="center" cellpadding="0" cellspacing="0" role="presentation" width="">
<tr>
<td class="px-sm-1" align="center" width="680" style="padding: 0px 0px;">
<table cellpadding="10" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="col" align="center" width="660" style="padding: 5px 0px; color: #fbfaf8; background-color: #fbfaf8; border: 1px solid #dcdcdc">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="full-width-sm" align="left" height="10" style="line-height: 14px; padding: 0px 0px;">
<div>
<table class="full-width-sm" align="center" bgcolor="#fbfaf8" cellpadding="0" cellspacing="0">
<tr>
<th class="col col-sm-7 pl-sm-0" width="300" style="padding-left: 10px; padding-right: 15px; padding-top: 5px; text-align: left; padding-bottom: 3px;">
<div class="sans-serif pl-sm-1" style="color: #555555; font-size: 14px; font-weight: 500; line-height: 14px; padding-top: 0px;">
Order Details </div>
</th>
<th class="hide-sm" width="70" style="padding-left: 0px; padding-right: 25px; padding-top: 5px; font-weight: 400; text-align: left; vertical-align: top">
<div class="sans-serif" style="color: #555555; font-size: 14px; font-weight: 500; line-height: 14px; padding-top: 0px;">
</div>
</th>
<th class="hide-sm" width="30" style="padding-left: 10px; padding-right: 0px; padding-top: 5px; font-weight: 400; vertical-align: top">
<div class="sans-serif pr-sm-0" style="color: #555555; font-weight: 500; font-size: 14px; line-height: 14px; text-align: center; padding-top: 0px;">
Qty.</div>
</th>
<th class="hide-sm" width="90" style="padding-left: 10px; padding-right: 0px; padding-top: 5px; font-weight: 400; vertical-align: top">
<div class="sans-serif pr-sm-0" style="color: #555555; font-weight: 500; font-size: 14px; line-height: 14px; text-align: right; padding-top: 0px;">
Price</div>
</th>
<th class="hide-sm" width="90" style="padding-left: 10px; padding-right: 0px; padding-top: 5px; font-weight: 400; vertical-align: top">
<div class="sans-serif pr-sm-0" style="color: #555555; font-weight: 500; font-size: 14px; line-height: 14px; text-align: right; padding-top: 0px;">
Total</div>
</th>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- /New 5-Col Headings Row -->
<!-- Product Row -->
<table class="row" align="center" cellpadding="0" cellspacing="0" role="presentation" width="">
<tr>
<td class="px-sm-1" align="center" width="670" style="padding: 0px 0px;">
<table cellpadding="10" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="col" align="center" width="670" style="padding: 0 0px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="spacer-mini" height="20" style="font-size:10px; line-height:10px"> 
</td>
</tr>
<tr>
<td class="full-width-sm" align="left" height="10" style="line-height: 20px; border: 0px solid #ffffff; padding: 0px 0px;">
<!-- Order Items -->
{{#each order.items}}
<div>
<table class="full-width-sm" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th class="col col-sm-4" width="75" style="padding-left: 0px; padding-right: 20px; text-align: center; width: 75px">
{{#if this.product.imageUrl}}<a href="{{this.product.pageUrl}}" name="itemImage" style="border: 0;"><img src="{{this.product.imageUrl}}" width="75" alt="Product Image" title="Product Image" style="width: 75px; height: 75px; max-width: 75px; border: 0; display: inline-block;"></a>
{{else}}
<img src="http://fr-merchant-content.s3.amazonaws.com/AFW-01-102317/default_75x.jpg" width="75" alt="Product Image" title="Product Image" style="width: 75px; height: 75px; max-width: 75px; border: 0; display: inline-block;">
{{/if}}
</th>
<th class="col col-sm-8 pr-sm-1" width="300" style="padding-left: 0px; padding-right: 25px; font-weight: 400; text-align: left; vertical-align: top; width: 300px;">
{{#if this.itemName.value}}
<div class="sans-serif" style="color: #000000; font-size: 14px; font-weight: 700; line-height: 20px; padding-bottom: 5px">
{{#if this.product.pageUrl}}<a href="{{this.product.pageUrl}}" target="_blank" name="Item Name" style="text-decoration: none;">{{this.itemName}}</a>
{{else}}
{{this.itemName}} {{/if}}
</div>
{{else}}
<div class="sans-serif" style="color: #000000; font-size: 14px; font-weight: 700; line-height: 20px; padding-bottom: 5px">
{{this.itemName}}
</div>
{{/if}} {{#if this.upc.value}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
{{this.upc}}
</div>
{{/if}} {{#if this.sku.value}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px;">
{{this.sku}}
</div>
{{/if}} {{#if this.miscInfo.value}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
{{this.miscInfo}}
</div>
{{/if}} {{#if this.giftCard}}
{{#if this.giftCard.accountNumber}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
{{{this.giftCard.accountNumber.label}}}: {{#mask this.giftCard.accountNumber.value}}{{/mask}}
</div>
{{/if}} {{#if this.giftCard.authNumber}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 0px">
{{{this.giftCard.authNumber.label}}}: {{this.giftCard.authNumber}}
</div>
{{/if}} {{#if this.giftCard.balance}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 0px">
{{{order.giftCard.balance.label}}}:
{{#block "renderMonetaryAmount" value=order.item.giftCard.balance.value}}{{/block}}
</div>
{{/if}} {{#if this.discounts}}
{{#each this.discounts.values}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
{{this.description}}: {{#block "renderMonetaryAmount" value=this.amount.value}}{{/block}}
</div>
{{/each}} {{/if}} {{/if}} {{#if this.discounts}}
{{#each this.discounts.values}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
{{this.description}}:
{{#block "renderMonetaryAmount" value=this.amount.value}}{{/block}}
</div>
{{/each}} {{/if}}
{{#if this.supportingDocuments.documents}}
{{#each this.supportingDocuments.documents}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
<a href="{{documentUrl}}">{{name}}</a>
</div>
{{/each}} {{/if}}
<!-- detailLineComment -->
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
{{#if this.customProperties.detailLineComment1}}{{this.customProperties.detailLineComment1}}<br />{{/if}}
{{#if this.customProperties.detailLineComment2}}{{this.customProperties.detailLineComment2}}<br />{{/if}}
{{#if this.customProperties.detailLineComment3}}{{this.customProperties.detailLineComment3}}<br />{{/if}}
{{#if this.customProperties.detailLineComment4}}{{this.customProperties.detailLineComment4}}<br />{{/if}}
{{#if this.customProperties.detailLineComment5}}{{this.customProperties.detailLineComment5}}<br />{{/if}}
{{#if this.customProperties.detailLineComment6}}{{this.customProperties.detailLineComment6}}<br />{{/if}}
{{#if this.customProperties.detailLineComment7}}{{this.customProperties.detailLineComment7}}<br />{{/if}}
{{#if this.customProperties.detailLineComment8}}{{this.customProperties.detailLineComment8}}<br />{{/if}}
{{#if this.customProperties.detailLineComment9}}{{this.customProperties.detailLineComment9}}<br />{{/if}}
{{#if this.customProperties.detailLineComment10}}{{this.customProperties.detailLineComment10}}<br />{{/if}}
{{#if this.customProperties.detailLineComment11}}{{this.customProperties.detailLineComment11}}<br />{{/if}}
{{#if this.customProperties.detailLineComment12}}{{this.customProperties.detailLineComment12}}<br />{{/if}}
{{#if this.customProperties.detailLineComment13}}{{this.customProperties.detailLineComment13}}<br />{{/if}}
{{#if this.customProperties.detailLineComment14}}{{this.customProperties.detailLineComment14}}<br />{{/if}}
{{#if this.customProperties.detailLineComment15}}{{this.customProperties.detailLineComment15}}<br />{{/if}}
{{#if this.customProperties.detailLineComment16}}{{this.customProperties.detailLineComment16}}<br />{{/if}}
{{#if this.customProperties.detailLineComment17}}{{this.customProperties.detailLineComment17}}<br />{{/if}}
{{#if this.customProperties.detailLineComment18}}{{this.customProperties.detailLineComment18}}<br />{{/if}}
{{#if this.customProperties.detailLineComment19}}{{this.customProperties.detailLineComment19}}<br />{{/if}}
{{#if this.customProperties.detailLineComment20}}{{this.customProperties.detailLineComment20}}<br />{{/if}}
{{#if this.customProperties.detailLineComment21}}{{this.customProperties.detailLineComment21}}<br />{{/if}}
{{#if this.customProperties.detailLineComment22}}{{this.customProperties.detailLineComment22}}<br />{{/if}}
{{#if this.customProperties.detailLineComment23}}{{this.customProperties.detailLineComment23}}<br />{{/if}}
{{#if this.customProperties.detailLineComment24}}{{this.customProperties.detailLineComment24}}<br />{{/if}}
{{#if this.customProperties.detailLineComment25}}{{this.customProperties.detailLineComment25}}<br />{{/if}}
{{#if this.customProperties.detailLineComment26}}{{this.customProperties.detailLineComment26}}<br />{{/if}}
{{#if this.customProperties.detailLineComment27}}{{this.customProperties.detailLineComment27}}<br />{{/if}}
{{#if this.customProperties.detailLineComment28}}{{this.customProperties.detailLineComment28}}<br />{{/if}}
{{#if this.customProperties.detailLineComment29}}{{this.customProperties.detailLineComment29}}<br />{{/if}}
{{#if this.customProperties.detailLineComment30}}{{this.customProperties.detailLineComment30}}<br />{{/if}}
</div>
<!-- /detailLineComment -->
<!--[if mso]>
<table style="display: none; font-size: 0; line-height: 0;">
<tr>
<td style="display: none; font-size: 0; line-height: 0;">
<![endif]-->
{{#if this.quantity.value}}
<div class="sans-serif show-sm" style="color: #000000; font-weight: 400; font-size: 13px; line-height: 14px; text-align: left; padding-top: 5px">
<strong>Qty:</strong> {{numberFormat this.quantity.value minimumFractionDigits=0}}
</div>
{{/if}}
{{#if this.price.value}}
<div class="sans-serif show-sm" style="color: #000000; font-weight: 400; font-size: 13px; line-height: 14px; text-align: left; padding-bottom: 0px">
<strong>Price:</strong> {{#block "renderMonetaryAmount" value=this.price.value}}{{/block}}
</div>
{{/if}}
{{#if this.amount.value}}
<div class="sans-serif show-sm" style="color: #000000; font-weight: 400; font-size: 13px; line-height: 14px; text-align: left; padding-bottom: 0px">
<strong>Total:</strong> {{#block "renderMonetaryAmount" value=this.amount.value}}{{/block}}
</div>
{{/if}}
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
</th>
<th class="hide-sm" width="30" style="padding-left: 10px; padding-right: 0px; padding-top: 5px; font-weight: 400; vertical-align: top; text-align: right;">
{{#if this.quantity.value}}
<div class="sans-serif pr-sm-0 hide-sm" style="color: #000000; font-weight: 400; font-size: 14px; line-height: 14px; text-align: center; padding-bottom: 0px">
{{numberFormat this.quantity.value minimumFractionDigits=0}}
</div>
{{/if}}
</th>
<th class="hide-sm" width="90" style="padding-left: 10px; padding-right: 0px; padding-top: 5px; font-weight: 400; vertical-align: top; text-align: right;">
{{#if this.price.value}}
<div class="sans-serif pr-sm-0 hide-sm" style="color: #000000; font-weight: 400; font-size: 14px; line-height: 14px; text-align: right; padding-bottom: 0px">
{{#block "renderMonetaryAmount" value=this.price.value}}{{/block}}
</div>
{{/if}}
</th>
<th class="hide-sm" width="90" style="padding-left: 5px; padding-right: 0px; padding-top: 5px; font-weight: 400; vertical-align: top; text-align: right;">
{{#if this.amount.value}}
<div class="sans-serif pr-sm-0 hide-sm" style="color: #000000; font-weight: 400; font-size: 14px; line-height: 14px; text-align: right; padding-bottom: 0px">
{{#block "renderMonetaryAmount" value=this.amount.value}}{{/block}}
</div>
{{/if}}
</th>
</tr>
<!-- product divider line -->
<tr>
<td colspan="3" class="divider" height="30" style="padding-left: 10px; padding-right: 10px;">
<div style="border-top: 1px solid #EEEEEE; line-height: 0;">
</div>
</td>
</tr>
<!-- /product divider line -->
</table>
</div>
{{/each}}
<!-- /Order Items -->
</td>
</tr>
<tr>
<td class="spacer-mini" height="20" style="font-size:10px; line-height:10px"> 
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- Product Row -->
{{/partial}}
<!-- Handlebars Partials Finished -->
<!-- Email BODY -->
<body style="box-sizing:border-box;margin:0;padding:0;width:100%;-webkit-font-smoothing:antialiased;word-break:break-word;">
<table class="wrapper" bgcolor="#ffffff" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td>
<table class="container" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" role="presentation" width="700">
<!-- Visually Hidden Preheader Text : BEGIN -->
<div style="display: none; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all; font-family: 'Open Sans', Arial, sans-serif;">
AFW In-Store Order #{{receipt.transactionNumber}}</div>
<!-- Visually Hidden Preheader Text : END -->
<!-- Email Header from Profile with the AFW logo -->
{{#if emailHeader}}
<tr>
<td class="profile-content">{{{emailHeader}}}</td>
</tr>
{{/if}}
<!-- Email Header from Profile with the AFW logo -->
<!-- BEGIN PDF LOGO -->
{{#settings.isPdf}}
<table align="center" cellpadding="0" cellspacing="0" class="row" width="100%">
<tbody>
<tr>
<td>
<table align="center" cellpadding="0" cellspacing="0" style="text-align:center" width="300px">
<tbody>
<tr>
<th><img alt="AFW" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/logo-color.png" style="display:inline-block; max-width:200px; width:200px; height: auto;" width="200" />
</th>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="spacer-mini" height="30" style="font-size: 30px; line-height: 30px; mso-line-height-rule: exactly;">
</td>
</tr>
</tbody>
</table>
{{/settings.isPdf}}
<!-- END PDF LOGO -->
<!-- checking for DirectShip messages -->
{{#match receipt.transactionType "DirectShip"}}
<!-- Header -->
<tr>
<td class="profile-content">
<!-- Alert Banner -->
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670">
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670"><img alt="Banner" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/slogan-banner.jpg" style="display:block; height:auto; max-width:670px; width:100%" width="670" /></th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<!-- /Alert Banner -->
<!-- Hero Banner -->
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670">
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670"><img alt="directship-banner" border="0" class="desktop_swap" height="" src="https://assets.flexengage.com/merchants/AFW-01-102317/img/afw-ordershipped-hero-desktop.jpg" style="display:block; text-decoration:none" width="670" />
<div class="mobile_swap" style="display:none; font-size:0; line-height:0; max-height:0; max-width:0; mso-hide:all; width:0"><img alt="directship-banner" border="0" class="mobile_swap" height="" src="https://assets.flexengage.com/merchants/AFW-01-102317/img/afw-ordershipped-hero-mobile.jpg" style="display:none; max-width:0; width:0" width="670" /></div>
</th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<!-- /Hero Banner -->
<!-- Spacer -->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider-mini" height="15" style="padding-left:15px; padding-right:15px">
<div style="line-height:0"> </div>
</td>
</tr>
</tbody>
</table>
<!-- /Spacer -->
</td>
</tr>
<!-- /Header -->
<!-- Direct Ship message -->
<tr>
<td class="profile-content">
<table align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<td class="spacer-mini" height="10" style="font-size:10px; line-height:10px"> </td>
</tr>
<tr>
<th class="col full-width-sm" style="padding-left:30px; padding-right:30px" width="640">
<table align="center" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="font-weight:400; padding-right:10px; text-align:center" width="600">
<div class="sans-serif" style="font-size:20px; line-height:26px; color: #333333">Good news! Your order is on it's way.<br />
For any questions, please <a name="CTA-directship-contactus" href="https://www.afw.com/contact-us" target="_blank" style="font-weight: 700; text-decoration:underline;">contact us</a>.</div>
</th>
</tr>
</tbody>
</table>
</th>
</tr>
<tr>
<td class="spacer-mini" height="20" style="font-size:20px; line-height:20px"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- /Direct Ship message -->
<!-- Direct Ship -->
<tr>
<td>
<!-- Space -->
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td class="spacer-mini" height="10" style="font-size: 10px; line-height: 10px; mso-line-height-rule: exactly;">
</td>
</tr>
<tr>
<td class="spacer-mini" height="10" style="font-size: 10px; line-height: 10px; mso-line-height-rule: exactly;">
</td>
</tr>
<tr>
<td class="spacer-mini" height="10" style="font-size: 10px; line-height: 10px; mso-line-height-rule: exactly;">
</td>
</tr>
</table>
<!-- /Space -->
{{#each receipt.ordersWrapper.orders}}
<!-- Track My Order Button -->
<!-- /Track My Order Button -->
<!-- Space -->
<!-- /Space -->
{{/each}}
<!-- ORDER SECTION -->
{{#each receipt.ordersWrapper.orders}}
{{#block "renderOrderDirectShip" order=this}}{{/block}}
{{/each}}
<!-- ORDER SECTION -->
</td>
</tr>
<!-- /Direct Ship -->
<!-- FAQ and Receipt Footer -->
<tr>
<td>
<table align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<td class="profile-content">
<!-- Divider -->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider-mini" height="5" style="padding-left:15px; padding-right:15px">
<div style="border-top:2px solid #e6e6e6; line-height:0"> </div>
</td>
</tr>
</tbody>
</table>
<!-- /Divider -->
<!-- Spacer -->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider-mini" height="15" style="padding-left:15px; padding-right:15px">
<div style="line-height:0"> </div>
</td>
</tr>
</tbody>
</table>
<!-- /Spacer -->
<!-- FAQ Banner - For more info + Have Any Questions -->
<!-- /FAQ Banner For more info + Have Any Questions -->
<!-- Spacer -->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider-mini" height="15" style="padding-left:15px; padding-right:15px">
<div style="line-height:0"> </div>
</td>
</tr>
</tbody>
</table>
<!-- /Spacer -->
<!-- Receipt Footer from Profile -->
<!-- /Receipt Footer from Profile -->
<!-- Email Footer from Profile -->
<!-- /Email Footer from Profile -->
<!-- Spacer Line -->
<!-- /Spacer Line -->
<!-- CTA Section -->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td>
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center" class="col px-sm-2" style="padding:10px; width:290px" width="290"><a href="https://www.afw.com/discover" target="_blank"><img alt="CTA1" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/cta-designtips-v2.png" style="width:100%" width="290" /></a></td>
<td align="center" class="col px-sm-2" style="padding:10px; width:290px" width="290"><a href="https://www.afw.com/blog/category/furniture-care" target="_blank"><img alt="CTA2" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/cta-guide.png" style="width:100%" width="290" /></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- /CTA Section -->
<!-- Spacer Line -->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider" height="30">
<div style="border-top:1px solid #eeeeee; line-height:0"> </div>
</td>
</tr>
</tbody>
</table>
<!-- /Spacer Line -->
<!-- Footer -->
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="mini-spacer" height="10" style="font-size:10px; line-height:10px"> </td>
</tr>
<tr>
<th align="center" class="col" style="padding-left:30px; padding-right:30px" width="530">
<table align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="center" class="col-sm-2 col-sm-push-1" style="color:#999999; padding:0px 5px" width="100">
<div style="margin-bottom:10px"><a href="https://www.facebook.com/AFWonline" style="text-decoration:none" target="_blank"><img alt="FB" height="25" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/facebook.jpg" style="max-width:25px; width:25px" width="25" /></a></div>
</td>
<td align="center" class="col-sm-2 col-sm-push-1" style="color:#999999; padding:0px 5px" width="100">
<div style="margin-bottom:10px"><a href="https://www.pinterest.com/afwonline/" style="text-decoration:none" target="_blank"><img alt="FB" height="25" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/pinterest.jpg" style="max-width:25px; width:25px" width="25" /></a></div>
</td>
<td align="center" class="col-sm-2 col-sm-push-1" style="color:#999999; padding:0px 5px" width="100">
<div style="margin-bottom:10px"><a href="https://www.instagram.com/afwonline/?hl=en" style="text-decoration:none" target="_blank"><img alt="FB" height="25" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/instagram.jpg" style="max-width:25px; width:25px" width="25" /></a></div>
</td>
<td align="center" class="col-sm-2 col-sm-push-1" style="color:#999999; padding:0px 5px" width="100">
<div style="margin-bottom:10px"><a href="https://www.youtube.com/channel/UC1-CJ3ODBwAi8WTq0DNY3eg" style="text-decoration:none" target="_blank"><img alt="FB" height="25" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/youtube.jpg" style="max-width:25px; width:25px" width="25" /></a></div>
</td>
</tr>
</tbody>
</table>
</th>
</tr>
<tr>
<td class="spacer-mini" height="20"> </td>
</tr>
<!-- 3 Column -->
</tbody>
</table>
<table align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<td class="spacer-mini" height="10" style="font-size:10px; line-height:10px"> </td>
</tr>
<tr>
<th class="col" style="padding-left:30px; padding-right:30px" width="640">
<table align="center" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr><!-- Product 1 -->
<th class="col py-sm-1 pt-sm-2 pb-sm-1" style="font-weight:600; padding-right:10px; text-align:center" width="200">
<div class="px-sm-1 py-sm-0 sans-serif" style="font-size:14px; line-height:16px"><a href="https://www.afw.com/living-room" style="color:#000000; text-decoration:none" target="_blank">LIVING ROOM</a></div>
</th>
<!-- /Product 1 --><!-- Product 2 -->
<th class="col py-sm-1 pt-sm-2 pb-sm-1" style="font-weight:600; padding-right:10px; text-align:center" width="200">
<div class="px-sm-1 py-sm-0 sans-serif" style="font-size:14px; line-height:16px"><a href="https://www.afw.com/sleep-center" style="color:#000000; text-decoration:none" target="_blank">SLEEP CENTER</a></div>
</th>
<!-- /Product 2 --><!-- Product 3 -->
<th class="col py-sm-1 pt-sm-2 pb-sm-1" style="font-weight:600; padding-right:10px; text-align:center" width="200">
<div class="px-sm-1 py-sm-0 sans-serif" style="font-size:14px; line-height:16px"><a href="https://www.afw.com/home-decor" style="color:#000000; text-decoration:none" target="_blank">HOME DECOR</a></div>
</th>
<!-- /Product 3 -->
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<!-- /3 Column -->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- /FAQ and Receipt Footer -->
<!-- if not DirectShip message continue below -->
{{else}}
<!-- check if money is owed -->
{{#gt receipt.transactionBalanceDue.value 0.0 }}
<!-- check if SERVICE ORDER -->
{{#match receipt.transactionType "SERVICE ORDER"}}
<!-- BEGIN SERVICE ORDER -->
<!-- Header -->
<tr>
<td class="profile-content">
<!-- Alert Banner -->
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670">
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670"><img alt="Banner" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/slogan-banner.jpg" style="display:block; height:auto; max-width:670px; width:100%" width="670" /></th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<!-- /Alert Banner -->
<!-- Hero Banner -->
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670">
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670"><img alt="almostthere-banner" border="0" class="desktop_swap" height="" src="https://fr-merchant-content.s3.amazonaws.com/AFW-01-102317/images/1340x720_Order-Payment-Hero.jpg" style="display:block; text-decoration:none" width="670" />
<div class="mobile_swap" style="display:none; font-size:0; line-height:0; max-height:0; max-width:0; mso-hide:all; width:0"><a href="https://www.afw.com/artists-of-the-west-canvas-prints" target="_blank"><img alt="almostthere-banner" border="0" class="mobile_swap" height="" src="https://fr-merchant-content.s3.amazonaws.com/AFW-01-102317/images/750x600_Order-Payment-Hero_Update.jpg" style="display:none; max-width:0; width:0" width="670" /></a></div>
</th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<!-- /Hero Banner -->
<!-- Spacer -->
<table align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" class="row">
</table>
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider-mini" height="15" style="padding-left:15px; padding-right:15px">
<div style="line-height:0"> </div>
</td>
</tr>
</tbody>
</table>
<!-- /Spacer -->
<!-- Upper Marketing Banner -->
<!-- /Upper Marketing Banner -->
</td>
</tr>
<!-- Receipt Header from Profile -->
<!-- /Header -->
{{#if receiptHeader}}
<tr>
<td class="profile-content">{{{receiptHeader}}}</td>
</tr>
{{/if}}
<!-- Receipt Header from Profile -->
<!--/Header -->
<tr>
<td class="profile-content">
<table align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<td class="spacer-mini" height="10" style="font-size:10px; line-height:10px"> </td>
</tr>
<tr>
<th class="col" style="padding-left:30px; padding-right:30px" width="640">
<table align="center" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="font-weight:400; padding-right:10px; text-align:center" width="600">
<div class="sans-serif" style="font-size:20px; line-height:26px; color: #333333">Your space is about to get better.<br />
Checkout is <strong><em>fast</em></strong> and <strong><em>easy</em></strong>!</div>
</th>
</tr>
{{#if receipt.transactionNumber}}
<tr>
<th class="col" style="font-weight:400; padding-right:10px; text-align:center" width="600">
<div class="sans-serif align-sm-center" style="display:block!important; text-align: center; padding-top: 15px">
<table align="center" bgcolor="#21439b" cellpadding="0" cellspacing="0" role="presentation" style="border-radius: 0px;">
<tr>
<th class="button">
{{#eq appUrl "https://test.flexreceipts-lab.com/receipt"}}
<a data-no-query data-no-redirect href="https://qa.afw.com/CustomerAccount/OrderPayment/{{base64Encode receipt.transactionNumber}}" name="CTA-payment-QA" target="blank" style="border: 0 solid #21439b; color: #ffffff; display: inline-block; font-size: 16px; padding: 12px 20px; text-decoration: none;">Complete Your Order</a>
{{/eq}}
{{#eq appUrl "https://www.flexreceipts.com/receipt"}}
<a data-no-query data-no-redirect href="https://www.afw.com/CustomerAccount/OrderPayment/{{base64Encode receipt.transactionNumber}}" name="CTA-payment" target="blank" style="border: 0 solid #21439b; color: #ffffff; display: inline-block; font-size: 16px; padding: 12px 20px; text-decoration: none;">Complete Your Order</a>
{{/eq}}
</th>
</tr>
</table>
</div>
</th>
</tr>
{{/if}}
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- /order complete table with order button-->
<!-- Main Transactional Area -->
<tr>
<td>
<!-- TEST -->
<!-- /TEST -->
<!-- Space -->
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td class="spacer-mini" height="10" style="font-size: 10px; line-height: 10px; mso-line-height-rule: exactly;">
</td>
</tr>
</table>
<!-- /Space -->
<!-- Store Information -->
<table class="col px-sm-1" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th class="col" width="670">
<table class="row" cellpadding="0" cellspacing="0">
<tr>
<th class="col py-sm-1" width="335" style="padding: 0px 0px; color: #000000; font-size: 14px; line-height: 20px; font-weight: 400; text-align: left;">
{{#if receipt.storeName}}
<div class="sans-serif;" style="margin: 0 0 0px; color:#000000; font-size: 18px; font-weight: 700;">
{{receipt.storeName}}
</div>
{{/if}}
{{#if receipt.merchantAddress.addressLine1}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{receipt.merchantAddress.addressLine1}}
</div>
{{/if}}
{{#if receipt.merchantAddress.addressLine2}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{receipt.merchantAddress.addressLine2}}
</div>
{{/if}}
{{#if receipt.merchantAddress.addressLine3}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{receipt.merchantAddress.addressLine3}}
</div>
{{/if}}
{{#if receipt.merchantAddress.city}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{#block "renderCityState" city=receipt.merchantAddress.city state=receipt.merchantAddress.state postalCode=receipt.merchantAddress.postalCode postalCodeExtension=receipt.merchantAddress.postalCodeExtension}}{{/block}}
{{/if}}
</div>
{{#if receipt.merchantPhoneNumber}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{receipt.merchantPhoneNumber}}
</div>
{{/if}}
</th>
<th class="col text-sm-left py-sm-1" width="335" style="padding: 0px 0px; color: #000000; font-size: 14px; line-height: 20px; font-weight: 400; text-align: right;">
{{#if receipt.transactionNumber.value}}
<div class="sans-serif;" style="margin: 0 0 0px; color:#1f439a; font-size: 18px; font-weight: 700;">
Order #: {{receipt.transactionNumber}}
</div>
{{/if}}
{{#if receipt.employeeFullName.value}}
<div class="sans-serif;" style="margin: 0 0 0px;"> Salesperson:
{{receipt.employeeFullName}}
</div>
{{/if}}
{{#each receipt.ordersWrapper.orders}}
{{#each this.items}}
{{#if this.customProperties.salesOrderPurchaseDateTime}}
{{#if @first}}
{{#regexCaptureV2 this.customProperties.salesOrderPurchaseDateTime pattern="^(?:-([0-9]{1,2})|([0-9]{4}))?(?:-?(?:([0-9]{2})?(?:-?([0-9]{2}))?|W([0-9]{2})(?:-?([1-7]))?|([0-9]{3})))?(?:T([0-9]{2})(?::?([0-9]{2})(?::?([0-9]{2}))?)?(?:[,\.]([0-9]+))?(?:(Z)|([+-])([0-9]{2})(?::?([0-9]{2}))?)?)?$"}}
<div class="sans-serif;" style="margin: 0 0 0px;">Order
Date: {{match3}}/{{match4}}/{{match2}} {{match8}}:{{match9}}
</div>
{{else}}
<div class="sans-serif;" style="margin: 0 0 0px;">
Order
Date: {{this.customProperties.salesOrderPurchaseDateTime}}
</div>
{{/regexCaptureV2}}
{{/if}}
{{/if}}
{{/each}}
{{/each}}
{{#match receipt.transactionType "CREDIT MEMO"}}
{{#if receipt.returnsWrapper.returns}}
{{#each receipt.returnsWrapper.returns}}
{{#each this.returnedItems}}
{{#if this.customProperties.salesOrderPurchaseDateTime}}
{{#if @first}}
{{#regexCaptureV2 this.customProperties.salesOrderPurchaseDateTime pattern="^(?:-([0-9]{1,2})|([0-9]{4}))?(?:-?(?:([0-9]{2})?(?:-?([0-9]{2}))?|W([0-9]{2})(?:-?([1-7]))?|([0-9]{3})))?(?:T([0-9]{2})(?::?([0-9]{2})(?::?([0-9]{2}))?)?(?:[,\.]([0-9]+))?(?:(Z)|([+-])([0-9]{2})(?::?([0-9]{2}))?)?)?$"}}
<div class="sans-serif;" style="margin: 0 0 0px;">Return
Date: {{match3}}/{{match4}}/{{match2}} {{match8}}:{{match9}}
</div>
{{else}}
<div class="sans-serif;" style="margin: 0 0 0px;">Return
Date: {{this.customProperties.salesOrderPurchaseDateTime}}
</div>
{{/regexCaptureV2}}
{{/if}}
{{/if}}
{{/each}}
{{/each}}
{{/if}}
{{/match}}
{{#if receipt.receiptDate.value}}
<div class="sans-serif;" style="margin: 0 0 0px;">Print Date:
{{#dateFormat receipt.receiptDate.value format="MM/dd/yyyy hh:mm" tz="UTC" }}{{/dateFormat}}
</div>
{{/if}}
{{#if receipt.transactionNumber}}
{{#eq appUrl "https://test.flexreceipts-lab.com/receipt"}}
<div class="sans-serif;" style="margin: 0 0 0px;"><a data-no-query href="https://qa.afw.com/CustomerAccount/OrderPayment/{{base64Encode receipt.transactionNumber}}" name="CTA-payment-QA" target="_blank"><strong>View Order Details</strong></a>
</div>
{{/eq}}
{{#eq appUrl "https://www.flexreceipts.com/receipt"}}
<div class="sans-serif;" style="margin: 0 0 0px;"><a data-no-query href="https://www.afw.com/CustomerAccount/OrderPayment/{{base64Encode receipt.transactionNumber}}" name="CTA-payment" target="_blank"><strong>View Order Details</strong></a>
</div>
{{/eq}}
{{/if}}
</th>
</tr>
</table>
</th>
</tr>
</table>
<!-- /Store Information -->
<!-- Misc -->
<!-- /Misc -->
<!-- Space -->
<table class="row hide-sm" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td class="spacer-mini" height="10" style="font-size: 10px; line-height: 10px; mso-line-height-rule: exactly;">
</td>
</tr>
</table>
<!-- /Space -->
<!-- Divider -->
<table align="center" cellpadding="0" cellspacing="0" width="100%" style="max-width: 670px;">
<tr>
<td class="divider" height="30" style="padding-left: 0px; padding-right: 0px;">
<div style="border-top: 2px solid #EEEEEE; line-height: 0;"> </div>
</td>
</tr>
</table>
<!-- /Divider -->
<!-- ORDER SECTION -->
{{#each receipt.ordersWrapper.orders}}
{{#block "renderOrder" order=this}}{{/block}}
{{/each}}
<!-- ORDER SECTION -->
<!-- Returns -->
{{#if receipt.returnsWrapper.returns}}
<table class="row" align="center" cellpadding="0" cellspacing="0" role="presentation" width="">
<tr>
<td align="center" width="680" style="padding: 0px 10px;">
<table cellpadding="10" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="col" align="center" width="520" style="padding: 0 0px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="px-sm-1" align="center" width="100%" style="padding: 5px 10px; color: #000000; background-color: #000000; border: 1px solid #000000">
<table align="left" cellpadding="0" cellspacing="0" role="presentation" style="margin: 0 auto;">
<tr>
<th class="sans-serif" style="font-size: 14px; line-height: 100%; word-break: break-all; color: #ffffff">
{{{receipt.returnsWrapper.label}}}
</th>
</tr>
</table>
<div class="spacer" style="line-height: 15px; height: 15px;">
</div>
</td>
</tr>
{{#each receipt.returnsWrapper.returns}}
<tr>
<td align="left" height="40" style="line-height: 40px; border: 1px solid #000000; padding: 10px 10px;">
{{#if this.originalStoreNumber.value}}
<div class="sans-serif" style="font-size: 13px; line-height: 18px; padding: 5px 5px 0px 5px;">
<strong>{{{this.originalStoreNumber.label}}}: </strong>
{{this.originalStoreNumber}}
</div>
{{/if}} {{#if this.originalRegister.value}}
<div class="sans-serif" style="font-size: 13px; line-height: 18px; padding: 5px 5px 0px 5px;">
<strong>{{{this.originalRegister.label}}}: </strong>
{{this.originalRegister}}
</div>
{{/if}}
{{#if this.originalTransactionNumber.value}}
<div class="sans-serif" style="font-size: 13px; line-height: 18px; padding: 5px 5px 0px 5px;">
<strong>{{{this.originalTransactionNumber.label}}}: </strong>
{{this.originalTransactionNumber}}
</div>
{{/if}} {{#if this.returnedItems}}
<div class="divider-mini pt-sm-1 pb-sm-0" height="60" style="padding: 15px 5px;">
<div style="border-top: 1px solid #DCDCDC; line-height: 0;">
</div>
</div>
{{!-- goes three levels deep --}}
{{#each this.returnedItems}}
{{#block "renderNestedReturn" return=this}}{{/block}}
{{#if this.subItems}}
{{#each this.subItems}}
{{#block "renderNestedReturn" return=this}}{{/block}}
{{#if this.subItems}}
{{#each this.subItems}}
{{#block "renderNestedReturn" return=this}}{{/block}}
{{/each}} {{/if}} {{/each}}
{{/if}} {{/each}}
{{/if}}
</td>
</tr>
{{/each}}
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table align="center" cellpadding="0" cellspacing="0" width="100%" style="max-width: 680px;">
<tr>
<td class="divider" height="30" style="padding-left: 10px; padding-right: 10px;">
<div style="border-top: 1px solid #EEEEEE; line-height: 0;"> </div>
</td>
</tr>
</table>
{{/if}}
<!-- /Returns -->
<!-- Cart Totals -->
{{#if receipt.transactionGrossAmount.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0" cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
Subtotal:
</div>
</th>
<th class="col col-sm-4" width="110" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif ">
{{#block "renderMonetaryAmount" value=receipt.transactionGrossAmount.value}}{{/block}}
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.discounts.values}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0" cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
<strong>{{{receipt.discounts.label}}}:</strong>
</div>
</th>
<th class="col col-sm-4" width="110" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif"> </div>
</th>
</tr>
</table>
</th>
</tr>
</table>
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right" align="center" cellpadding="0" cellspacing="0">
<tr class="row" valign="top" style="">
{{#each receipt.discounts.values}}
{{#block "renderTotalRowWithDescription" data=this}}{{/block}}
{{/each}}
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.fees.values}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right" align="center" cellpadding="0" cellspacing="0">
<tr class="row" valign="top" style="font-weight:bold">
{{#each receipt.fees.values}}
{{#block "renderTotalRowWithDescriptionDelivery" data=this}}{{/block}}
{{/each}}
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.tip.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0" cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif"><strong>{{{receipt.tip.label}}}</strong>
</div>
</th>
<th class="col col-sm-4" width="110" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{#block "renderMonetaryAmount" value=receipt.tip.value}}{{/block}}
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.serviceCharge.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0" cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
<strong>{{{receipt.serviceCharge.label}}}</strong>
</div>
</th>
<th class="col col-sm-4" width="110" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{#block "renderMonetaryAmount" value=receipt.serviceCharge.value}}{{/block}}
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.discounts.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0" cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
<strong>{{{receipt.discounts.label}}}</strong>
</div>
</th>
<th class="col col-sm-4" width="110" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{#block "renderMonetaryAmount" value=receipt.discounts.value}}{{/block}}
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.transactionNetAmount.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0" cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{{receipt.transactionNetAmount.label}}}:
</div>
</th>
<th class="col col-sm-4" width="110" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{#block "renderMonetaryAmount" value=receipt.transactionNetAmount.value}}{{/block}}
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.taxes.values}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0" cellspacing="0">
<tr class="row" valign="top" style=""> {{#each receipt.taxes.values}}
{{#block "renderTotalTaxRow" tax=this}}{{/block}} {{/each}}
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
<!-- Space -->
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="spacer-mini" height="10" style="font-size: 10px; line-height: 10px; mso-line-height-rule: exactly;">
</td>
</tr>
</tbody>
</table>
<!-- /Space -->
{{#if receipt.transactionGrandAmount.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0" cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-7 text-sm-left" width="550" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 24px; line-height: 24px">
<div class="sans-serif">
<strong>{{{receipt.transactionGrandAmount.label}}}:</strong>
</div>
</th>
<th class="col col-sm-5" width="110" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 24px; line-height: 24px">
<div class="sans-serif">
<strong>{{#block "renderMonetaryAmount" value=receipt.transactionGrandAmount.value}}{{/block}}</strong>
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
<!-- /Cart Totals -->
<!-- Space -->
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="spacer" height="20" style="font-size: 20px; line-height: 20px; mso-line-height-rule: exactly;">
</td>
</tr>
</tbody>
</table>
<!-- /Space -->
<!-- Payments -->
{{#if receipt.payments.values}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="10" cellspacing="0">
<tr>
<td align="center" width="680" style="padding: 0 10px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="spacer-mini" height="20" style="line-height: 20px;">
</td>
</tr>
<tr>
<td class="px-sm-1" align="center" width="100%" style="padding: 5px 10px; color: #000000; background-color: #000000; border: 1px solid #606060">
<table align="left" cellpadding="0" cellspacing="0" role="presentation" style="margin: 0 auto;">
<tr>
<th class="sans-serif" style="font-size: 14px; line-height: 100%; word-break: break-all; color: #ffffff">
{{{receipt.payments.label}}}
</th>
</tr>
</table>
<div class="spacer" style="line-height: 15px; height: 15px;">
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
{{#each receipt.payments.values}}
{{#block "renderPaymentsDataRow" payment=this}}{{/block}}
{{/each}}
<table align="center" cellpadding="0" cellspacing="0" width="100%" style="max-width: 700px;">
<tr>
<td class="spacer-mini" height="20" style="font-size: 20px; line-height: 20px; mso-line-height-rule: exactly;">
</td>
</tr>
<tr>
<td class="divider-mini" height="5" style="padding-left: 10px; padding-right: 10px;">
<div style="border-top: 2px solid #eeeeee; line-height: 0;"> </div>
</td>
</tr>
</table>
{{/if}} {{#if receipt.transactionTenderApplied.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0" cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
<strong>{{{receipt.transactionTenderApplied.label}}}</strong>
</div>
</th>
<th class="col col-sm-4" width="110" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{#block "renderMonetaryAmount" value=receipt.transactionTenderApplied.value}}{{/block}}
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}} {{#if receipt.transactionBalanceDue.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0" cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
<strong>{{{receipt.transactionBalanceDue.label}}}</strong>
</div>
</th>
<th class="col col-sm-4" width="110" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{#block "renderMonetaryAmount" value=receipt.transactionBalanceDue.value}}{{/block}}
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}} {{#if receipt.changeDue.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0" cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
<strong>{{{receipt.changeDue.label}}}</strong>
</div>
</th>
<th class="col col-sm-4" width="110" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{#block "renderMonetaryAmount" value=receipt.changeDue.value}}{{/block}}
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
<table align="center" cellpadding="0" cellspacing="0" width="100%" style="max-width: 700px;">
<tr>
<td class="spacer-mini" height="20" style="font-size: 20px; line-height: 20px; mso-line-height-rule: exactly;">
</td>
</tr>
</table>
<!-- /Payments -->
<!-- Deposit -->
{{#if receipt.deposit}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="10" cellspacing="0">
<tbody>
<tr>
<td class="px-sm-1" align="center" width="680" style="padding: 0 10px;">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="px-sm-1" align="center" width="100%" style="padding: 5px 10px; color: #000000; background-color: #000000; border: 1px solid #606060">
<table align="left" cellpadding="0" cellspacing="0" style="margin: 0 auto;">
<tbody>
<tr>
<th class="sans-serif" style="font-size: 14px; line-height: 100%; word-break: break-all; color: #ffffff">
Deposit Information</th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<th class="px-sm-1" width="680" style="padding: 0 10px;">
<table class="align-sm-left" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr class="" valign="" style="">
<td class="col pt-sm-1" width="680" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: left; font-size: 14px; line-height: 16px">
<div class="sans-serif"><strong>Deposit Account
#:</strong>
{{receipt.deposit.accountNumber}}
</div>
</td>
</tr>
<tr class="" valign="" style="">
<td class="col pt-sm-1" width="680" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: left; font-size: 14px; line-height: 16px">
<div class="sans-serif"><strong>Deposit Amount:</strong>
{{receipt.deposit.amount}}
</div>
</td>
</tr>
<tr class="" valign="" style="">
<td class="col pt-sm-1" width="680" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: left; font-size: 14px; line-height: 16px">
<div class="sans-serif"><strong>Deposit
Balance:</strong>
{{receipt.deposit.balance}}
</div>
</td>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
{{/if}}
<!-- /Deposit -->
<!-- Payment History -->
{{#if receipt.paymentHistory.values}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="10" cellspacing="0">
<tbody>
<tr>
<td align="center" width="680" style="padding: 0 10px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="spacer-mini" height="20" style="line-height: 20px;">
</td>
</tr>
<tr>
<td class="px-sm-1" align="center" width="100%" style="padding: 5px 10px; color: #000000; background-color: #000000; border: 1px solid #606060">
<table align="left" cellpadding="0" cellspacing="0" role="presentation" style="margin: 0 auto;">
<tr>
<th class="sans-serif" style="font-size: 14px; line-height: 100%; word-break: break-all; color: #ffffff">
{{{receipt.paymentHistory.label}}}
</th>
</tr>
</table>
<div class="spacer" style="line-height: 15px; height: 15px;"> </div>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
{{#each receipt.paymentHistory.values}}
{{#block "renderPaymentHistoryDataRow" value=this}}{{/block}} {{/each}}
{{/if}}
<!-- /Payment History -->
<!-- Sold To Info -->
{{#if receipt.soldToInfo}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="10" cellspacing="0">
<tr>
<td align="center" width="680" style="padding: 0 10px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="spacer-mini" height="20" style="line-height: 20px;">
</td>
</tr>
<tr>
<td class="px-sm-1" align="center" width="100%" style="padding: 5px 10px; color: #000000; background-color: #000000; border: 1px solid #606060">
<table align="left" cellpadding="0" cellspacing="0" role="presentation" style="margin: 0 auto;">
<tr>
<th class="sans-serif" style="font-size: 14px; line-height: 100%; word-break: break-all; color: #ffffff">
{{{receipt.soldToInfo.label}}}
</th>
</tr>
</table>
<div class="spacer" style="line-height: 15px; height: 15px;">
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="" align="center" cellpadding="0" cellspacing="0">
<tr valign="top" style="">
<th class="col-sm-12 pt-sm-1 pl-sm-1" width="680" style="padding-top: 10px; padding-left: 10px; padding-right: 0px; color: #000000; font-weight: 400; text-align: left; font-size: 14px; line-height: 16px">
<div class="sans-serif text-sm-left">
{{#if receipt.soldToInfo.customerName}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{{receipt.soldToInfo.customerName}}}
</div>
{{/if}} {{#if receipt.soldToInfo.addressLine1}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{receipt.soldToInfo.addressLine1}}
</div>
{{/if}} {{#if receipt.soldToInfo.addressLine2}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{receipt.soldToInfo.addressLine2}}
</div>
{{/if}} {{#if receipt.soldToInfo.addressLine3}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{receipt.soldToInfo.addressLine3}}
</div>
{{/if}} {{#if receipt.soldToInfo.city}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{#block "renderCityState" city=receipt.soldToInfo.city state=receipt.soldToInfo.state postalCode=receipt.soldToInfo.postalCode postalCodeExtension=receipt.soldToInfo.postalCodeExtension}}{{/block}}
</div>
{{/if}}
</div>
<!-- these work -->
{{#if receipt.soldToInfo.phoneNumber1}}
<div class="sans-serif;" style="margin: 0 0 0px;">Phone 1: {{receipt.soldToInfo.phoneNumber1}} </div>
{{/if}}
{{#if receipt.soldToInfo.phoneNumber2}}
<div class="sans-serif;" style="margin: 0 0 0px;">Phone 2: {{receipt.soldToInfo.phoneNumber2}} </div>
{{/if}}
<!-- /these work -->
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
<!-- /Sold To -->
<!-- Delivery/Pickup Info -->
{{#if receipt.deliveryPickupInfo}} {{#block "deliveryPickupInfo" value=this}}{{/block}}
{{/if}}
<!-- /Delivery/Pickup Info -->
<!-- Terms -->
{{#if receipt.terms.values}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="10" cellspacing="0">
<tr>
<td align="center" width="680" style="padding: 0 10px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="spacer-mini" height="20" style="line-height: 20px;">
</td>
</tr>
<tr>
<td class="px-sm-1" align="center" width="100%" style="padding: 5px 10px; color: #000000; background-color: #000000; border: 1px solid #000000">
<table align="left" cellpadding="0" cellspacing="0" role="presentation" style="margin: 0 auto;">
<tr>
<th class="sans-serif" style="font-size: 14px; line-height: 100%; word-break: break-all; color: #ffffff">
{{receipt.terms.label}}
</th>
</tr>
</table>
<div class="spacer" style="line-height: 15px; height: 15px;">
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="" align="center" cellpadding="0" cellspacing="0">
{{#each receipt.terms.values}}
<tr valign="top" style="">
<th class="col-sm-12 pt-sm-1 pr-sm-0" width="660" style="padding-top: 20px; padding-left: 10px; padding-right: 10px; color: #000000; font-weight: 400; text-align: left; font-size: 14px; line-height: 16px">
<div class="sans-serif;" align="left" style="margin: 0 0 0px;">
{{this.description}}
</div>
{{#each this.supportingDocuments.documents}}
<div class="sans-serif" align="left" style="margin: 0 0 0px;"><a href="{{documentUrl}}">{{name}}</a></div>
{{/each}} {{#if this.signature}}
<div class="sans-serif;" align="left" style="margin: 0 0 0px;">
{{this.signature.text}}
</div>
<div class="sans-serif;" align="right" style="margin: 0 0 0px;"><img alt="Sig" src="http://placehold.it/270x64" style="display:inline-block; max-width:100px; width:100px" height="24" /></div>
<div class="sans-serif;" align="right" style="margin: 0 0 0px;"> 09/14/2016 Signature Name
</div>
<div class="divider-mini pt-sm-1 pb-sm-0" height="60" style="padding: 15px 5px;">
<div style="border-top: 1px solid #DCDCDC; line-height: 0;">
</div>
</div>
{{/if}}
</th>
</tr>
{{/each}}
</table>
<div class="spacer" style="line-height: 15px; height: 15px;"> </div>
</th>
</tr>
</table>
{{/if}}
<!-- /Terms -->
<!-- Additional -->
{{#if receipt.additionalInfo1.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td class="spacer-mini" height="15" style="font-size: 15px; line-height: 15px; mso-line-height-rule: exactly;">
</td>
</tr>
<tr>
<th class="col" width="700">
<table class="row" cellpadding="0" cellspacing="0">
<tr>
<th class="col" width="680" style="padding: 0px 10px; color: #000000; font-size: 13px; line-height: 18px; font-weight: 400; text-align: center;">
{{#if receipt.additionalInfo1.value}}
<div class="sans-serif;" style="padding: 5px">
{{{receipt.additionalInfo1.value}}}
</div>
{{/if}} {{#if receipt.additionalInfo2.value}}
<div class="sans-serif;" style="padding: 5px">
{{{receipt.additionalInfo2.value}}}
</div>
{{/if}} {{#if receipt.additionalInfo3.value}}
<div class="sans-serif;" style="padding: 5px">
{{{receipt.additionalInfo3.value}}}
</div>
{{/if}} {{#if receipt.additionalInfo4.value}}
<div class="sans-serif;" style="padding: 5px">
{{{receipt.additionalInfo4.value}}}
</div>
{{/if}} {{#if receipt.additionalInfo5.value}}
<div class="sans-serif;" style="padding: 5px">
{{{receipt.additionalInfo5.value}}}
</div>
{{/if}}
</th>
</tr>
</table>
</th>
</tr>
<tr>
<td class="spacer-mini" height="15" style="font-size: 15px; line-height: 15px; mso-line-height-rule: exactly;">
</td>
</tr>
</table>
{{/if}}
<!-- /Additional -->
<!-- Barcode -->
{{#if receipt.barcodeNumber.value}} {{#if receipt.barcodeType.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td class="spacer-mini" height="15" style="font-size: 15px; line-height: 15px; mso-line-height-rule: exactly;">
</td>
</tr>
<tr>
<th class="col" width="490" style="padding-left: 30px; padding-right: 30px;">
<center>
<table class="col" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th class="col" width="200" style="padding-left: 30px; padding-right: 30px; text-align: center;" align="center">
<center>
<img src="{{appUrl}}/printBarcodeDisplay.htm?barCodeNumber={{receipt.barcodeNumber}}&barCodeType={{receipt.barcodeType}}" width="200" alt="Barcode" style="border: 0; width: 100%; max-width: 200px; max-height: 100px; display:inline-block">
</center>
</th>
</tr>
<tr>
<th class="col" width="290" style="color: #000000; font-size: 13px; font-weight: 400; text-align: center; padding-left: 30px; padding-right: 30px;">
<div class="sans-serif" style="margin: 0px 0 0px; font-size: 13px">
{{receipt.barcodeNumber}}
</div>
</th>
</tr>
</table>
</center>
</th>
</tr>
<tr>
<td class="spacer-mini" height="15" style="font-size: 15px; line-height: 15px; mso-line-height-rule: exactly;">
</td>
</tr>
</table>
{{/if}}{{/if}}
<!-- /Barcode -->
<!-- Spacer -->
{{#match receipt.storeId.value "84|74|16|27|54|61|81|20|28|31|52|TBA|15|100"}}
<table align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" class="row">
</table>
<table id="debug" align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider-mini" height="5" style="padding-left:15px; padding-right:15px">
<div style="border-top: 2px solid #e6e6e6; line-height: 0;"> </div>
</td>
</tr>
</tbody>
</table>
<!-- /Spacer -->
<!-- GOOGLE REVIEW -->
<table align="center" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670">
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<td align="center" bgcolor="#ffffff" class="sans-serif-title" style="color:#000000; font-size:16px; line-height:24px; padding:15px 30px">
Please write a Google Review for your<br />
<strong>AFW {{receipt.merchantAddress.city}}
:</strong><br />
{{#eq receipt.storeId.value "84"}}
<a class="sans-serif" href="http://search.google.com/local/writereview?placeid=ChIJXfjJS-itK4cR8S96siEqKiA" target="_blank" style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
{{#eq receipt.storeId.value "74"}}
<a class="sans-serif" href="http://search.google.com/local/writereview?placeid=ChIJbyhc60RAK4cRm7iMB2Vxbrg" target="_blank" style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
{{#eq receipt.storeId.value "16"}}
<a class="sans-serif" href="http://search.google.com/local/writereview?placeid=ChIJHY4fFYqIbIcRJQsjjkFLfyU" target="_blank" style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
{{#eq receipt.storeId.value "27"}}
<a class="sans-serif" href="http://search.google.com/local/writereview?placeid=ChIJWcFszOmDbIcRZWYY7OX9-aE" target="_blank" style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
{{#eq receipt.storeId.value "54"}}
<a class="sans-serif" href="http://search.google.com/local/writereview?placeid=ChIJj_GAifpPE4cR81Fsk-_N-Uc" target="_blank" style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
{{#eq receipt.storeId.value "61"}}
<a class="sans-serif" href="http://search.google.com/local/writereview?placeid=ChIJBc0fQ3WPbIcRUBglHjAF3L4" target="_blank" style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
{{#eq receipt.storeId.value "81"}}
<a class="sans-serif" href="http://search.google.com/local/writereview?placeid=ChIJVytMRjkGbIcR0kTog0DAKQU" target="_blank" style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
{{#eq receipt.storeId.value "20"}}
<a class="sans-serif" href="http://search.google.com/local/writereview?placeid=ChIJIUeLBhJ_a4cR-0KDdkVwy48" target="_blank" style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
{{#eq receipt.storeId.value "28"}}
<a class="sans-serif" href="http://search.google.com/local/writereview?placeid=ChIJrapyM2SJa4cR24IMMOn35fE" target="_blank" style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
{{#eq receipt.storeId.value "31"}}
<a class="sans-serif" href="http://search.google.com/local/writereview?placeid=ChIJOU8hpwd3bIcRJT0ZwUJH3YQ" target="_blank" style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
{{#eq receipt.storeId.value "52"}}
<a class="sans-serif" href="http://search.google.com/local/writereview?placeid=ChIJpT7ilYGhE4cRwdoBYbdNWxM" target="_blank" style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
{{#eq receipt.storeId.value "TBA"}}
<a class="sans-serif" href="http://search.google.com/local/writereview?placeid=ChIJp8n2fR61bocRVG7Eds1uVcM" target="_blank" style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
{{#eq receipt.storeId.value "15"}}
<a class="sans-serif" href="http://search.google.com/local/writereview?placeid=ChIJp8n2fR61bocRVG7Eds1uVcM" target="_blank" style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
{{#eq receipt.storeId.value "100"}}
<a class="sans-serif" href="http://search.google.com/local/writereview?placeid=ChIJA9vn65mdQIYRNQ-6nLguRXk" target="_blank" style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
</td>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
{{else}}
<h1>debug</h1>
{{/match}}
<!-- /GOOGLE REVIEW -->
</td>
</tr>
<!-- /Main Transactional Area -->
<!-- Footer -->
<tr>
<td class="profile-content">
<!-- Spacer -->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider-mini" height="5" style="padding-left:15px; padding-right:15px">
<div style="border-top:2px solid #e6e6e6; line-height:0"> </div>
</td>
</tr>
</tbody>
</table>
<!-- /Spacer -->
<!-- Spacer -->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider-mini" height="15" style="padding-left:15px; padding-right:15px">
<div style="line-height:0"> </div>
</td>
</tr>
</tbody>
</table>
<!-- /Spacer -->
<!-- FAQ Banner - For more info + Have Any Questions -->
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="col px-sm-2">
<tbody>
<tr>
<td>
<p>For more information about your purchase, download our <a href="https://www.afw.com/Images/uploaded/Email-Templates/AFW-Customer-Care-Brochure.pdf" style="text-decoration:underline">Customer Care Brochure</a>.</p>
</td>
</tr>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670">
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670"><a href="https://www.afw.com/help" target="blank"><img alt="Banner" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/help-banner.png" style="display:block; height:auto; max-width:670px; width:100%" width="670" /> </a></th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<!-- /FAQ Banner For more info + Have Any Questions -->
<!-- Spacer -->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider-mini" height="15" style="padding-left:15px; padding-right:15px">
<div style="line-height:0"> </div>
</td>
</tr>
</tbody>
</table>
<!-- /Spacer -->
<!-- Receipt Footer from Profile -->
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
{{#if receiptFooter}}
<tr>
<td class="profile-content">{{{receiptFooter}}}</td>
</tr>
{{/if}}
</tbody>
</table>
<!-- /Receipt Footer from Profile -->
<!-- Email Footer from Profile -->
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
{{#if emailFooter}}
<tr>
<td class="profile-content">{{{emailFooter}}}</td>
</tr>
{{/if}}
</tbody>
</table>
<!-- /Email Footer from Profile -->
<!-- Spacer Line -->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider" height="30">
<div style="border-top:1px solid #eeeeee; line-height:0"> </div>
</td>
</tr>
</tbody>
</table>
<!-- /Spacer Line -->
<!-- CTA Section -->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td>
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center" class="col px-sm-2" style="padding:10px; width:290px" width="290"><a href="https://www.afw.com/discover" target="_blank"><img alt="CTA1" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/cta-designtips-v2.png" style="width:100%" width="290" /></a></td>
<td align="center" class="col px-sm-2" style="padding:10px; width:290px" width="290"><a href="https://www.afw.com/blog/category/furniture-care" target="_blank"><img alt="CTA2" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/cta-guide.png" style="width:100%" width="290" /></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- /CTA Section -->
<!-- Spacer Line -->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider" height="30">
<div style="border-top:1px solid #eeeeee; line-height:0"> </div>
</td>
</tr>
</tbody>
</table>
<!-- /Spacer Line -->
<!-- Footer -->
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="mini-spacer" height="10" style="font-size:10px; line-height:10px"> </td>
</tr>
<tr>
<th align="center" class="col" style="padding-left:30px; padding-right:30px" width="530">
<table align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="center" class="col-sm-2 col-sm-push-1" style="color:#999999; padding:0px 5px" width="100">
<div style="margin-bottom:10px"><a href="https://www.facebook.com/AFWonline" style="text-decoration:none" target="_blank"><img alt="FB" height="25" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/facebook.jpg" style="max-width:25px; width:25px" width="25" /></a></div>
</td>
<td align="center" class="col-sm-2 col-sm-push-1" style="color:#999999; padding:0px 5px" width="100">
<div style="margin-bottom:10px"><a href="https://www.pinterest.com/afwonline/" style="text-decoration:none" target="_blank"><img alt="FB" height="25" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/pinterest.jpg" style="max-width:25px; width:25px" width="25" /></a></div>
</td>
<td align="center" class="col-sm-2 col-sm-push-1" style="color:#999999; padding:0px 5px" width="100">
<div style="margin-bottom:10px"><a href="https://www.instagram.com/afwonline/?hl=en" style="text-decoration:none" target="_blank"><img alt="FB" height="25" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/instagram.jpg" style="max-width:25px; width:25px" width="25" /></a></div>
</td>
<td align="center" class="col-sm-2 col-sm-push-1" style="color:#999999; padding:0px 5px" width="100">
<div style="margin-bottom:10px"><a href="https://www.youtube.com/channel/UC1-CJ3ODBwAi8WTq0DNY3eg" style="text-decoration:none" target="_blank"><img alt="FB" height="25" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/youtube.jpg" style="max-width:25px; width:25px" width="25" /></a></div>
</td>
</tr>
</tbody>
</table>
</th>
</tr>
<tr>
<td class="spacer-mini" height="20"> </td>
</tr>
<!-- 3 Column -->
</tbody>
</table>
<table align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<td class="spacer-mini" height="10" style="font-size:10px; line-height:10px"> </td>
</tr>
<tr>
<th class="col" style="padding-left:30px; padding-right:30px" width="640">
<table align="center" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr><!-- Product 1 -->
<th class="col py-sm-1 pt-sm-2 pb-sm-1" style="font-weight:600; padding-right:10px; text-align:center" width="200">
<div class="px-sm-1 py-sm-0 sans-serif" style="font-size:14px; line-height:16px"><a href="https://www.afw.com/living-room" style="color:#000000; text-decoration:none" target="_blank">LIVING ROOM</a></div>
</th>
<!-- /Product 1 --><!-- Product 2 -->
<th class="col py-sm-1 pt-sm-2 pb-sm-1" style="font-weight:600; padding-right:10px; text-align:center" width="200">
<div class="px-sm-1 py-sm-0 sans-serif" style="font-size:14px; line-height:16px"><a href="https://www.afw.com/sleep-center" style="color:#000000; text-decoration:none" target="_blank">SLEEP CENTER</a></div>
</th>
<!-- /Product 2 --><!-- Product 3 -->
<th class="col py-sm-1 pt-sm-2 pb-sm-1" style="font-weight:600; padding-right:10px; text-align:center" width="200">
<div class="px-sm-1 py-sm-0 sans-serif" style="font-size:14px; line-height:16px"><a href="https://www.afw.com/home-decor" style="color:#000000; text-decoration:none" target="_blank">HOME DECOR</a></div>
</th>
<!-- /Product 3 -->
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<!-- /3 Column -->
</td>
</tr>
<!-- /Footer -->
<!-- /END SERVICE ORDER -->
<!-- check if NOT SERVICE ORDER -->
{{else}}
<!-- BEGIN Balance Due Order -->
<!-- Header -->
<tr>
<td class="profile-content">
<!-- Alert Banner -->
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670">
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670"><img alt="Banner" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/slogan-banner.jpg" style="display:block; height:auto; max-width:670px; width:100%" width="670" /></th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<!-- /Alert Banner -->
<!-- Hero Banner -->
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670">
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670"><img alt="almostthere-banner" border="0" class="desktop_swap" height="" src="https://fr-merchant-content.s3.amazonaws.com/AFW-01-102317/images/1340x720_Order-Payment-Hero.jpg" style="display:block; text-decoration:none" width="670" />
<div class="mobile_swap" style="display:none; font-size:0; line-height:0; max-height:0; max-width:0; mso-hide:all; width:0"><a href="https://www.afw.com/artists-of-the-west-canvas-prints" target="_blank"><img alt="almostthere-banner" border="0" class="mobile_swap" height="" src="https://fr-merchant-content.s3.amazonaws.com/AFW-01-102317/images/750x600_Order-Payment-Hero_Update.jpg" style="display:none; max-width:0; width:0" width="670" /></a></div>
</th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<!-- /Hero Banner -->
<!-- Spacer -->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider-mini" height="15" style="padding-left:15px; padding-right:15px">
<div style="line-height:0"> </div>
</td>
</tr>
</tbody>
</table>
<!-- /Spacer -->
</td>
</tr>
<!-- /Header -->
<!-- Main Transactional Area -->
<tr>
<td class="profile-content">
<table align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<td class="spacer-mini" height="10" style="font-size:10px; line-height:10px"> </td>
</tr>
<tr>
<th class="col" style="padding-left:30px; padding-right:30px" width="640">
<table align="center" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="font-weight:400; padding-right:10px; text-align:center" width="600">
<div class="sans-serif" style="font-size:20px; line-height:26px; color: #333333">Your space is about to get better.<br />
Checkout is <strong><em>fast</em></strong> and <strong><em>easy</em></strong>!</div>
</th>
</tr>
{{#if receipt.transactionNumber}}
<tr>
<th class="col" style="font-weight:400; padding-right:10px; text-align:center" width="600">
<div class="sans-serif align-sm-center" style="display:block!important; text-align: center; padding-top: 15px">
<table align="center" bgcolor="#21439b" cellpadding="0" cellspacing="0" role="presentation" style="border-radius: 0px;">
<tr>
<th class="button">
{{#eq appUrl "https://test.flexreceipts-lab.com/receipt"}}
<a data-no-query data-no-redirect href="https://qa.afw.com/CustomerAccount/OrderPayment/{{base64Encode receipt.transactionNumber}}" name="CTA-payment-QA" target="blank" style="border: 0 solid #21439b; color: #ffffff; display: inline-block; font-size: 16px; padding: 12px 20px; text-decoration: none;">Complete Your Order</a>
{{/eq}}
{{#eq appUrl "https://www.flexreceipts.com/receipt"}}
<a data-no-query data-no-redirect href="https://www.afw.com/CustomerAccount/OrderPayment/{{base64Encode receipt.transactionNumber}}" name="CTA-payment" target="blank" style="border: 0 solid #21439b; color: #ffffff; display: inline-block; font-size: 16px; padding: 12px 20px; text-decoration: none;">Complete Your Order</a>
{{/eq}}
</th>
</tr>
</table>
</div>
</th>
</tr>
{{/if}}
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<!-- Space -->
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="spacer" height="40" style="font-size: 40px; line-height: 40px; mso-line-height-rule: exactly;">
</td>
</tr>
</tbody>
</table>
<!-- /Space -->
<!-- ORDER SECTION -->
{{#each receipt.ordersWrapper.orders}}
{{#block "renderOrderBalanceDue" order=this}}{{/block}}
{{/each}}
<!-- ORDER SECTION -->
<!-- Returns -->
{{#if receipt.returnsWrapper.returns}}
<table class="row" align="center" cellpadding="0" cellspacing="0" role="presentation" width="">
<tr>
<td align="center" width="680" style="padding: 0px 10px;">
<table cellpadding="10" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="col" align="center" width="520" style="padding: 0 0px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="px-sm-1" align="center" width="100%" style="padding: 5px 10px; color: #000000; background-color: #000000; border: 1px solid #000000">
<table align="left" cellpadding="0" cellspacing="0" role="presentation" style="margin: 0 auto;">
<tr>
<th class="sans-serif" style="font-size: 14px; line-height: 100%; word-break: break-all; color: #ffffff">
{{{receipt.returnsWrapper.label}}}
</th>
</tr>
</table>
<div class="spacer" style="line-height: 15px; height: 15px;">
</div>
</td>
</tr>
{{#each receipt.returnsWrapper.returns}}
<tr>
<td align="left" height="40" style="line-height: 40px; border: 1px solid #000000; padding: 10px 10px;">
{{#if this.originalStoreNumber.value}}
<div class="sans-serif" style="font-size: 13px; line-height: 18px; padding: 5px 5px 0px 5px;">
<strong>{{{this.originalStoreNumber.label}}}: </strong>
{{this.originalStoreNumber}}
</div>
{{/if}} {{#if this.originalRegister.value}}
<div class="sans-serif" style="font-size: 13px; line-height: 18px; padding: 5px 5px 0px 5px;">
<strong>{{{this.originalRegister.label}}}: </strong>
{{this.originalRegister}}
</div>
{{/if}}
{{#if this.originalTransactionNumber.value}}
<div class="sans-serif" style="font-size: 13px; line-height: 18px; padding: 5px 5px 0px 5px;">
<strong>{{{this.originalTransactionNumber.label}}}: </strong>
{{this.originalTransactionNumber}}
</div>
{{/if}} {{#if this.returnedItems}}
<div class="divider-mini pt-sm-1 pb-sm-0" height="60" style="padding: 15px 5px;">
<div style="border-top: 1px solid #DCDCDC; line-height: 0;">
</div>
</div>
{{!-- goes three levels deep --}}
{{#each this.returnedItems}}
{{#block "renderNestedReturn" return=this}}{{/block}}
{{#if this.subItems}}
{{#each this.subItems}}
{{#block "renderNestedReturn" return=this}}{{/block}}
{{#if this.subItems}}
{{#each this.subItems}}
{{#block "renderNestedReturn" return=this}}{{/block}}
{{/each}} {{/if}} {{/each}}
{{/if}} {{/each}}
{{/if}}
</td>
</tr>
{{/each}}
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table align="center" cellpadding="0" cellspacing="0" width="100%" style="max-width: 680px;">
<tr>
<td class="divider" height="30" style="padding-left: 10px; padding-right: 10px;">
<div style="border-top: 1px solid #EEEEEE; line-height: 0;"> </div>
</td>
</tr>
</table>
{{/if}}
<!-- /Returns -->
<!-- Cart Totals -->
{{#if receipt.transactionGrossAmount.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0" cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
<strong>Subtotal:</strong>
</div>
</th>
<th class="col col-sm-4" width="110" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif ">
<strong>{{#block "renderMonetaryAmount" value=receipt.transactionGrossAmount.value}}{{/block}}</strong>
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.discounts.values}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0" cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{{receipt.discounts.label}}}:
</div>
</th>
<th class="col col-sm-4" width="110" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif"> </div>
</th>
</tr>
</table>
</th>
</tr>
</table>
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right" align="center" cellpadding="0" cellspacing="0">
<tr class="row" valign="top" style="">
{{#each receipt.discounts.values}}
{{#block "renderTotalRowWithDescription" data=this}}{{/block}}
{{/each}}
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.fees.values}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right" align="center" cellpadding="0" cellspacing="0">
<tr class="row" valign="top" style="font-weight:bold">
{{#each receipt.fees.values}}
{{#block "renderTotalRowWithDescriptionDelivery" data=this}}{{/block}}
{{/each}}
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.tip.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0" cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">{{{receipt.tip.label}}}
</div>
</th>
<th class="col col-sm-4" width="110" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{#block "renderMonetaryAmount" value=receipt.tip.value}}{{/block}}
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.serviceCharge.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0" cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{{receipt.serviceCharge.label}}}
</div>
</th>
<th class="col col-sm-4" width="110" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{#block "renderMonetaryAmount" value=receipt.serviceCharge.value}}{{/block}}
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.discounts.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0" cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{{receipt.discounts.label}}}
</div>
</th>
<th class="col col-sm-4" width="110" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{#block "renderMonetaryAmount" value=receipt.discounts.value}}{{/block}}
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.transactionNetAmount.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0" cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{{receipt.transactionNetAmount.label}}}:
</div>
</th>
<th class="col col-sm-4" width="110" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{#block "renderMonetaryAmount" value=receipt.transactionNetAmount.value}}{{/block}}
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.taxes.values}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0" cellspacing="0">
<tr class="row" valign="top" style=""> {{#each receipt.taxes.values}}
{{#block "renderTotalTaxRow" tax=this}}{{/block}} {{/each}}
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
<!-- Space -->
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="spacer-mini" height="10" style="font-size: 10px; line-height: 10px; mso-line-height-rule: exactly;">
</td>
</tr>
</tbody>
</table>
<!-- /Space -->
{{#if receipt.transactionGrandAmount.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0" cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-7 text-sm-left" width="550" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #21439b; font-weight: 700; text-align: right; font-size: 24px; line-height: 24px">
<div class="sans-serif">
{{{receipt.transactionGrandAmount.label}}}:
</div>
</th>
<th class="col col-sm-5" width="110" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #21439b; font-weight: 700; text-align: right; font-size: 24px; line-height: 24px">
<div class="sans-serif">
<strong>{{#block "renderMonetaryAmount" value=receipt.transactionGrandAmount.value}}{{/block}}</strong>
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
<!-- /Cart Totals -->
<!-- Space -->
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="spacer" height="20" style="font-size: 20px; line-height: 20px; mso-line-height-rule: exactly;">
</td>
</tr>
</tbody>
</table>
<!-- /Space -->
{% raw %}
<!DOCTYPE html>
<html lang="en" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<!-- 2022.01.11 AFW-template-v0.67.hbs SM -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="x-apple-disable-message-reformatting" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title></title>
<!--[if mso]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@media only screen {
.display-font {
font-family: 'Open Sans', Arial, sans-serif !important;
}
.sans-serif {
font-family: 'Open Sans', Arial, sans-serif !important;
}
}
#outlook a {
padding: 0;
}
a {
text-decoration: none;
color: #1f439a;
}
a:visited {
color: #1f439a;
text-decoration: none;
}
table {
border-collapse: collapse;
}
.col,
td,
th {
font-size: 16px;
line-height: 26px;
vertical-align: top;
}
.col,
td,
th,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Open Sans', Arial, sans-serif;
}
img {
border: 0;
display: block;
line-height: 100%;
}
.button {
transition: all 100ms ease-in;
}
.button:hover {
text-decoration: underline !important;
background: #022d9c !important;
}
.container {
margin: 0 auto;
}
.nav-item {
display: inline-block;
}
.spacer,
.divider {
mso-line-height-rule: exactly;
overflow: hidden;
vertical-align: middle;
}
/* -- MOBILE SWAP (CSS for Desktop hides element with class) -- */
.top-nav {
display: block !important;
max-height: none !important;
max-width: none !important;
line-height: 1.5 !important;
width: 100% !important;
height: auto !important;
}
.bottom-nav {
display: none !important;
width: 0px !important;
height: 0px !important;
overflow: hidden !important;
line-height: 0px !important;
font-size: 0px !important;
}
.desktop_swap {
display: block !important;
max-height: none !important;
max-width: none !important;
line-height: 1.5 !important;
width: 100% !important;
height: auto !important;
}
.mobile_swap {
display: none !important;
width: 0px !important;
height: 0px !important;
overflow: hidden !important;
line-height: 0px !important;
font-size: 0px !important;
}
.hide-sm {
display: inline-block !important;
}
.show-sm {
display: none !important;
width: 0px !important;
height: 0px !important;
overflow: hidden !important;
line-height: 0px !important;
font-size: 0px !important;
}
@media only screen and (max-width: 670px) {
.mobile_swap {
display: block !important;
max-height: none !important;
max-width: none !important;
line-height: 1.5 !important;
width: 100% !important;
height: auto !important;
}
.desktop_swap {
display: none !important;
width: 0px !important;
height: 0px !important;
overflow: hidden !important;
line-height: 0px !important;
font-size: 0px !important;
}
.show-sm {
display: inline-block !important;
max-height: none !important;
max-width: none !important;
line-height: 1.5 !important;
width: 100% !important;
height: auto !important;
font-size: 13px !important;
}
.hide-sm {
display: none !important;
width: 0px !important;
height: 0px !important;
overflow: hidden !important;
line-height: 0px !important;
font-size: 0px !important;
}
.bottom-nav {
/* This displays elements with class of mobile-swap on screens < 700px wide */
display: block !important;
max-height: none !important;
max-width: none !important;
line-height: 1.5 !important;
width: 100% !important;
height: auto !important;
}
.top-nav {
display: none !important;
width: 0px !important;
height: 0px !important;
overflow: hidden !important;
line-height: 0px !important;
font-size: 0px !important;
}
u~div .wrapper {
min-width: 100vw;
}
.container {
-webkit-text-size-adjust: 100%;
width: 100% !important;
}
.col {
box-sizing: border-box;
display: inline-block !important;
line-height: 23px;
width: 100% !important;
}
.col-sm-1 {
max-width: 8.33333%;
}
.col-sm-2 {
max-width: 16.66667%;
}
.col-sm-3 {
max-width: 25%;
}
.col-sm-4 {
max-width: 33.33333%;
}
.col-sm-5 {
max-width: 41.66667%;
}
.col-sm-6 {
max-width: 50%;
}
.col-sm-7 {
max-width: 58.33333%;
}
.col-sm-8 {
max-width: 66.66667%;
}
.col-sm-9 {
max-width: 75%;
}
.col-sm-10 {
max-width: 83.33333%;
}
.col-sm-11 {
max-width: 91.66667%;
}
.col-sm-push-1 {
margin-left: 8.33333%;
}
.col-sm-push-2 {
margin-left: 16.66667%;
}
.col-sm-push-3 {
margin-left: 25%;
}
.col-sm-push-4 {
margin-left: 33.33333%;
}
.col-sm-push-5 {
margin-left: 41.66667%;
}
.col-sm-push-6 {
margin-left: 50%;
}
.col-sm-push-7 {
margin-left: 58.33333%;
}
.col-sm-push-8 {
margin-left: 66.66667%;
}
.col-sm-push-9 {
margin-left: 75%;
}
.col-sm-push-10 {
margin-left: 83.33333%;
}
.col-sm-push-11 {
margin-left: 91.66667%;
}
.fr-pixel {
width: 1px !important;
height: 1px !important;
}
img {
width: 100% !important;
height: auto !important;
}
.toggle-content {
max-height: 0;
overflow: auto;
transition: max-height .4s linear;
-webkit-transition: max-height .4s linear;
}
.toggle-trigger:hover+.toggle-content,
.toggle-content:hover {
max-height: 999px !important;
}
.align-sm-center {
display: table !important;
float: none;
margin-left: auto !important;
margin-right: auto !important;
}
.align-sm-left {
float: left;
}
.align-sm-right {
float: right;
}
.text-sm-center {
text-align: center !important;
}
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.full-width-sm {
display: table !important;
width: 100% !important;
}
.stack-sm-top {
display: table-caption !important;
max-width: 100%;
padding-left: 0 !important;
}
.stack-sm-first {
display: table-header-group !important;
}
.stack-sm-last {
display: table-footer-group !important;
}
.borderless-sm {
border: none !important;
}
.spacer,
.divider {
height: 30px;
line-height: 100% !important;
}
.spacer-mini,
.divider-mini {
height: 10px;
line-height: 100% !important;
}
.nav-item {
padding: 0 10px 0 !important;
}
.nav-sm-vertical .nav-item {
display: block;
}
.nav-sm-vertical .nav-item a {
display: inline-block;
padding: 5px 0 !important;
}
.p-sm-0 {
padding: 0 !important;
}
.p-sm-1 {
padding: 10px !important;
}
.p-sm-2 {
padding: 30px !important;
}
.pt-sm-0 {
padding-top: 0 !important;
}
.pt-sm-1 {
padding-top: 10px !important;
}
.pt-sm-2 {
padding-top: 30px !important;
}
.pr-sm-0 {
padding-right: 0 !important;
}
.pr-sm-1 {
padding-right: 10px !important;
}
.pr-sm-2 {
padding-right: 30px !important;
}
.pb-sm-0 {
padding-bottom: 0 !important;
}
.pb-sm-1 {
padding-bottom: 10px !important;
}
.pb-sm-2 {
padding-bottom: 30px !important;
}
.pl-sm-0 {
padding-left: 0 !important;
}
.pl-sm-1 {
padding-left: 10px !important;
}
.pl-sm-2 {
padding-left: 30px !important;
}
.px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-sm-1 {
padding-right: 10px !important;
padding-left: 10px !important;
}
.px-sm-2 {
padding-right: 30px !important;
padding-left: 30px !important;
}
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-sm-1 {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.py-sm-2 {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
}
@media print {
.profile-content {
display: none !important;
}
}
</style>
<style>
{{{cssStyles}}} </style>
</head>
<!-- Handlebars Partials Start -->
{{#partial "renderCityState" city state postalCode postalCodeExtension}}
{{capitalize (lower city)}}{{#if city}}{{#if state}}, {{/if}}{{/if}}{{upper (lower state)}} {{#if postalCode}}{{postalCode}}{{#if postalCodeExtension}}-{{postalCodeExtension}}{{/if}}{{/if}}{{/partial}}
{{#partial "renderMonetaryAmount" value hideCurrency}}
{{#if value}}
{{#if hideCurrency}}
{{#numberFormat value "#0.00"}}{{/numberFormat}}
{{else}}
{{#numberFormat value "currency"}}{{/numberFormat}}
{{/if}}
{{else}}
{{#if hideCurrency}}
{{#numberFormat 0 "#0.00"}}{{/numberFormat}}
{{else}}
{{#numberFormat 0 "currency"}}{{/numberFormat}}
{{/if}}
{{/if}}
{{/partial}}
{{#partial "renderTotalRowWithDescription" data}}
<tr class="row" valign="top" style="">
<th class="col-sm-8 text-sm-left" width="550"
style="padding-top: 10px; padding-left: 10px; padding-right: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">{{data.description}}:</div>
</th>
<th class="col-sm-4" width="110"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">{{#block "renderMonetaryAmount" value=data.amount.value}}{{/block}}</div>
</th>
</tr>
{{/partial}}
{{#partial "renderTotalRowWithDescriptionDelivery" data}}
<tr class="row" valign="top" style="">
<th class="col-sm-8 text-sm-left" width="550"
style="padding-top: 10px; padding-left: 10px; padding-right: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">Delivery:</div>
</th>
<th class="col-sm-4" width="110"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">{{#block "renderMonetaryAmount" value=data.amount.value}}{{/block}}</div>
</th>
</tr>
{{/partial}}
{{#partial "renderNestedReturn" return }}
<table class="row" align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" style="width:100%; max-width:700px">
<th class="col col-sm-8 pt-sm-0" width="460" style="padding-left: 5px; padding-right: 5px; font-weight: 400; text-align: left; vertical-align: top">
{{#if return.itemName}}
<div class="sans-serif" style="color: #000000; font-size: 14px; font-weight: 700; margin-bottom: 0px;">
{{#if return.pageUrl}}
<a href="{{return.pageUrl}}" target="_blank" name="Item Name">{{return.itemName}}</a>
{{else}}
{{return.itemName}}
{{/if}}
</div>
{{/if}}
{{#if return.description.value}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
{{return.description}}
</div>
{{/if}}
{{#if return.upc.value}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
{{return.upc}}
</div>
{{/if}}
{{#if return.sku.value}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px; font-weight: 900;">{{return.sku}}</div>
{{/if}}
{{#if return.miscInfo.value}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
{{return.miscInfo}}</div>
{{/if}}
{{#if return.giftCard}}
{{#if return.giftCard.accountNumber}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
{{{return.giftCard.accountNumber.label}}}: {{#mask return.giftCard.accountNumber.value}}{{/mask}}
</div>
{{/if}}
{{#if return.giftCard.authNumber}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 0px">
{{{return.giftCard.authNumber.label}}}: {{return.giftCard.authNumber}}</div>
{{/if}}
{{#if item.giftCard.balance}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 0px">
{{{item.giftCard.balance.label}}}: {{#block "renderMonetaryAmount" value=item.giftCard.balance.value}}{{/block}}
</div>
{{/if}}
{{#if return.discounts}}
{{#each return.discounts.values}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
{{this.description}}: {{#block "renderMonetaryAmount" value=this.amount.value}}{{/block}}
</div>
{{/each}}
{{/if}}
{{/if}}
{{#if return.discounts}}
{{#each return.discounts.values}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
{{this.description}}: {{#block "renderMonetaryAmount" value=this.amount.value}}{{/block}}
</div>
{{/each}}
{{/if}}
{{#if item.supportingDocuments.documents}}
{{#each item.supportingDocuments.documents}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px"><a href="{{documentUrl}}">{{name}}</a></div>
{{/each}}
{{/if}}
</th>
<th class="col col-sm-4 pr-sm-0 pl-sm-0 pt-sm-1" width="200"
style="padding-left: 20px; padding-right: 10px; padding-top: 5px; font-weight: 400; vertical-align: top">
{{#if return.amount.value}}
<div class="sans-serif"
style="color: #000000; font-weight: 700; font-size: 14px; line-height: 14px; text-align: right; padding-bottom: 5px">
<strong>{{#block "renderMonetaryAmount" value=return.amount.value}}{{/block}}
{{item.priceNotation}}</strong></div>
{{/if}} {{#if return.quantity.value}} {{#if return.price.value}}
<div class="sans-serif pt-sm-1"
style="color: #000000; font-size: 13px; line-height: 13px; text-align: right; padding-bottom: 5px">
{{return.quantity}} × {{#block "renderMonetaryAmount" value=return.price.value}}{{/block}}
</div>
{{else}}
<div class="sans-serif pt-sm-0"
style="color: #000000; font-size: 13px; line-height: 13px; text-align: right; padding-bottom: 5px">
<span>{{{return.quantity.label}}}: {{return.quantity}}</span></div>
{{/if}}
{{else}}
{{#if return.price.value}}
{{{return.price.label}}}: {{#block "renderMonetaryAmount" value=return.price.value}}{{/block}}
{{/if}}
{{/if}}
</th>
</table>
<table class="row" align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0">
<tr>
<td class="spacer-mini" height="20" style="line-height: 20px;"> </td>
</tr>
</table>
{{/partial}}
{{#partial "renderTotalTaxRow" tax}}
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">{{tax.description}} Tax:</div>
</th>
<th class="col col-sm-4" width="110" style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">{{#block "renderMonetaryAmount" value=tax.amount.value}}{{/block}}</div>
</th>
</tr>
{{/partial}}
{{#partial "renderTotalDataRow" data}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right" align="center" cellpadding="0" cellspacing="0">
<tr class="row" valign="top" style="">
<th class="pt-sm-1 pr-sm-0 text-sm-left" width="460"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">{{{data.amount.label}}}</div>
</th>
<th class="pt-sm-1 pr-sm-0" width="110"
style="padding-top: 10px; padding-right: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">{{#block "renderMonetaryAmount" value=data.amount.value}}{{/block}}
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/partial}}
{{#partial "renderTotalDataRowTax" data}}
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">{{{data.amount.label}}}</div>
</th>
<th class="col col-sm-4" width="110"
style="padding-top: 10px; padding-right: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">{{#block "renderMonetaryAmount" value=data.amount.value}}{{/block}}</div>
</th>
</tr>
{{/partial}}
{{#partial "renderPaymentsDataRow" payment}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0" cellspacing="0">
<tr valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550"
style="padding-top: 20px; padding-left: 10px; padding-right: 10px; color: #000000; font-weight: 400; text-align: left; font-size: 14px; line-height: 16px">
{{#if payment.creditCardInfo}}
{{#if payment.creditCardInfo.creditCardAuthNumber}}
{{#if payment.paymentType.value}}
<div class="sans-serif text-sm-left">
{{#if payment.creditCardInfo.creditCardLastFourDigits}}
{{#join payment.paymentType.value " ************" payment.creditCardInfo.creditCardLastFourDigits ""}}{{/join}}
{{else}}
{{payment.paymentType.value}}
{{/if}}
</div>
{{/if}}
{{#if payment.miscPaymentReferenceNumber}}
<div class="sans-serif text-sm-left">
{{payment.miscPaymentReferenceNumber.value}}</div>
{{/if}}
{{/if}}
{{else}}
<div class="sans-serif text-sm-left">
{{#if payment.miscPaymentReferenceNumber}}
{{payment.paymentType.value}}<br />
{{payment.miscPaymentReferenceNumber.value}}
{{else}}
{{payment.paymentType.value}}3 {{/if}}
{{#if payment.giftCard.accountNumber}}
Acct#: {{payment.giftCard.accountNumber}}<br />
{{/if}}
{{#if payment.giftCard.authNumber}}Auth
#: {{payment.giftCard.authNumber}}<br />
{{/if}}
{{#if payment.giftCard.balance}}Balance: {{payment.giftCard.balance}}<br />
{{/if}}
</div>
{{/if}}
{{#if payment.creditCardInfo.creditCardAuthNumber}}
<div class="sans-serif text-sm-left">
Auth: {{payment.creditCardInfo.creditCardAuthNumber}}
</div>
{{/if}}
{{#if payment.creditCardInfo.creditCardAuthNumber}}
{{#if payment.creditCardInfo.expMonth}}
{{#if payment.creditCardInfo.expYear}}
<div class="sans-serif text-sm-left">
Exp: {{payment.creditCardInfo.expMonth}}/{{payment.creditCardInfo.expYear}}
</div>
{{/if}}
{{/if}}
{{/if}}
{{#if payment.creditCardInfo.creditCardAuthNumber}}
<div class="sans-serif text-sm-left">
{{#if payment.emvData.additionalAttributes.EMVMERCHAID}}
{{payment.emvData.additionalAttributes.EMVMERCHAID}}<br>
{{/if}}
{{#if payment.emvData.additionalAttributes.EMVCUSTIAD}}
{{payment.emvData.additionalAttributes.EMVCUSTIAD}}<br>
{{/if}}
{{#if payment.emvData.additionalAttributes.EMVCUSTTVR}}
{{payment.emvData.additionalAttributes.EMVCUSTTVR}}<br>
{{/if}}
{{#if payment.emvData.additionalAttributes.EMVCUSTTSI}}
{{payment.emvData.additionalAttributes.EMVCUSTTSI}}<br>
{{/if}}
{{#if payment.emvData.additionalAttributes.EMVCUSTISO}}
{{payment.emvData.additionalAttributes.EMVCUSTISO}}<br>
{{/if}}
{{#if payment.emvData.additionalAttributes.EMVARC}}
ARC:&nsp;{{payment.emvData.additionalAttributes.EMVARC}}<br>
{{/if}}
{{#if payment.emvData.additionalAttributes.EMVPINVERIFIED}}
{{payment.emvData.additionalAttributes.EMVPINVERIFIED}}
{{/if}}
{{#if payment.emvData.additionalAttributes.EMVAPPNAME}}
APPNAME: {{payment.emvData.additionalAttributes.EMVAPPNAME}}<br>
{{/if}}
</div>
{{/if}}
{{#if payment.miscInfo}}
<div class="sans-serif text-sm-left"> MiscInfo: {{payment.miscInfo}}</div>
{{/if}}
</th>
<th class="col col-sm-4" width="110"
style="padding-top: 20px; padding-left: 10px; padding-right: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
{{#if payment.creditCardInfo}}
{{#if payment.creditCardInfo.creditCardAuthNumber}}
<div class="sans-serif pt-sm-0 pr-sm-0 text-sm-right">
{{#block "renderMonetaryAmount" value=payment.amount.value }}{{/block}}
</div>
{{/if}}
{{else}}
<div class="sans-serif pt-sm-0 pr-sm-0 text-sm-right">
{{#block "renderMonetaryAmount" value=payment.amount.value }}{{/block}}
</div>
{{/if}}
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/partial}}
{{#partial "renderPaymentHistoryDataRow" paymentHistory}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="10" cellspacing="0">
<tbody>
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr class="" valign="" style="">
<td class="col-sm-3 pt-sm-1" width="260"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: left; font-size: 14px; line-height: 16px">
<div class="sans-serif">{{this.paymentDate.value}}</div>
</td>
<td class="col-sm-6 pt-sm-1" width="290"
style="padding-top: 10px; padding-right: 0px; padding-left: 0px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">{{this.paymentType.value}}</div>
</td>
<td class="col-sm-3 pt-sm-1" width="110"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif" style="min-width: 60px">{{this.amount}}</div>
</td>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
{{/partial}}
{{#partial "deliveryPickupInfo" value}}
{{#receipt.deliveryPickupInfo}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="10" cellspacing="0">
<tr>
<td align="center" width="680" style="padding: 0 10px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="spacer-mini" height="20" style="line-height: 20px;"> </td>
</tr>
<tr>
<td class="px-sm-1" align="center" width="100%"
style="padding: 5px 10px; color: #000000; background-color: #000000; border: 1px solid #000000">
<table align="left" cellpadding="0" cellspacing="0" role="presentation"
style="margin: 0 auto;">
<tr>
<th class="sans-serif"
style="font-size: 14px; line-height: 100%; word-break: break-all; color: #ffffff">
{{this.label}}</th>
</tr>
</table>
<div class="spacer" style="line-height: 15px; height: 15px;"> </div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="" align="center" cellpadding="0" cellspacing="0">
<tr valign="top" style="">
<th class="col-sm-12 pt-sm-1 pr-sm-0" width="660"
style="padding-top: 20px; padding-left: 10px; padding-right: 10px; color: #000000; font-weight: 400; text-align: left; font-size: 14px; line-height: 16px">
<div class="sans-serif;" style="margin: 0 0 0px;">
<strong>{{this.deliveryPickupDate.label}}: </strong>{{#dateFormat this.deliveryPickupDate.value format='MM/dd/yyyy' tz='UTC'}}{{/dateFormat}}
</div>
<div class="sans-serif;" style="margin: 0 0 0px;">{{this.addressLine1}}</div>
<div class="sans-serif;" style="margin: 0 0 0px;">{{this.addressLine2}}</div>
<div class="sans-serif;" style="margin: 0 0 0px;">{{this.addressLine3}}</div>
<div class="sans-serif;" style="margin: 0 0 0px;">
{{#block "renderCityState" city=this.deliveryPickupInfo.city state=this.deliveryPickupInfo.state postalCode=this.deliveryPickupInfo.postalCode postalCodeExtension=this.deliveryPickupInfo.postalCodeExtension}}{{/block}}
</div>
<div class="sans-serif;" style="margin: 0 0 0px;">
<strong>{{this.instructions.label}}: </strong>{{this.instructions}}</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/receipt.deliveryPickupInfo}}
{{/partial}}
{{#partial "renderOrder" order}}
<!-- Order Information -->
<table class="col px-sm-1" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th class="col" width="670">
<table class="row" cellpadding="0" cellspacing="0">
<tr>
<th class="col" width="335"
style="padding: 0px 0px; color: #000000; font-size: 14px; line-height: 20px; font-weight: 400; text-align: left;">
{{#if order.description}}
<div class="sans-serif;" style="margin: 0 0 0px;">
<strong>Fulfillment: </strong>{{order.description}}
</div>
{{/if}}
{{#if order.deliveryPickupInfo.deliveryPickupDate}}
<div class="sans-serif;" style="margin: 0 0 0px;">
<strong>Est.
{{#eq order.description.value "Pickup"}}Pickup{{/eq}}{{#eq order.description.value "Delivery"}}Delivery{{/eq}}
Date: </strong>{{#dateFormat order.deliveryPickupInfo.deliveryPickupDate.value format='MM/dd/yyyy' }}{{/dateFormat}}
</div>
{{/if}}
{{#eq order.description.value "Delivery"}}
<div class="sans-serif;" style="margin: 0 0 0px;">Learn more about <a
href="http://www.afw.com/delivery"
target="_blank" style="text-decoration:underline!important;"><strong>AFW
Platinum Delivery</strong></a>
</div>
{{/eq}}
{{#eq order.description.value "Pickup"}}
<div class="sans-serif;" style="margin: 0 0 0px;">Please bring your ID and the credit card used to make your purchase with you to your pickup location. Learn more about <a
href="http://www.afw.com/pick-up"
target="_blank" style="text-decoration:underline!important;"><strong>AFW
Pickup</strong></a></div>
{{/eq}}
{{#if order.deliveryPickupInfo.instructions}}
<!-- Space -->
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td class="spacer-mini" height="0"
style="font-size: 10px; line-height: 10px; mso-line-height-rule: exactly;">
</td>
</tr>
</table>
<!-- /Space -->
{{#if order.deliveryPickupInfo.instructions.value}}
<div class="sans-serif;" style="margin: 0 0 0px;">
<strong>Instructions: </strong><br>{{#replaceAll order.deliveryPickupInfo.instructions ", " ", <br>"}}{{/replaceAll}}
</div>
{{/if}}
{{/if}}
<!-- Space -->
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td class="spacer-mini" height="10"
style="font-size: 10px; line-height: 10px; mso-line-height-rule: exactly;">
</td>
</tr>
</table>
<!-- /Space -->
{{#if order.miscText}}
{{#eq order.miscText.value ""}}
{{else}}
<div class="sans-serif;" style="margin: 0 0 0px;"><strong>Additional Comments:</strong>
</div>
<div class="sans-serif;" style="margin: 0 0 0px;">
{{#replaceAll order.miscText.value ", " ", <br>"}}{{/replaceAll}}
</div>
{{/eq}}
{{/if}}
<!-- SERVICE ORDER JAN 2022 -->
{{#if receipt.customProperties.serviceDetail}}
{{#each receipt.customProperties.serviceDetail}}
{{#if this.serviceType}}
<div class="sans-serif;" style="margin: 0 0 0px;">
<strong>Service Type: </strong>{{this.serviceType}}
</div>
{{/if}}
{{#if this.serviceStatus}}
<div class="sans-serif;" style="margin: 0 0 0px;">
<strong>Service Status: </strong>{{this.serviceStatus}}
</div>
{{/if}}
{{#if this.serviceDate}}
<div class="sans-serif;" style="margin: 0 0 0px;">
<strong>Service Date: </strong>{{this.serviceDate}}
</div>
{{/if}}
{{/each}}
{{/if}}
<!-- /SERVICE ORDER JAN 2022 -->
</th>
<th class="col text-sm-left py-sm-1" width="335"
style="padding: 0px 0px; color: #000000; font-size: 14px; line-height: 20px; font-weight: 400; text-align: right;">
{{#eq order.description.value "Delivery"}}<strong>Deliver To:</strong><br>{{/eq}}
{{#eq order.description.value "Pickup"}}<strong>Pick up at:</strong><br>{{/eq}}
{{#if order.deliveryPickupInfo.addressLine1}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{order.deliveryPickupInfo.addressLine1}}</div>
{{/if}}
{{#if order.deliveryPickupInfo.addressLine2}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{order.deliveryPickupInfo.addressLine2}}</div>
{{/if}}
{{#if order.deliveryPickupInfo.addressLine3}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{order.deliveryPickupInfo.addressLine3}}</div>
{{/if}}
{{#if order.deliveryPickupInfo.city}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{order.deliveryPickupInfo.city}},{{order.deliveryPickupInfo.state}}
{{order.deliveryPickupInfo.postalCode}}</div>
{{/if}}
</th>
</tr>
<tr>
<td colspan="2" class="divider" height="30" style="padding-left: 0px; padding-right: 0px;">
<div style="border-top: 1px solid #EEEEEE; line-height: 0;"> </div>
</td>
</tr>
</table>
</th>
</tr>
</table>
<!-- /Order Information -->
<!-- New 5-Col Headings Row -->
<table class="row" align="center" cellpadding="0" cellspacing="0" role="presentation" width="">
<tr>
<td class="px-sm-1" align="center" width="680" style="padding: 0px 0px;">
<table cellpadding="10" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="col" align="center" width="660"
style="padding: 5px 0px; color: #000000; background-color: #000000; border: 1px solid #606060">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="full-width-sm" align="left" height="10"
style="line-height: 14px; padding: 0px 0px;">
<div>
<table class="full-width-sm" align="center" bgcolor="#000000"
cellpadding="0" cellspacing="0">
<tr>
<th class="col col-sm-7 pl-sm-0" width="300"
style="padding-left: 10px; padding-right: 15px; padding-top: 5px; text-align: left; padding-bottom: 3px;">
<div class="sans-serif pl-sm-1"
style="color: #ffffff; font-size: 14px; font-weight: 700; line-height: 14px; padding-bottom: 5px">
Product Information </div>
</th>
<th class="hide-sm" width="70"
style="padding-left: 0px; padding-right: 25px; padding-top: 5px; font-weight: 400; text-align: left; vertical-align: top">
<div class="sans-serif"
style="color: #ffffff; font-size: 14px; font-weight: 700; line-height: 14px; padding-bottom: 5px">
</div>
</th>
<th class="hide-sm" width="30"
style="padding-left: 10px; padding-right: 0px; padding-top: 5px; font-weight: 400; vertical-align: top">
<div class="sans-serif pr-sm-0"
style="color: #ffffff; font-weight: 700; font-size: 14px; line-height: 14px; text-align: center; padding-bottom: 5px">
Qty.</div>
</th>
<th class="hide-sm" width="90"
style="padding-left: 10px; padding-right: 0px; padding-top: 5px; font-weight: 400; vertical-align: top">
<div class="sans-serif pr-sm-0"
style="color: #ffffff; font-weight: 700; font-size: 14px; line-height: 14px; text-align: right; padding-bottom: 5px">
Price</div>
</th>
<th class="hide-sm" width="90"
style="padding-left: 10px; padding-right: 0px; padding-top: 5px; font-weight: 400; vertical-align: top">
<div class="sans-serif pr-sm-0"
style="color: #ffffff; font-weight: 700; font-size: 14px; line-height: 14px; text-align: right; padding-bottom: 5px; padding-right:10px;">
Total</div>
</th>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- /New 5-Col Headings Row -->
<!-- Product Row -->
<table class="row" align="center" cellpadding="0" cellspacing="0" role="presentation" width="">
<tr>
<td class="px-sm-1" align="center" width="670" style="padding: 0px 0px;">
<table cellpadding="10" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="col" align="center" width="670" style="padding: 0 0px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="spacer-mini" height="20" style="font-size:10px; line-height:10px"> 
</td>
</tr>
<tr>
<td class="full-width-sm" align="left" height="10"
style="line-height: 20px; border: 0px solid #ffffff; padding: 0px 0px;">
<!-- Order Items -->
{{#each order.items}}
<div>
<table class="full-width-sm" align="center" bgcolor="#FFFFFF"
cellpadding="0" cellspacing="0">
<tr>
<th class="col col-sm-4" width="75"
style="padding-left: 0px; padding-right: 20px; text-align: center; width: 75px">
{{#if this.product.imageUrl}}<a
href="{{this.product.pageUrl}}" name="itemImage"
style="border: 0;"><img
src="{{this.product.imageUrl}}"
width="75" alt="Product Image"
title="Product Image"
style="width: 75px; height: 75px; max-width: 75px; border: 0; display: inline-block;"></a>
{{else}}
<img src="http://fr-merchant-content.s3.amazonaws.com/AFW-01-102317/default_75x.jpg"
width="75" alt="Product Image" title="Product Image"
style="width: 75px; height: 75px; max-width: 75px; border: 0; display: inline-block;">
{{/if}}
</th>
<th class="col col-sm-8 pr-sm-1" width="300"
style="padding-left: 0px; padding-right: 25px; font-weight: 400; text-align: left; vertical-align: top; width: 300px;">
{{#if this.itemName.value}}
<div class="sans-serif"
style="color: #000000; font-size: 14px; font-weight: 700; line-height: 20px; padding-bottom: 5px">
{{#if this.product.pageUrl}}<a
href="{{this.product.pageUrl}}"
target="_blank"
name="Item Name"
style="text-decoration: underline;">{{this.itemName}}</a>
{{else}}
{{this.itemName}} {{/if}}
</div>
{{else}}
<div class="sans-serif"
style="color: #000000; font-size: 14px; font-weight: 700; line-height: 20px; padding-bottom: 5px">
{{this.itemName}}</div>
{{/if}}
<!-- Added for Direct Ship 20210923 -->
{{#if this.customProperties.directShipTrackingNumber}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
Tracking #: {{this.customProperties.directShipTrackingNumber}}</div>
{{/if}}
{{#regexCaptureV2 this.customProperties.salesOrderPurchaseDateTime pattern="^(?:-([0-9]{1,2})|([0-9]{4}))?(?:-?(?:([0-9]{2})?(?:-?([0-9]{2}))?|W([0-9]{2})(?:-?([1-7]))?|([0-9]{3})))?(?:T([0-9]{2})(?::?([0-9]{2})(?::?([0-9]{2}))?)?(?:[,\.]([0-9]+))?(?:(Z)|([+-])([0-9]{2})(?::?([0-9]{2}))?)?)?$"}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
Purchase Date: {{match3}}/{{match4}}/{{match2}} {{match8}}:{{match9}}</div>
{{else}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
Purchase Date: {{this.customProperties.salesOrderPurchaseDateTime}}</div>
{{/regexCaptureV2}}
<!-- /Added for Direct Ship 20210923 -->
{{#if this.upc.value}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
{{this.upc}}</div>
{{/if}}
{{#if this.sku.value}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px; font-weight: 900;">
{{this.sku}}</div>
{{/if}} {{#if this.miscInfo.value}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
{{this.miscInfo}}</div>
{{/if}} {{#if this.giftCard}}
{{#if this.giftCard.accountNumber}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
{{{this.giftCard.accountNumber.label}}}: {{#mask this.giftCard.accountNumber.value}}{{/mask}}
</div>
{{/if}} {{#if this.giftCard.authNumber}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 0px">
{{{this.giftCard.authNumber.label}}}: {{this.giftCard.authNumber}}
</div>
{{/if}} {{#if this.giftCard.balance}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 0px">
{{{order.giftCard.balance.label}}}:
{{#block "renderMonetaryAmount" value=order.item.giftCard.balance.value}}{{/block}}
</div>
{{/if}} {{#if this.discounts}}
{{#each this.discounts.values}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
{{this.description}}: {{#block "renderMonetaryAmount" value=this.amount.value}}{{/block}}
</div>
{{/each}} {{/if}} {{/if}} {{#if this.discounts}}
{{#each this.discounts.values}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
{{this.description}}:
{{#block "renderMonetaryAmount" value=this.amount.value}}{{/block}}
</div>
{{/each}} {{/if}}
{{#if this.supportingDocuments.documents}}
{{#each this.supportingDocuments.documents}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
<a href="{{documentUrl}}">{{name}}</a></div>
{{/each}} {{/if}}
<!-- detailLineComment -->
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
{{#if this.customProperties.detailLineComment1}}{{this.customProperties.detailLineComment1}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment2}}{{this.customProperties.detailLineComment2}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment3}}{{this.customProperties.detailLineComment3}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment4}}{{this.customProperties.detailLineComment4}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment5}}{{this.customProperties.detailLineComment5}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment6}}{{this.customProperties.detailLineComment6}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment7}}{{this.customProperties.detailLineComment7}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment8}}{{this.customProperties.detailLineComment8}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment9}}{{this.customProperties.detailLineComment9}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment10}}{{this.customProperties.detailLineComment10}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment11}}{{this.customProperties.detailLineComment11}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment12}}{{this.customProperties.detailLineComment12}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment13}}{{this.customProperties.detailLineComment13}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment14}}{{this.customProperties.detailLineComment14}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment15}}{{this.customProperties.detailLineComment15}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment16}}{{this.customProperties.detailLineComment16}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment17}}{{this.customProperties.detailLineComment17}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment18}}{{this.customProperties.detailLineComment18}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment19}}{{this.customProperties.detailLineComment19}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment20}}{{this.customProperties.detailLineComment20}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment21}}{{this.customProperties.detailLineComment21}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment22}}{{this.customProperties.detailLineComment22}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment23}}{{this.customProperties.detailLineComment23}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment24}}{{this.customProperties.detailLineComment24}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment25}}{{this.customProperties.detailLineComment25}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment26}}{{this.customProperties.detailLineComment26}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment27}}{{this.customProperties.detailLineComment27}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment28}}{{this.customProperties.detailLineComment28}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment29}}{{this.customProperties.detailLineComment29}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment30}}{{this.customProperties.detailLineComment30}}<br/>{{/if}}
</div>
<!-- /detailLineComment -->
<!-- SERVICE ORDER ITEMS JAN 2022 -->
{{#if this.customProperties.problemCodeDesc}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
<strong>Description:</strong> {{this.customProperties.problemCodeDesc}}
</div>
{{/if}}
{{#if this.customProperties.serviceTech}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
<strong>Service Tech:</strong> {{this.customProperties.serviceTech}}
</div>
{{/if}}
{{#if this.customProperties.responsibilityType}}
<div class="sans-serif" style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
<strong>Responsibility</strong> {{this.customProperties.responsibilityType}}
</div>
{{/if}}
<!-- /SERVICE ORDER ITEMS JAN 2022 -->
<!--[if mso]>
<table style="display: none; font-size: 0; line-height: 0;">
<tr>
<td style="display: none; font-size: 0; line-height: 0;">
<![endif]-->
{{#if this.quantity.value}}
<div class="sans-serif show-sm"
style="color: #000000; font-weight: 400; font-size: 13px; line-height: 14px; text-align: left; padding-bottom: 0px">
<strong>Qty:</strong> {{numberFormat this.quantity.value minimumFractionDigits=0}}
</div>
{{/if}}
{{#if this.price.value}}
<div class="sans-serif show-sm"
style="color: #000000; font-weight: 400; font-size: 13px; line-height: 14px; text-align: left; padding-bottom: 0px">
<strong>Price:</strong> {{#block "renderMonetaryAmount" value=this.price.value}}{{/block}}
</div>
{{/if}}
{{#if this.amount.value}}
<div class="sans-serif show-sm"
style="color: #000000; font-weight: 400; font-size: 13px; line-height: 14px; text-align: left; padding-bottom: 0px">
<strong>Total:</strong> {{#block "renderMonetaryAmount" value=this.amount.value}}{{/block}}
</div>
{{/if}}
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
</th>
<th class="hide-sm" width="30"
style="padding-left: 10px; padding-right: 0px; padding-top: 5px; font-weight: 400; vertical-align: top; text-align: right;">
{{#if this.quantity.value}}
<div class="sans-serif pr-sm-0 hide-sm"
style="color: #000000; font-weight: 400; font-size: 14px; line-height: 14px; text-align: center; padding-bottom: 0px">
{{numberFormat this.quantity.value minimumFractionDigits=0}}
</div>
{{/if}}
</th>
<th class="hide-sm" width="90"
style="padding-left: 10px; padding-right: 0px; padding-top: 5px; font-weight: 400; vertical-align: top; text-align: right;">
{{#if this.price.value}}
<div class="sans-serif pr-sm-0 hide-sm"
style="color: #000000; font-weight: 400; font-size: 14px; line-height: 14px; text-align: right; padding-bottom: 0px">
{{#block "renderMonetaryAmount" value=this.price.value}}{{/block}}
</div>
{{/if}}
</th>
<th class="hide-sm" width="90"
style="padding-left: 5px; padding-right: 0px; padding-top: 5px; font-weight: 400; vertical-align: top; text-align: right;">
{{#if this.amount.value}}
<div class="sans-serif pr-sm-0 hide-sm"
style="color: #000000; font-weight: 400; font-size: 14px; line-height: 14px; text-align: right; padding-bottom: 0px">
{{#block "renderMonetaryAmount" value=this.amount.value}}{{/block}}
</div>
{{/if}}
</th>
</tr>
<!-- product divider line -->
{{#if @last}}
{{else}}
<tr>
<td colspan="3" class="divider" height="30"
style="padding-left: 10px; padding-right: 10px;">
<div style="border-top: 1px solid #EEEEEE; line-height: 0;">
</div>
</td>
</tr>
{{/if}}
<!-- /product divider line -->
</table>
</div>
{{/each}}
<!-- /Order Items -->
</td>
</tr>
<tr>
<td class="spacer-mini" height="20" style="font-size:10px; line-height:10px"> 
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- Product Row -->
{{/partial}}
{{#partial "renderOrderDirectShip" order}}
<!-- Store Information -->
<table class="col px-sm-1 align-sm-center" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th class="col align-sm-center" width="670">
<table class="col align-sm-center" cellpadding="0" cellspacing="0">
<tr>
<td class="col py-sm-1 align-sm-center" width="335"
style="padding: 0px 0px; color: #000000; font-size: 18px; line-height: 26px; font-weight: 400; text-align: left;">
<div class="sans-serif text-sm-center" style="color:#000000; font-size: 18px; line-height: 26px; font-weight: 700;">
Delivers to:</div>
{{#if this.soldToInfo.customerName}}
<div class="sans-serif text-sm-center" style="font-size: 18px; line-height: 26px;">
{{capitalize (lower receipt.soldToInfo.customerName)}}</div>
{{/if}}
{{#if this.deliveryPickupInfo.addressLine1}}
<div class="sans-serif text-sm-center" style="font-size: 18px; line-height: 26px;">
{{capitalize (lower this.deliveryPickupInfo.addressLine1)}}</div>
{{/if}}
{{#if this.deliveryPickupInfo.addressLine2}}
<div class="sans-serif text-sm-center" style="font-size: 18px; line-height: 26px;">
{{capitalize (lower this.deliveryPickupInfo.addressLine2)}}</div>
{{/if}}
{{#if this.deliveryPickupInfo.addressLine3}}
<div class="sans-serif text-sm-center" style="font-size: 18px; line-height: 26px;">
{{capitalize (lower this.deliveryPickupInfo.addressLine3)}}</div>
{{/if}}
{{#if this.deliveryPickupInfo.city}}
<div class="sans-serif text-sm-center" style="font-size: 18px; line-height: 26px;">
{{#block "renderCityState" city=receipt.merchantAddress.city state=receipt.merchantAddress.state postalCode=receipt.merchantAddress.postalCode postalCodeExtension=receipt.merchantAddress.postalCodeExtension}}{{/block}}
{{/if}}
</div>
<!-- if renderable -->
{{#if receipt.soldToInfo.customerNumber}}
<div class="sans-serif text-sm-center" style="font-size: 18px; line-height: 26px;">
Customer Number: {{receipt.soldToInfo.customerNumber}}</div>
{{/if}}
<!-- /if renderable -->
<!-- if STORIS makes the change for custom property at root level -->
{{#if receipt.customProperties.customerNumber}}
<div class="sans-serif text-sm-center" style="font-size: 18px; line-height: 26px;">
Customer Number: {{receipt.customProperties.customerNumber}}</div>
{{/if}}
<!-- /if STORIS makes the change for custom property at root level -->
</td>
<td class="col text-sm-left py-sm-1" width="335"
style="padding: 0px 0px; color: #000000; font-size: 14px; line-height: 26px; font-weight: 400; text-align: left;">
<div class="sans-serif text-sm-center"
style="color:#000000; font-size: 18px; line-height: 26px; font-weight: 700;">
Order #: <span style="font-weight: 400;">{{this.orderNumber}}</span>
</div>
<div class="sans-serif text-sm-center"
style="color:#000000; font-size: 18px; line-height: 26px; font-weight: 700;">
Order Date: <span style="font-weight: 400;">{{#dateFormat receipt.receiptDate.value format="MM/dd/yyyy hh:mm" tz="UTC" }}{{/dateFormat}}</span>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
<!-- /Store Information -->
<!-- Items Heading -->
<table align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<td class="spacer-mini" height="10" style="font-size:10px; line-height:10px"> </td>
</tr>
<tr>
<td class="spacer-mini" height="10" style="font-size:10px; line-height:10px"> </td>
</tr>
<tr>
<td class="spacer-mini" height="10" style="font-size:10px; line-height:10px"> </td>
</tr>
<tr>
<td class="spacer-mini" height="10" style="font-size:10px; line-height:10px"> </td>
</tr>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670">
<table align="left" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="font-weight:400; padding-right:10px; text-align:left" width="670">
<div class="sans-serif"
style="margin: 0 0 0px; color:#000000; font-size: 18px; font-weight: 700;">
Items Shipped:</div>
</th>
</tr>
</tbody>
</table>
</th>
</tr>
{{!-- <tr>
<td class="spacer-mini hide-sm" height="10" style="font-size:10px; line-height:10px"> </td>
</tr> --}}
<tr>
<td class="spacer-mini hide-sm" height="10" style="font-size:10px; line-height:10px"> </td>
</tr>
</tbody>
</table>
<!-- /Items Heading -->
<!-- Order Information -->
<table class="col px-sm-1" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th class="col" width="670">
<table class="row" cellpadding="0" cellspacing="0">
<tr>
<th class="col" width="335"
style="padding: 0px 0px; color: #000000; font-size: 14px; line-height: 20px; font-weight: 400; text-align: left;">
{{#if order.description}}
<!-- removed since description is above -->
{{/if}}
{{#if order.deliveryPickupInfo.deliveryPickupDate}}
<div class="sans-serif;" style="margin: 0 0 0px;">
<strong>Est.
{{#eq order.description.value "Pickup"}}Pickup{{/eq}}{{#eq order.description.value "Delivery"}}Delivery{{/eq}}
Date: </strong>{{#dateFormat order.deliveryPickupInfo.deliveryPickupDate.value format='MM/dd/yyyy' }}{{/dateFormat}}
</div>
{{/if}}
{{#eq order.description.value "Delivery"}}
<div class="sans-serif;" style="margin: 0 0 0px;">Learn more about <a
href="http://www.afw.com/delivery"
target="_blank" style="text-decoration:underline!important;"><strong>AFW
Platinum Delivery</strong></a>
</div>
{{/eq}}
{{#eq order.description.value "Pickup"}}
<div class="sans-serif;" style="margin: 0 0 0px;">Please bring your ID and the credit card used to make your purchase with you to your pickup location. Learn more about <a
href="http://www.afw.com/pick-up"
target="_blank" style="text-decoration:underline!important;"><strong>AFW
Pickup</strong></a></div>
{{/eq}}
{{#if order.deliveryPickupInfo.instructions}}
<!-- Space -->
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td class="spacer-mini" height="0"
style="font-size: 10px; line-height: 10px; mso-line-height-rule: exactly;">
</td>
</tr>
</table>
<!-- /Space -->
{{#if order.deliveryPickupInfo.instructions.value}}
<div class="sans-serif;" style="margin: 0 0 0px;">
<strong>Instructions: </strong><br>{{#replaceAll order.deliveryPickupInfo.instructions ", " ", <br>"}}{{/replaceAll}}
</div>
{{/if}}
{{/if}}
<!-- Space -->
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td class="spacer-mini" height="10"
style="font-size: 10px; line-height: 10px; mso-line-height-rule: exactly;">
</td>
</tr>
</table>
<!-- /Space -->
{{#if order.miscText}}
{{#eq order.miscText.value ""}}
{{else}}
<div class="sans-serif;" style="margin: 0 0 0px;"><strong>Additional Comments:</strong>
</div>
<div class="sans-serif;" style="margin: 0 0 0px;">
{{#replaceAll order.miscText.value ", " ", <br>"}}{{/replaceAll}}
</div>
{{/eq}}
{{/if}}
</th>
<th class="col text-sm-left py-sm-1" width="335"
style="padding: 0px 0px; color: #000000; font-size: 14px; line-height: 20px; font-weight: 400; text-align: right;">
<!-- removed since address is above -->
</th>
</tr>
</table>
</th>
</tr>
</table>
<!-- /Order Information -->
<!-- New 5-Col Headings Row -->
<!-- /New 5-Col Headings Row -->
<!-- Product Row -->
<table class="row" align="center" cellpadding="0" cellspacing="0" role="presentation" width="">
<tr>
<td class="px-sm-1" align="center" width="670" style="padding: 0px 0px;">
<table cellpadding="10" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="col" align="center" width="670" style="padding: 0 0px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="spacer-mini" height="20" style="font-size:10px; line-height:10px"> 
</td>
</tr>
<tr>
<td class="full-width-sm" align="left" height="10"
style="line-height: 20px; border: 0px solid #ffffff; padding: 0px 0px;">
<!-- Order Items -->
{{#each order.items}}
<div>
<table class="full-width-sm" align="center" bgcolor="#FFFFFF"
cellpadding="0" cellspacing="0">
<tr>
<th class="col col-sm-4" width="75"
style="padding-left: 0px; padding-right: 25px; text-align: center; width: 75px">
{{#if this.product.imageUrl}}<a
href="{{this.product.pageUrl}}" name="itemImage"
style="border: 0;"><img
src="{{this.product.imageUrl}}"
width="75" alt="Product Image"
title="Product Image"
style="width: 75px; height: 75px; max-width: 75px; border: 0; display: inline-block;"></a>
{{else}}
<img src="http://fr-merchant-content.s3.amazonaws.com/AFW-01-102317/default_75x.jpg"
width="75" alt="Product Image" title="Product Image"
style="width: 75px; height: 75px; max-width: 75px; border: 0; display: inline-block;">
{{/if}}
</th>
<th class="col col-sm-7 pr-sm-1" width="510"
style="padding-left: 0px; padding-right: 20px; font-weight: 400; text-align: left; vertical-align: top; width: 495px;">
{{#if this.itemName.value}}
<div class="sans-serif"
style="color: #000000; font-size: 14px; font-weight: 700; line-height: 20px; padding-bottom: 5px">
{{#if this.product.pageUrl}}<a
href="{{this.product.pageUrl}}"
target="_blank"
name="Item Name"
style="text-decoration: underline;">{{capitalize (lower this.itemName)}}</a>
{{else}}
{{capitalize (lower this.itemName)}}{{/if}}
</div>
{{else}}
<div class="sans-serif"
style="color: #000000; font-size: 14px; font-weight: 700; line-height: 20px; padding-bottom: 5px">
{{capitalize (lower this.itemName)}}</div>
{{/if}}
{{#if this.upc.value}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
{{this.upc}}</div>
{{/if}}
{{#if this.miscInfo.value}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
{{this.miscInfo}}</div>
{{/if}} {{#if this.giftCard}}
{{#if this.giftCard.accountNumber}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
{{{this.giftCard.accountNumber.label}}}: {{#mask this.giftCard.accountNumber.value}}{{/mask}}
</div>
{{/if}} {{#if this.giftCard.authNumber}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 0px">
{{{this.giftCard.authNumber.label}}}: {{this.giftCard.authNumber}}
</div>
{{/if}} {{#if this.giftCard.balance}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 0px">
{{{order.giftCard.balance.label}}}:
{{#block "renderMonetaryAmount" value=order.item.giftCard.balance.value}}{{/block}}
</div>
{{/if}} {{#if this.discounts}}
{{#each this.discounts.values}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
{{this.description}}: {{#block "renderMonetaryAmount" value=this.amount.value}}{{/block}}
</div>
{{/each}} {{/if}} {{/if}} {{#if this.discounts}}
{{#each this.discounts.values}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
{{this.description}}:
{{#block "renderMonetaryAmount" value=this.amount.value}}{{/block}}
</div>
{{/each}} {{/if}}
{{#if this.supportingDocuments.documents}}
{{#each this.supportingDocuments.documents}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
<a href="{{documentUrl}}">{{name}}</a></div>
{{/each}} {{/if}}
<!-- detailLineComment -->
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
{{#if this.customProperties.detailLineComment1}}{{this.customProperties.detailLineComment1}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment2}}{{this.customProperties.detailLineComment2}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment3}}{{this.customProperties.detailLineComment3}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment4}}{{this.customProperties.detailLineComment4}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment5}}{{this.customProperties.detailLineComment5}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment6}}{{this.customProperties.detailLineComment6}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment7}}{{this.customProperties.detailLineComment7}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment8}}{{this.customProperties.detailLineComment8}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment9}}{{this.customProperties.detailLineComment9}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment10}}{{this.customProperties.detailLineComment10}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment11}}{{this.customProperties.detailLineComment11}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment12}}{{this.customProperties.detailLineComment12}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment13}}{{this.customProperties.detailLineComment13}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment14}}{{this.customProperties.detailLineComment14}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment15}}{{this.customProperties.detailLineComment15}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment16}}{{this.customProperties.detailLineComment16}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment17}}{{this.customProperties.detailLineComment17}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment18}}{{this.customProperties.detailLineComment18}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment19}}{{this.customProperties.detailLineComment19}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment20}}{{this.customProperties.detailLineComment20}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment21}}{{this.customProperties.detailLineComment21}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment22}}{{this.customProperties.detailLineComment22}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment23}}{{this.customProperties.detailLineComment23}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment24}}{{this.customProperties.detailLineComment24}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment25}}{{this.customProperties.detailLineComment25}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment26}}{{this.customProperties.detailLineComment26}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment27}}{{this.customProperties.detailLineComment27}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment28}}{{this.customProperties.detailLineComment28}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment29}}{{this.customProperties.detailLineComment29}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment30}}{{this.customProperties.detailLineComment30}}<br/>{{/if}}
</div>
<!-- /detailLineComment -->
<!-- Removed mobile price and total in v0.52 -->
<!-- Added for Direct Ship 20210923 -->
<div class="sans-serif align-sm-center" style="display:block!important; text-align: center;">
<!-- Space -->
<table align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td height="10"
style="font-size: 10px; line-height: 10px; mso-line-height-rule: exactly;"> </td>
</tr>
</tbody>
</table>
<!-- /Space -->
<table align="left" bgcolor="#21439b" cellpadding="0" cellspacing="0" role="presentation"
style="border-radius: 0px;">
<tr>
<th class="button">
<a data-no-query data-no-redirect href="https://parcelsapp.com/en/tracking/{{this.customProperties.directShipTrackingNumber}}" name="CTA-trackmyorder" target="blank" style="border: 0 solid #21439b; color: #ffffff; display: inline-block; font-size: 16px; padding: 8px 20px; text-decoration: none;">Track My Item</a>
</th>
</tr>
</table>
</div>
<!-- /Added for Direct Ship 20210923 -->
</th>
<th class="col col-sm-1" width="30"
style="padding-left: 10px; padding-right: 0px; padding-top: 5px; font-weight: 400; vertical-align: top; text-align: right;">
{{#if this.quantity.value}}
<div class="sans-serif pr-sm-0"
style="color: #000000; font-weight: 400; font-size: 14px; line-height: 14px; text-align: center; padding-bottom: 0px">
{{numberFormat this.quantity.value minimumFractionDigits=0}}
</div>
{{/if}}
</th>
<!-- Removed price and total in v0.52 -->
</tr>
<!-- product divider line -->
{{#if @last}}
{{else}}
<tr>
<td colspan="3" class="divider" height="30"
style="padding-left: 10px; padding-right: 10px;">
<div style="border-top: 1px solid #EEEEEE; line-height: 0;">
</div>
</td>
</tr>
{{/if}}
<!-- /product divider line -->
</table>
</div>
{{/each}}
<!-- /Order Items -->
</td>
</tr>
<tr>
<td class="spacer-mini" height="30" style="font-size:30px; line-height:30px"> 
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- Product Row -->
<!-- Divider -->
{{#if @last}}
{{else}}
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider-mini" height="5" style="padding-left:15px; padding-right:15px">
<div style="border-top:2px solid #e6e6e6; line-height:0"> </div>
</td>
</tr>
</tbody>
</table>
<!-- Space -->
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="spacer" height="40"
style="font-size: 40px; line-height: 40px; mso-line-height-rule: exactly;">
</td>
</tr>
</tbody>
</table>
<!-- /Space -->
{{/if}}
<!-- /Divider -->
{{/partial}}
{{#partial "renderOrderBalanceDue" order}}
<!-- Order Information -->
<!-- /Order Information -->
<!-- New 5-Col Headings Row -->
<table class="row" align="center" cellpadding="0" cellspacing="0" role="presentation" width="">
<tr>
<td class="px-sm-1" align="center" width="680" style="padding: 0px 0px;">
<table cellpadding="10" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="col" align="center" width="660"
style="padding: 5px 0px; color: #fbfaf8; background-color: #fbfaf8; border: 1px solid #dcdcdc">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="full-width-sm" align="left" height="10"
style="line-height: 14px; padding: 0px 0px;">
<div>
<table class="full-width-sm" align="center" bgcolor="#fbfaf8"
cellpadding="0" cellspacing="0">
<tr>
<th class="col col-sm-7 pl-sm-0" width="300"
style="padding-left: 10px; padding-right: 15px; padding-top: 5px; text-align: left; padding-bottom: 3px;">
<div class="sans-serif pl-sm-1"
style="color: #555555; font-size: 14px; font-weight: 500; line-height: 14px; padding-top: 0px;">
Order Details </div>
</th>
<th class="hide-sm" width="70"
style="padding-left: 0px; padding-right: 25px; padding-top: 5px; font-weight: 400; text-align: left; vertical-align: top">
<div class="sans-serif"
style="color: #555555; font-size: 14px; font-weight: 500; line-height: 14px; padding-top: 0px;">
</div>
</th>
<th class="hide-sm" width="30"
style="padding-left: 10px; padding-right: 0px; padding-top: 5px; font-weight: 400; vertical-align: top">
<div class="sans-serif pr-sm-0"
style="color: #555555; font-weight: 500; font-size: 14px; line-height: 14px; text-align: center; padding-top: 0px;">
Qty.</div>
</th>
<th class="hide-sm" width="90"
style="padding-left: 10px; padding-right: 0px; padding-top: 5px; font-weight: 400; vertical-align: top">
<div class="sans-serif pr-sm-0"
style="color: #555555; font-weight: 500; font-size: 14px; line-height: 14px; text-align: right; padding-top: 0px;">
Price</div>
</th>
<th class="hide-sm" width="90"
style="padding-left: 10px; padding-right: 0px; padding-top: 5px; font-weight: 400; vertical-align: top">
<div class="sans-serif pr-sm-0"
style="color: #555555; font-weight: 500; font-size: 14px; line-height: 14px; text-align: right; padding-top: 0px;">
Total</div>
</th>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- /New 5-Col Headings Row -->
<!-- Product Row -->
<table class="row" align="center" cellpadding="0" cellspacing="0" role="presentation" width="">
<tr>
<td class="px-sm-1" align="center" width="670" style="padding: 0px 0px;">
<table cellpadding="10" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="col" align="center" width="670" style="padding: 0 0px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="spacer-mini" height="20" style="font-size:10px; line-height:10px"> 
</td>
</tr>
<tr>
<td class="full-width-sm" align="left" height="10"
style="line-height: 20px; border: 0px solid #ffffff; padding: 0px 0px;">
<!-- Order Items -->
{{#each order.items}}
<div>
<table class="full-width-sm" align="center" bgcolor="#FFFFFF"
cellpadding="0" cellspacing="0">
<tr>
<th class="col col-sm-4" width="75"
style="padding-left: 0px; padding-right: 20px; text-align: center; width: 75px">
{{#if this.product.imageUrl}}<a
href="{{this.product.pageUrl}}" name="itemImage"
style="border: 0;"><img
src="{{this.product.imageUrl}}"
width="75" alt="Product Image"
title="Product Image"
style="width: 75px; height: 75px; max-width: 75px; border: 0; display: inline-block;"></a>
{{else}}
<img src="http://fr-merchant-content.s3.amazonaws.com/AFW-01-102317/default_75x.jpg"
width="75" alt="Product Image" title="Product Image"
style="width: 75px; height: 75px; max-width: 75px; border: 0; display: inline-block;">
{{/if}}
</th>
<th class="col col-sm-8 pr-sm-1" width="300"
style="padding-left: 0px; padding-right: 25px; font-weight: 400; text-align: left; vertical-align: top; width: 300px;">
{{#if this.itemName.value}}
<div class="sans-serif"
style="color: #000000; font-size: 14px; font-weight: 700; line-height: 20px; padding-bottom: 5px">
{{#if this.product.pageUrl}}<a href="{{this.product.pageUrl}}" target="_blank" name="Item Name" style="text-decoration: none;">{{this.itemName}}</a>
{{else}}
{{this.itemName}} {{/if}}
</div>
{{else}}
<div class="sans-serif"
style="color: #000000; font-size: 14px; font-weight: 700; line-height: 20px; padding-bottom: 5px">
{{this.itemName}}</div>
{{/if}} {{#if this.upc.value}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
{{this.upc}}</div>
{{/if}} {{#if this.sku.value}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px;">
{{this.sku}}</div>
{{/if}} {{#if this.miscInfo.value}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
{{this.miscInfo}}</div>
{{/if}} {{#if this.giftCard}}
{{#if this.giftCard.accountNumber}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
{{{this.giftCard.accountNumber.label}}}: {{#mask this.giftCard.accountNumber.value}}{{/mask}}
</div>
{{/if}} {{#if this.giftCard.authNumber}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 0px">
{{{this.giftCard.authNumber.label}}}: {{this.giftCard.authNumber}}
</div>
{{/if}} {{#if this.giftCard.balance}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 0px">
{{{order.giftCard.balance.label}}}:
{{#block "renderMonetaryAmount" value=order.item.giftCard.balance.value}}{{/block}}
</div>
{{/if}} {{#if this.discounts}}
{{#each this.discounts.values}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
{{this.description}}: {{#block "renderMonetaryAmount" value=this.amount.value}}{{/block}}
</div>
{{/each}} {{/if}} {{/if}} {{#if this.discounts}}
{{#each this.discounts.values}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
{{this.description}}:
{{#block "renderMonetaryAmount" value=this.amount.value}}{{/block}}
</div>
{{/each}} {{/if}}
{{#if this.supportingDocuments.documents}}
{{#each this.supportingDocuments.documents}}
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 5px">
<a href="{{documentUrl}}">{{name}}</a></div>
{{/each}} {{/if}}
<!-- detailLineComment -->
<div class="sans-serif"
style="color: #000000; font-size: 13px; line-height: 16px; padding-bottom: 3px">
{{#if this.customProperties.detailLineComment1}}{{this.customProperties.detailLineComment1}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment2}}{{this.customProperties.detailLineComment2}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment3}}{{this.customProperties.detailLineComment3}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment4}}{{this.customProperties.detailLineComment4}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment5}}{{this.customProperties.detailLineComment5}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment6}}{{this.customProperties.detailLineComment6}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment7}}{{this.customProperties.detailLineComment7}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment8}}{{this.customProperties.detailLineComment8}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment9}}{{this.customProperties.detailLineComment9}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment10}}{{this.customProperties.detailLineComment10}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment11}}{{this.customProperties.detailLineComment11}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment12}}{{this.customProperties.detailLineComment12}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment13}}{{this.customProperties.detailLineComment13}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment14}}{{this.customProperties.detailLineComment14}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment15}}{{this.customProperties.detailLineComment15}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment16}}{{this.customProperties.detailLineComment16}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment17}}{{this.customProperties.detailLineComment17}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment18}}{{this.customProperties.detailLineComment18}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment19}}{{this.customProperties.detailLineComment19}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment20}}{{this.customProperties.detailLineComment20}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment21}}{{this.customProperties.detailLineComment21}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment22}}{{this.customProperties.detailLineComment22}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment23}}{{this.customProperties.detailLineComment23}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment24}}{{this.customProperties.detailLineComment24}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment25}}{{this.customProperties.detailLineComment25}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment26}}{{this.customProperties.detailLineComment26}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment27}}{{this.customProperties.detailLineComment27}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment28}}{{this.customProperties.detailLineComment28}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment29}}{{this.customProperties.detailLineComment29}}<br/>{{/if}}
{{#if this.customProperties.detailLineComment30}}{{this.customProperties.detailLineComment30}}<br/>{{/if}}
</div>
<!-- /detailLineComment -->
<!--[if mso]>
<table style="display: none; font-size: 0; line-height: 0;">
<tr>
<td style="display: none; font-size: 0; line-height: 0;">
<![endif]-->
{{#if this.quantity.value}}
<div class="sans-serif show-sm"
style="color: #000000; font-weight: 400; font-size: 13px; line-height: 14px; text-align: left; padding-top: 5px">
<strong>Qty:</strong> {{numberFormat this.quantity.value minimumFractionDigits=0}}
</div>
{{/if}}
{{#if this.price.value}}
<div class="sans-serif show-sm"
style="color: #000000; font-weight: 400; font-size: 13px; line-height: 14px; text-align: left; padding-bottom: 0px">
<strong>Price:</strong> {{#block "renderMonetaryAmount" value=this.price.value}}{{/block}}
</div>
{{/if}}
{{#if this.amount.value}}
<div class="sans-serif show-sm"
style="color: #000000; font-weight: 400; font-size: 13px; line-height: 14px; text-align: left; padding-bottom: 0px">
<strong>Total:</strong> {{#block "renderMonetaryAmount" value=this.amount.value}}{{/block}}
</div>
{{/if}}
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
</th>
<th class="hide-sm" width="30"
style="padding-left: 10px; padding-right: 0px; padding-top: 5px; font-weight: 400; vertical-align: top; text-align: right;">
{{#if this.quantity.value}}
<div class="sans-serif pr-sm-0 hide-sm"
style="color: #000000; font-weight: 400; font-size: 14px; line-height: 14px; text-align: center; padding-bottom: 0px">
{{numberFormat this.quantity.value minimumFractionDigits=0}}
</div>
{{/if}}
</th>
<th class="hide-sm" width="90"
style="padding-left: 10px; padding-right: 0px; padding-top: 5px; font-weight: 400; vertical-align: top; text-align: right;">
{{#if this.price.value}}
<div class="sans-serif pr-sm-0 hide-sm"
style="color: #000000; font-weight: 400; font-size: 14px; line-height: 14px; text-align: right; padding-bottom: 0px">
{{#block "renderMonetaryAmount" value=this.price.value}}{{/block}}
</div>
{{/if}}
</th>
<th class="hide-sm" width="90"
style="padding-left: 5px; padding-right: 0px; padding-top: 5px; font-weight: 400; vertical-align: top; text-align: right;">
{{#if this.amount.value}}
<div class="sans-serif pr-sm-0 hide-sm"
style="color: #000000; font-weight: 400; font-size: 14px; line-height: 14px; text-align: right; padding-bottom: 0px">
{{#block "renderMonetaryAmount" value=this.amount.value}}{{/block}}
</div>
{{/if}}
</th>
</tr>
<!-- product divider line -->
<tr>
<td colspan="3" class="divider" height="30"
style="padding-left: 10px; padding-right: 10px;">
<div style="border-top: 1px solid #EEEEEE; line-height: 0;">
</div>
</td>
</tr>
<!-- /product divider line -->
</table>
</div>
{{/each}}
<!-- /Order Items -->
</td>
</tr>
<tr>
<td class="spacer-mini" height="20" style="font-size:10px; line-height:10px"> 
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- Product Row -->
{{/partial}}
<!-- Handlebars Partials Finished -->
<!-- Email BODY -->
<body
style="box-sizing:border-box;margin:0;padding:0;width:100%;-webkit-font-smoothing:antialiased;word-break:break-word;">
<table class="wrapper" bgcolor="#ffffff" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td>
<table class="container" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0"
role="presentation"
width="700">
<!-- Visually Hidden Preheader Text : BEGIN -->
<div style="display: none; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all; font-family: 'Open Sans', Arial, sans-serif;">
AFW In-Store Order #{{receipt.transactionNumber}}</div>
<!-- Visually Hidden Preheader Text : END -->
<!-- Email Header from Profile with the AFW logo -->
{{#if emailHeader}}
<tr>
<td class="profile-content">{{{emailHeader}}}</td>
</tr>
{{/if}}
<!-- Email Header from Profile with the AFW logo -->
<!-- BEGIN PDF LOGO -->
{{#settings.isPdf}}
<table align="center" cellpadding="0" cellspacing="0" class="row" width="100%">
<tbody>
<tr>
<td>
<table align="center" cellpadding="0" cellspacing="0"
style="text-align:center" width="300px">
<tbody>
<tr>
<th><img alt="AFW"
src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/logo-color.png"
style="display:inline-block; max-width:200px; width:200px; height: auto;"
width="200" />
</th>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="spacer-mini" height="30"
style="font-size: 30px; line-height: 30px; mso-line-height-rule: exactly;">
</td>
</tr>
</tbody>
</table>
{{/settings.isPdf}}
<!-- END PDF LOGO -->
<!-- checking for DirectShip messages -->
{{#match receipt.transactionType "DirectShip"}}
<!-- Header -->
<tr>
<td class="profile-content">
<!-- Alert Banner -->
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670">
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670"><img alt="Banner" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/slogan-banner.jpg" style="display:block; height:auto; max-width:670px; width:100%" width="670" /></th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<!-- /Alert Banner -->
<!-- Hero Banner -->
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670">
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670"><img alt="directship-banner" border="0" class="desktop_swap" height="" src="https://assets.flexengage.com/merchants/AFW-01-102317/img/afw-ordershipped-hero-desktop.jpg" style="display:block; text-decoration:none" width="670" />
<div class="mobile_swap" style="display:none; font-size:0; line-height:0; max-height:0; max-width:0; mso-hide:all; width:0"><img alt="directship-banner" border="0" class="mobile_swap" height="" src="https://assets.flexengage.com/merchants/AFW-01-102317/img/afw-ordershipped-hero-mobile.jpg" style="display:none; max-width:0; width:0" width="670" /></div>
</th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<!-- /Hero Banner -->
<!-- Spacer -->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider-mini" height="15" style="padding-left:15px; padding-right:15px">
<div style="line-height:0"> </div>
</td>
</tr>
</tbody>
</table>
<!-- /Spacer -->
</td>
</tr>
<!-- /Header -->
<!-- Direct Ship message -->
<tr>
<td class="profile-content">
<table align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<td class="spacer-mini" height="10" style="font-size:10px; line-height:10px"> </td>
</tr>
<tr>
<th class="col full-width-sm" style="padding-left:30px; padding-right:30px" width="640">
<table align="center" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="font-weight:400; padding-right:10px; text-align:center" width="600">
<div class="sans-serif" style="font-size:20px; line-height:26px; color: #333333">Good news! Your order is on it's way.<br/>
For any questions, please <a name="CTA-directship-contactus" href="https://www.afw.com/contact-us" target="_blank" style="font-weight: 700; text-decoration:underline;">contact us</a>.</div>
</th>
</tr>
</tbody>
</table>
</th>
</tr>
<tr>
<td class="spacer-mini" height="20" style="font-size:20px; line-height:20px"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- /Direct Ship message -->
<!-- Direct Ship -->
<tr>
<td>
<!-- Space -->
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td class="spacer-mini" height="10"
style="font-size: 10px; line-height: 10px; mso-line-height-rule: exactly;">
</td>
</tr>
<tr>
<td class="spacer-mini" height="10"
style="font-size: 10px; line-height: 10px; mso-line-height-rule: exactly;">
</td>
</tr>
<tr>
<td class="spacer-mini" height="10"
style="font-size: 10px; line-height: 10px; mso-line-height-rule: exactly;">
</td>
</tr>
</table>
<!-- /Space -->
{{#each receipt.ordersWrapper.orders}}
<!-- Track My Order Button -->
<!-- /Track My Order Button -->
<!-- Space -->
<!-- /Space -->
{{/each}}
<!-- ORDER SECTION -->
{{#each receipt.ordersWrapper.orders}}
{{#block "renderOrderDirectShip" order=this}}{{/block}}
{{/each}}
<!-- ORDER SECTION -->
</td>
</tr>
<!-- /Direct Ship -->
<!-- FAQ and Receipt Footer -->
<tr>
<td>
<table align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<td class="profile-content">
<!-- Divider -->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider-mini" height="5" style="padding-left:15px; padding-right:15px">
<div style="border-top:2px solid #e6e6e6; line-height:0"> </div>
</td>
</tr>
</tbody>
</table>
<!-- /Divider -->
<!-- Spacer -->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider-mini" height="15" style="padding-left:15px; padding-right:15px">
<div style="line-height:0"> </div>
</td>
</tr>
</tbody>
</table>
<!-- /Spacer -->
<!-- FAQ Banner - For more info + Have Any Questions -->
<!-- /FAQ Banner For more info + Have Any Questions -->
<!-- Spacer -->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider-mini" height="15" style="padding-left:15px; padding-right:15px">
<div style="line-height:0"> </div>
</td>
</tr>
</tbody>
</table>
<!-- /Spacer -->
<!-- Receipt Footer from Profile -->
<!-- /Receipt Footer from Profile -->
<!-- Email Footer from Profile -->
<!-- /Email Footer from Profile -->
<!-- Spacer Line -->
<!-- /Spacer Line -->
<!-- CTA Section -->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td>
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center" class="col px-sm-2" style="padding:10px; width:290px" width="290"><a href="https://www.afw.com/discover" target="_blank"><img alt="CTA1" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/cta-designtips-v2.png" style="width:100%" width="290" /></a></td>
<td align="center" class="col px-sm-2" style="padding:10px; width:290px" width="290"><a href="https://www.afw.com/blog/category/furniture-care" target="_blank"><img alt="CTA2" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/cta-guide.png" style="width:100%" width="290" /></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- /CTA Section -->
<!-- Spacer Line -->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider" height="30">
<div style="border-top:1px solid #eeeeee; line-height:0"> </div>
</td>
</tr>
</tbody>
</table>
<!-- /Spacer Line -->
<!-- Footer -->
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="mini-spacer" height="10" style="font-size:10px; line-height:10px"> </td>
</tr>
<tr>
<th align="center" class="col" style="padding-left:30px; padding-right:30px" width="530">
<table align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="center" class="col-sm-2 col-sm-push-1" style="color:#999999; padding:0px 5px" width="100">
<div style="margin-bottom:10px"><a href="https://www.facebook.com/AFWonline" style="text-decoration:none" target="_blank"><img alt="FB" height="25" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/facebook.jpg" style="max-width:25px; width:25px" width="25" /></a></div>
</td>
<td align="center" class="col-sm-2 col-sm-push-1" style="color:#999999; padding:0px 5px" width="100">
<div style="margin-bottom:10px"><a href="https://www.pinterest.com/afwonline/" style="text-decoration:none" target="_blank"><img alt="FB" height="25" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/pinterest.jpg" style="max-width:25px; width:25px" width="25" /></a></div>
</td>
<td align="center" class="col-sm-2 col-sm-push-1" style="color:#999999; padding:0px 5px" width="100">
<div style="margin-bottom:10px"><a href="https://www.instagram.com/afwonline/?hl=en" style="text-decoration:none" target="_blank"><img alt="FB" height="25" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/instagram.jpg" style="max-width:25px; width:25px" width="25" /></a></div>
</td>
<td align="center" class="col-sm-2 col-sm-push-1" style="color:#999999; padding:0px 5px" width="100">
<div style="margin-bottom:10px"><a href="https://www.youtube.com/channel/UC1-CJ3ODBwAi8WTq0DNY3eg" style="text-decoration:none" target="_blank"><img alt="FB" height="25" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/youtube.jpg" style="max-width:25px; width:25px" width="25" /></a></div>
</td>
</tr>
</tbody>
</table>
</th>
</tr>
<tr>
<td class="spacer-mini" height="20"> </td>
</tr>
<!-- 3 Column -->
</tbody>
</table>
<table align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<td class="spacer-mini" height="10" style="font-size:10px; line-height:10px"> </td>
</tr>
<tr>
<th class="col" style="padding-left:30px; padding-right:30px" width="640">
<table align="center" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr><!-- Product 1 -->
<th class="col py-sm-1 pt-sm-2 pb-sm-1" style="font-weight:600; padding-right:10px; text-align:center" width="200">
<div class="px-sm-1 py-sm-0 sans-serif" style="font-size:14px; line-height:16px"><a href="https://www.afw.com/living-room" style="color:#000000; text-decoration:none" target="_blank">LIVING ROOM</a></div>
</th>
<!-- /Product 1 --><!-- Product 2 -->
<th class="col py-sm-1 pt-sm-2 pb-sm-1" style="font-weight:600; padding-right:10px; text-align:center" width="200">
<div class="px-sm-1 py-sm-0 sans-serif" style="font-size:14px; line-height:16px"><a href="https://www.afw.com/sleep-center" style="color:#000000; text-decoration:none" target="_blank">SLEEP CENTER</a></div>
</th>
<!-- /Product 2 --><!-- Product 3 -->
<th class="col py-sm-1 pt-sm-2 pb-sm-1" style="font-weight:600; padding-right:10px; text-align:center" width="200">
<div class="px-sm-1 py-sm-0 sans-serif" style="font-size:14px; line-height:16px"><a href="https://www.afw.com/home-decor" style="color:#000000; text-decoration:none" target="_blank">HOME DECOR</a></div>
</th>
<!-- /Product 3 -->
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<!-- /3 Column -->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- /FAQ and Receipt Footer -->
<!-- if not DirectShip message continue below -->
{{else}}
<!-- check if money is owed -->
{{#gt receipt.transactionBalanceDue.value 0.0 }}
<!-- check if SERVICE ORDER -->
{{#match receipt.transactionType "SERVICE ORDER"}}
<!-- BEGIN SERVICE ORDER -->
<!-- Header -->
<tr>
<td class="profile-content">
<!-- Alert Banner -->
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670">
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670"><img alt="Banner" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/slogan-banner.jpg" style="display:block; height:auto; max-width:670px; width:100%" width="670" /></th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<!-- /Alert Banner -->
<!-- Hero Banner -->
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670">
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670"><img alt="almostthere-banner" border="0" class="desktop_swap" height="" src="https://fr-merchant-content.s3.amazonaws.com/AFW-01-102317/images/1340x720_Order-Payment-Hero.jpg" style="display:block; text-decoration:none" width="670" />
<div class="mobile_swap" style="display:none; font-size:0; line-height:0; max-height:0; max-width:0; mso-hide:all; width:0"><a href="https://www.afw.com/artists-of-the-west-canvas-prints" target="_blank"><img alt="almostthere-banner" border="0" class="mobile_swap" height="" src="https://fr-merchant-content.s3.amazonaws.com/AFW-01-102317/images/750x600_Order-Payment-Hero_Update.jpg" style="display:none; max-width:0; width:0" width="670" /></a></div>
</th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<!-- /Hero Banner -->
<!-- Spacer -->
<table align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" class="row">
</table>
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider-mini" height="15" style="padding-left:15px; padding-right:15px">
<div style="line-height:0"> </div>
</td>
</tr>
</tbody>
</table>
<!-- /Spacer -->
<!-- Upper Marketing Banner -->
<!-- /Upper Marketing Banner -->
</td>
</tr>
<!-- Receipt Header from Profile -->
<!-- /Header -->
{{#if receiptHeader}}
<tr>
<td class="profile-content">{{{receiptHeader}}}</td>
</tr>
{{/if}}
<!-- Receipt Header from Profile -->
<!--/Header -->
<tr>
<td class="profile-content">
<table align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<td class="spacer-mini" height="10" style="font-size:10px; line-height:10px"> </td>
</tr>
<tr>
<th class="col" style="padding-left:30px; padding-right:30px" width="640">
<table align="center" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="font-weight:400; padding-right:10px; text-align:center" width="600">
<div class="sans-serif" style="font-size:20px; line-height:26px; color: #333333">Your space is about to get better.<br/>
Checkout is <strong><em>fast</em></strong> and <strong><em>easy</em></strong>!</div>
</th>
</tr>
{{#if receipt.transactionNumber}}
<tr>
<th class="col" style="font-weight:400; padding-right:10px; text-align:center" width="600">
<div class="sans-serif align-sm-center" style="display:block!important; text-align: center; padding-top: 15px">
<table align="center" bgcolor="#21439b" cellpadding="0" cellspacing="0" role="presentation"
style="border-radius: 0px;">
<tr>
<th class="button">
{{#eq appUrl "https://test.flexreceipts-lab.com/receipt"}}
<a data-no-query data-no-redirect href="https://qa.afw.com/CustomerAccount/OrderPayment/{{base64Encode receipt.transactionNumber}}" name="CTA-payment-QA" target="blank" style="border: 0 solid #21439b; color: #ffffff; display: inline-block; font-size: 16px; padding: 12px 20px; text-decoration: none;">Complete Your Order</a>
{{/eq}}
{{#eq appUrl "https://www.flexreceipts.com/receipt"}}
<a data-no-query data-no-redirect href="https://www.afw.com/CustomerAccount/OrderPayment/{{base64Encode receipt.transactionNumber}}" name="CTA-payment" target="blank" style="border: 0 solid #21439b; color: #ffffff; display: inline-block; font-size: 16px; padding: 12px 20px; text-decoration: none;">Complete Your Order</a>
{{/eq}}
</th>
</tr>
</table>
</div>
</th>
</tr>
{{/if}}
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- /order complete table with order button-->
<!-- Main Transactional Area -->
<tr>
<td>
<!-- TEST -->
<!-- /TEST -->
<!-- Space -->
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td class="spacer-mini" height="10"
style="font-size: 10px; line-height: 10px; mso-line-height-rule: exactly;">
</td>
</tr>
</table>
<!-- /Space -->
<!-- Store Information -->
<table class="col px-sm-1" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th class="col" width="670">
<table class="row" cellpadding="0" cellspacing="0">
<tr>
<th class="col py-sm-1" width="335"
style="padding: 0px 0px; color: #000000; font-size: 14px; line-height: 20px; font-weight: 400; text-align: left;">
{{#if receipt.storeName}}
<div class="sans-serif;"
style="margin: 0 0 0px; color:#000000; font-size: 18px; font-weight: 700;">
{{receipt.storeName}}</div>
{{/if}}
{{#if receipt.merchantAddress.addressLine1}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{receipt.merchantAddress.addressLine1}}</div>
{{/if}}
{{#if receipt.merchantAddress.addressLine2}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{receipt.merchantAddress.addressLine2}}</div>
{{/if}}
{{#if receipt.merchantAddress.addressLine3}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{receipt.merchantAddress.addressLine3}}</div>
{{/if}}
{{#if receipt.merchantAddress.city}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{#block "renderCityState" city=receipt.merchantAddress.city state=receipt.merchantAddress.state postalCode=receipt.merchantAddress.postalCode postalCodeExtension=receipt.merchantAddress.postalCodeExtension}}{{/block}}
{{/if}}
</div>
{{#if receipt.merchantPhoneNumber}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{receipt.merchantPhoneNumber}}
</div>
{{/if}}
</th>
<th class="col text-sm-left py-sm-1" width="335"
style="padding: 0px 0px; color: #000000; font-size: 14px; line-height: 20px; font-weight: 400; text-align: right;">
{{#if receipt.transactionNumber.value}}
<div class="sans-serif;"
style="margin: 0 0 0px; color:#1f439a; font-size: 18px; font-weight: 700;">
Order #: {{receipt.transactionNumber}}
</div>
{{/if}}
{{#if receipt.employeeFullName.value}}
<div class="sans-serif;" style="margin: 0 0 0px;"> Salesperson:
{{receipt.employeeFullName}}</div>
{{/if}}
{{#each receipt.ordersWrapper.orders}}
{{#each this.items}}
{{#if this.customProperties.salesOrderPurchaseDateTime}}
{{#if @first}}
{{#regexCaptureV2 this.customProperties.salesOrderPurchaseDateTime pattern="^(?:-([0-9]{1,2})|([0-9]{4}))?(?:-?(?:([0-9]{2})?(?:-?([0-9]{2}))?|W([0-9]{2})(?:-?([1-7]))?|([0-9]{3})))?(?:T([0-9]{2})(?::?([0-9]{2})(?::?([0-9]{2}))?)?(?:[,\.]([0-9]+))?(?:(Z)|([+-])([0-9]{2})(?::?([0-9]{2}))?)?)?$"}}
<div class="sans-serif;"
style="margin: 0 0 0px;">Order
Date: {{match3}}/{{match4}}/{{match2}} {{match8}}:{{match9}}
</div>
{{else}}
<div class="sans-serif;" style="margin: 0 0 0px;">
Order
Date: {{this.customProperties.salesOrderPurchaseDateTime}}
</div>
{{/regexCaptureV2}}
{{/if}}
{{/if}}
{{/each}}
{{/each}}
{{#match receipt.transactionType "CREDIT MEMO"}}
{{#if receipt.returnsWrapper.returns}}
{{#each receipt.returnsWrapper.returns}}
{{#each this.returnedItems}}
{{#if this.customProperties.salesOrderPurchaseDateTime}}
{{#if @first}}
{{#regexCaptureV2 this.customProperties.salesOrderPurchaseDateTime pattern="^(?:-([0-9]{1,2})|([0-9]{4}))?(?:-?(?:([0-9]{2})?(?:-?([0-9]{2}))?|W([0-9]{2})(?:-?([1-7]))?|([0-9]{3})))?(?:T([0-9]{2})(?::?([0-9]{2})(?::?([0-9]{2}))?)?(?:[,\.]([0-9]+))?(?:(Z)|([+-])([0-9]{2})(?::?([0-9]{2}))?)?)?$"}}
<div class="sans-serif;"
style="margin: 0 0 0px;">Return
Date: {{match3}}/{{match4}}/{{match2}} {{match8}}:{{match9}}
</div>
{{else}}
<div class="sans-serif;"
style="margin: 0 0 0px;">Return
Date: {{this.customProperties.salesOrderPurchaseDateTime}}
</div>
{{/regexCaptureV2}}
{{/if}}
{{/if}}
{{/each}}
{{/each}}
{{/if}}
{{/match}}
{{#if receipt.receiptDate.value}}
<div class="sans-serif;" style="margin: 0 0 0px;">Print Date:
{{#dateFormat receipt.receiptDate.value format="MM/dd/yyyy hh:mm" tz="UTC" }}{{/dateFormat}}
</div>
{{/if}}
{{#if receipt.transactionNumber}}
{{#eq appUrl "https://test.flexreceipts-lab.com/receipt"}}
<div class="sans-serif;" style="margin: 0 0 0px;"><a
data-no-query
href="https://qa.afw.com/CustomerAccount/OrderPayment/{{base64Encode receipt.transactionNumber}}" name="CTA-payment-QA"
target="_blank"><strong>View Order Details</strong></a>
</div>
{{/eq}}
{{#eq appUrl "https://www.flexreceipts.com/receipt"}}
<div class="sans-serif;" style="margin: 0 0 0px;"><a
data-no-query
href="https://www.afw.com/CustomerAccount/OrderPayment/{{base64Encode receipt.transactionNumber}}" name="CTA-payment"
target="_blank"><strong>View Order Details</strong></a>
</div>
{{/eq}}
{{/if}}
</th>
</tr>
</table>
</th>
</tr>
</table>
<!-- /Store Information -->
<!-- Misc -->
<!-- /Misc -->
<!-- Space -->
<table class="row hide-sm" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td class="spacer-mini" height="10"
style="font-size: 10px; line-height: 10px; mso-line-height-rule: exactly;">
</td>
</tr>
</table>
<!-- /Space -->
<!-- Divider -->
<table align="center" cellpadding="0" cellspacing="0" width="100%"
style="max-width: 670px;">
<tr>
<td class="divider" height="30" style="padding-left: 0px; padding-right: 0px;">
<div style="border-top: 2px solid #EEEEEE; line-height: 0;"> </div>
</td>
</tr>
</table>
<!-- /Divider -->
<!-- ORDER SECTION -->
{{#each receipt.ordersWrapper.orders}}
{{#block "renderOrder" order=this}}{{/block}}
{{/each}}
<!-- ORDER SECTION -->
<!-- Returns -->
{{#if receipt.returnsWrapper.returns}}
<table class="row" align="center" cellpadding="0" cellspacing="0" role="presentation"
width="">
<tr>
<td align="center" width="680" style="padding: 0px 10px;">
<table cellpadding="10" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="col" align="center" width="520" style="padding: 0 0px;">
<table cellpadding="0" cellspacing="0" role="presentation"
width="100%">
<tr>
<td class="px-sm-1" align="center" width="100%"
style="padding: 5px 10px; color: #000000; background-color: #000000; border: 1px solid #000000">
<table align="left" cellpadding="0" cellspacing="0"
role="presentation"
style="margin: 0 auto;">
<tr>
<th class="sans-serif"
style="font-size: 14px; line-height: 100%; word-break: break-all; color: #ffffff">
{{{receipt.returnsWrapper.label}}}</th>
</tr>
</table>
<div class="spacer"
style="line-height: 15px; height: 15px;">
</div>
</td>
</tr>
{{#each receipt.returnsWrapper.returns}}
<tr>
<td align="left" height="40"
style="line-height: 40px; border: 1px solid #000000; padding: 10px 10px;">
{{#if this.originalStoreNumber.value}}
<div class="sans-serif"
style="font-size: 13px; line-height: 18px; padding: 5px 5px 0px 5px;">
<strong>{{{this.originalStoreNumber.label}}}: </strong>
{{this.originalStoreNumber}} </div>
{{/if}} {{#if this.originalRegister.value}}
<div class="sans-serif"
style="font-size: 13px; line-height: 18px; padding: 5px 5px 0px 5px;">
<strong>{{{this.originalRegister.label}}}: </strong>
{{this.originalRegister}} </div>
{{/if}}
{{#if this.originalTransactionNumber.value}}
<div class="sans-serif"
style="font-size: 13px; line-height: 18px; padding: 5px 5px 0px 5px;">
<strong>{{{this.originalTransactionNumber.label}}}: </strong>
{{this.originalTransactionNumber}}
</div>
{{/if}} {{#if this.returnedItems}}
<div class="divider-mini pt-sm-1 pb-sm-0"
height="60" style="padding: 15px 5px;">
<div
style="border-top: 1px solid #DCDCDC; line-height: 0;">
</div>
</div>
{{!-- goes three levels deep --}}
{{#each this.returnedItems}}
{{#block "renderNestedReturn" return=this}}{{/block}}
{{#if this.subItems}}
{{#each this.subItems}}
{{#block "renderNestedReturn" return=this}}{{/block}}
{{#if this.subItems}}
{{#each this.subItems}}
{{#block "renderNestedReturn" return=this}}{{/block}}
{{/each}} {{/if}} {{/each}}
{{/if}} {{/each}}
{{/if}}
</td>
</tr>
{{/each}}
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table align="center" cellpadding="0" cellspacing="0" width="100%"
style="max-width: 680px;">
<tr>
<td class="divider" height="30"
style="padding-left: 10px; padding-right: 10px;">
<div style="border-top: 1px solid #EEEEEE; line-height: 0;"> </div>
</td>
</tr>
</table>
{{/if}}
<!-- /Returns -->
<!-- Cart Totals -->
{{#if receipt.transactionGrossAmount.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0"
cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
Subtotal:
</div>
</th>
<th class="col col-sm-4" width="110"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif ">
{{#block "renderMonetaryAmount" value=receipt.transactionGrossAmount.value}}{{/block}}
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.discounts.values}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0"
cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
<strong>{{{receipt.discounts.label}}}:</strong></div>
</th>
<th class="col col-sm-4" width="110"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif"> </div>
</th>
</tr>
</table>
</th>
</tr>
</table>
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right" align="center" cellpadding="0"
cellspacing="0">
<tr class="row" valign="top" style="">
{{#each receipt.discounts.values}}
{{#block "renderTotalRowWithDescription" data=this}}{{/block}}
{{/each}}
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.fees.values}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right" align="center" cellpadding="0"
cellspacing="0">
<tr class="row" valign="top" style="font-weight:bold">
{{#each receipt.fees.values}}
{{#block "renderTotalRowWithDescriptionDelivery" data=this}}{{/block}}
{{/each}}
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.tip.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0"
cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif"><strong>{{{receipt.tip.label}}}</strong>
</div>
</th>
<th class="col col-sm-4" width="110"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{#block "renderMonetaryAmount" value=receipt.tip.value}}{{/block}}
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.serviceCharge.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0"
cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
<strong>{{{receipt.serviceCharge.label}}}</strong></div>
</th>
<th class="col col-sm-4" width="110"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{#block "renderMonetaryAmount" value=receipt.serviceCharge.value}}{{/block}}
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.discounts.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0"
cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
<strong>{{{receipt.discounts.label}}}</strong></div>
</th>
<th class="col col-sm-4" width="110"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{#block "renderMonetaryAmount" value=receipt.discounts.value}}{{/block}}
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.transactionNetAmount.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0"
cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{{receipt.transactionNetAmount.label}}}:
</div>
</th>
<th class="col col-sm-4" width="110"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{#block "renderMonetaryAmount" value=receipt.transactionNetAmount.value}}{{/block}}
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.taxes.values}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0"
cellspacing="0">
<tr class="row" valign="top" style=""> {{#each receipt.taxes.values}}
{{#block "renderTotalTaxRow" tax=this}}{{/block}} {{/each}}
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
<!-- Space -->
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="spacer-mini" height="10"
style="font-size: 10px; line-height: 10px; mso-line-height-rule: exactly;">
</td>
</tr>
</tbody>
</table>
<!-- /Space -->
{{#if receipt.transactionGrandAmount.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0"
cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-7 text-sm-left" width="550"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 24px; line-height: 24px">
<div class="sans-serif">
<strong>{{{receipt.transactionGrandAmount.label}}}:</strong>
</div>
</th>
<th class="col col-sm-5" width="110"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 24px; line-height: 24px">
<div class="sans-serif">
<strong>{{#block "renderMonetaryAmount" value=receipt.transactionGrandAmount.value}}{{/block}}</strong>
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
<!-- /Cart Totals -->
<!-- Space -->
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="spacer" height="20"
style="font-size: 20px; line-height: 20px; mso-line-height-rule: exactly;">
</td>
</tr>
</tbody>
</table>
<!-- /Space -->
<!-- Payments -->
{{#if receipt.payments.values}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="10" cellspacing="0">
<tr>
<td align="center" width="680" style="padding: 0 10px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="spacer-mini" height="20" style="line-height: 20px;">
</td>
</tr>
<tr>
<td class="px-sm-1" align="center" width="100%"
style="padding: 5px 10px; color: #000000; background-color: #000000; border: 1px solid #606060">
<table align="left" cellpadding="0" cellspacing="0"
role="presentation"
style="margin: 0 auto;">
<tr>
<th class="sans-serif"
style="font-size: 14px; line-height: 100%; word-break: break-all; color: #ffffff">
{{{receipt.payments.label}}}</th>
</tr>
</table>
<div class="spacer" style="line-height: 15px; height: 15px;">
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
{{#each receipt.payments.values}}
{{#block "renderPaymentsDataRow" payment=this}}{{/block}}
{{/each}}
<table align="center" cellpadding="0" cellspacing="0" width="100%"
style="max-width: 700px;">
<tr>
<td class="spacer-mini" height="20"
style="font-size: 20px; line-height: 20px; mso-line-height-rule: exactly;">
</td>
</tr>
<tr>
<td class="divider-mini" height="5"
style="padding-left: 10px; padding-right: 10px;">
<div style="border-top: 2px solid #eeeeee; line-height: 0;"> </div>
</td>
</tr>
</table>
{{/if}} {{#if receipt.transactionTenderApplied.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0"
cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
<strong>{{{receipt.transactionTenderApplied.label}}}</strong>
</div>
</th>
<th class="col col-sm-4" width="110"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{#block "renderMonetaryAmount" value=receipt.transactionTenderApplied.value}}{{/block}}
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}} {{#if receipt.transactionBalanceDue.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0"
cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
<strong>{{{receipt.transactionBalanceDue.label}}}</strong>
</div>
</th>
<th class="col col-sm-4" width="110"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{#block "renderMonetaryAmount" value=receipt.transactionBalanceDue.value}}{{/block}}
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}} {{#if receipt.changeDue.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0"
cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
<strong>{{{receipt.changeDue.label}}}</strong></div>
</th>
<th class="col col-sm-4" width="110"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{#block "renderMonetaryAmount" value=receipt.changeDue.value}}{{/block}}
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
<table align="center" cellpadding="0" cellspacing="0" width="100%"
style="max-width: 700px;">
<tr>
<td class="spacer-mini" height="20"
style="font-size: 20px; line-height: 20px; mso-line-height-rule: exactly;">
</td>
</tr>
</table>
<!-- /Payments -->
<!-- Deposit -->
{{#if receipt.deposit}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="10" cellspacing="0">
<tbody>
<tr>
<td class="px-sm-1" align="center" width="680" style="padding: 0 10px;">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="px-sm-1" align="center" width="100%"
style="padding: 5px 10px; color: #000000; background-color: #000000; border: 1px solid #606060">
<table align="left" cellpadding="0" cellspacing="0"
style="margin: 0 auto;">
<tbody>
<tr>
<th class="sans-serif"
style="font-size: 14px; line-height: 100%; word-break: break-all; color: #ffffff">
Deposit Information</th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<th class="px-sm-1" width="680" style="padding: 0 10px;">
<table class="align-sm-left" align="center" cellpadding="0"
cellspacing="0">
<tbody>
<tr class="" valign="" style="">
<td class="col pt-sm-1" width="680"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: left; font-size: 14px; line-height: 16px">
<div class="sans-serif"><strong>Deposit Account
#:</strong>
{{receipt.deposit.accountNumber}}</div>
</td>
</tr>
<tr class="" valign="" style="">
<td class="col pt-sm-1" width="680"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: left; font-size: 14px; line-height: 16px">
<div class="sans-serif"><strong>Deposit Amount:</strong>
{{receipt.deposit.amount}}</div>
</td>
</tr>
<tr class="" valign="" style="">
<td class="col pt-sm-1" width="680"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: left; font-size: 14px; line-height: 16px">
<div class="sans-serif"><strong>Deposit
Balance:</strong>
{{receipt.deposit.balance}}</div>
</td>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
{{/if}}
<!-- /Deposit -->
<!-- Payment History -->
{{#if receipt.paymentHistory.values}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="10" cellspacing="0">
<tbody>
<tr>
<td align="center" width="680" style="padding: 0 10px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="spacer-mini" height="20" style="line-height: 20px;">
</td>
</tr>
<tr>
<td class="px-sm-1" align="center" width="100%"
style="padding: 5px 10px; color: #000000; background-color: #000000; border: 1px solid #606060">
<table align="left" cellpadding="0" cellspacing="0"
role="presentation"
style="margin: 0 auto;">
<tr>
<th class="sans-serif"
style="font-size: 14px; line-height: 100%; word-break: break-all; color: #ffffff">
{{{receipt.paymentHistory.label}}}</th>
</tr>
</table>
<div class="spacer"
style="line-height: 15px; height: 15px;"> </div>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
{{#each receipt.paymentHistory.values}}
{{#block "renderPaymentHistoryDataRow" value=this}}{{/block}} {{/each}}
{{/if}}
<!-- /Payment History -->
<!-- Sold To Info -->
{{#if receipt.soldToInfo}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="10" cellspacing="0">
<tr>
<td align="center" width="680" style="padding: 0 10px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="spacer-mini" height="20" style="line-height: 20px;">
</td>
</tr>
<tr>
<td class="px-sm-1" align="center" width="100%"
style="padding: 5px 10px; color: #000000; background-color: #000000; border: 1px solid #606060">
<table align="left" cellpadding="0" cellspacing="0"
role="presentation"
style="margin: 0 auto;">
<tr>
<th class="sans-serif"
style="font-size: 14px; line-height: 100%; word-break: break-all; color: #ffffff">
{{{receipt.soldToInfo.label}}}</th>
</tr>
</table>
<div class="spacer" style="line-height: 15px; height: 15px;">
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="" align="center" cellpadding="0" cellspacing="0">
<tr valign="top" style="">
<th class="col-sm-12 pt-sm-1 pl-sm-1" width="680"
style="padding-top: 10px; padding-left: 10px; padding-right: 0px; color: #000000; font-weight: 400; text-align: left; font-size: 14px; line-height: 16px">
<div class="sans-serif text-sm-left">
{{#if receipt.soldToInfo.customerName}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{{receipt.soldToInfo.customerName}}}
</div>
{{/if}} {{#if receipt.soldToInfo.addressLine1}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{receipt.soldToInfo.addressLine1}} </div>
{{/if}} {{#if receipt.soldToInfo.addressLine2}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{receipt.soldToInfo.addressLine2}} </div>
{{/if}} {{#if receipt.soldToInfo.addressLine3}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{receipt.soldToInfo.addressLine3}} </div>
{{/if}} {{#if receipt.soldToInfo.city}}
<div class="sans-serif;" style="margin: 0 0 0px;">
{{#block "renderCityState" city=receipt.soldToInfo.city state=receipt.soldToInfo.state postalCode=receipt.soldToInfo.postalCode postalCodeExtension=receipt.soldToInfo.postalCodeExtension}}{{/block}}
</div>
{{/if}} </div>
<!-- these work -->
{{#if receipt.soldToInfo.phoneNumber1}}
<div class="sans-serif;" style="margin: 0 0 0px;">Phone 1: {{receipt.soldToInfo.phoneNumber1}} </div>
{{/if}}
{{#if receipt.soldToInfo.phoneNumber2}}
<div class="sans-serif;" style="margin: 0 0 0px;">Phone 2: {{receipt.soldToInfo.phoneNumber2}} </div>
{{/if}}
<!-- /these work -->
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
<!-- /Sold To -->
<!-- Delivery/Pickup Info -->
{{#if receipt.deliveryPickupInfo}} {{#block "deliveryPickupInfo" value=this}}{{/block}}
{{/if}}
<!-- /Delivery/Pickup Info -->
<!-- Terms -->
{{#if receipt.terms.values}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="10" cellspacing="0">
<tr>
<td align="center" width="680" style="padding: 0 10px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="spacer-mini" height="20" style="line-height: 20px;">
</td>
</tr>
<tr>
<td class="px-sm-1" align="center" width="100%"
style="padding: 5px 10px; color: #000000; background-color: #000000; border: 1px solid #000000">
<table align="left" cellpadding="0" cellspacing="0"
role="presentation"
style="margin: 0 auto;">
<tr>
<th class="sans-serif"
style="font-size: 14px; line-height: 100%; word-break: break-all; color: #ffffff">
{{receipt.terms.label}}</th>
</tr>
</table>
<div class="spacer" style="line-height: 15px; height: 15px;">
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="" align="center" cellpadding="0" cellspacing="0">
{{#each receipt.terms.values}}
<tr valign="top" style="">
<th class="col-sm-12 pt-sm-1 pr-sm-0" width="660"
style="padding-top: 20px; padding-left: 10px; padding-right: 10px; color: #000000; font-weight: 400; text-align: left; font-size: 14px; line-height: 16px">
<div class="sans-serif;" align="left"
style="margin: 0 0 0px;">
{{this.description}}</div>
{{#each this.supportingDocuments.documents}}
<div class="sans-serif" align="left"
style="margin: 0 0 0px;"><a
href="{{documentUrl}}">{{name}}</a></div>
{{/each}} {{#if this.signature}}
<div class="sans-serif;" align="left"
style="margin: 0 0 0px;">
{{this.signature.text}}</div>
<div class="sans-serif;" align="right"
style="margin: 0 0 0px;"><img alt="Sig"
src="http://placehold.it/270x64"
style="display:inline-block; max-width:100px; width:100px"
height="24" /></div>
<div class="sans-serif;" align="right"
style="margin: 0 0 0px;"> 09/14/2016 Signature Name
</div>
<div class="divider-mini pt-sm-1 pb-sm-0" height="60"
style="padding: 15px 5px;">
<div
style="border-top: 1px solid #DCDCDC; line-height: 0;">
</div>
</div>
{{/if}}
</th>
</tr>
{{/each}}
</table>
<div class="spacer" style="line-height: 15px; height: 15px;"> </div>
</th>
</tr>
</table>
{{/if}}
<!-- /Terms -->
<!-- Additional -->
{{#if receipt.additionalInfo1.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td class="spacer-mini" height="15"
style="font-size: 15px; line-height: 15px; mso-line-height-rule: exactly;">
</td>
</tr>
<tr>
<th class="col" width="700">
<table class="row" cellpadding="0" cellspacing="0">
<tr>
<th class="col" width="680"
style="padding: 0px 10px; color: #000000; font-size: 13px; line-height: 18px; font-weight: 400; text-align: center;">
{{#if receipt.additionalInfo1.value}}
<div class="sans-serif;" style="padding: 5px">
{{{receipt.additionalInfo1.value}}} </div>
{{/if}} {{#if receipt.additionalInfo2.value}}
<div class="sans-serif;" style="padding: 5px">
{{{receipt.additionalInfo2.value}}} </div>
{{/if}} {{#if receipt.additionalInfo3.value}}
<div class="sans-serif;" style="padding: 5px">
{{{receipt.additionalInfo3.value}}} </div>
{{/if}} {{#if receipt.additionalInfo4.value}}
<div class="sans-serif;" style="padding: 5px">
{{{receipt.additionalInfo4.value}}} </div>
{{/if}} {{#if receipt.additionalInfo5.value}}
<div class="sans-serif;" style="padding: 5px">
{{{receipt.additionalInfo5.value}}} </div>
{{/if}} </th>
</tr>
</table>
</th>
</tr>
<tr>
<td class="spacer-mini" height="15"
style="font-size: 15px; line-height: 15px; mso-line-height-rule: exactly;">
</td>
</tr>
</table>
{{/if}}
<!-- /Additional -->
<!-- Barcode -->
{{#if receipt.barcodeNumber.value}} {{#if receipt.barcodeType.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td class="spacer-mini" height="15"
style="font-size: 15px; line-height: 15px; mso-line-height-rule: exactly;">
</td>
</tr>
<tr>
<th class="col" width="490"
style="padding-left: 30px; padding-right: 30px;">
<center>
<table class="col" align="center" bgcolor="#FFFFFF" cellpadding="0"
cellspacing="0">
<tr>
<th class="col" width="200"
style="padding-left: 30px; padding-right: 30px; text-align: center;"
align="center">
<center>
<img
src="{{appUrl}}/printBarcodeDisplay.htm?barCodeNumber={{receipt.barcodeNumber}}&barCodeType={{receipt.barcodeType}}"
width="200" alt="Barcode"
style="border: 0; width: 100%; max-width: 200px; max-height: 100px; display:inline-block">
</center>
</th>
</tr>
<tr>
<th class="col" width="290"
style="color: #000000; font-size: 13px; font-weight: 400; text-align: center; padding-left: 30px; padding-right: 30px;">
<div class="sans-serif"
style="margin: 0px 0 0px; font-size: 13px">
{{receipt.barcodeNumber}}</div>
</th>
</tr>
</table>
</center>
</th>
</tr>
<tr>
<td class="spacer-mini" height="15"
style="font-size: 15px; line-height: 15px; mso-line-height-rule: exactly;">
</td>
</tr>
</table>
{{/if}}{{/if}}
<!-- /Barcode -->
<!-- Spacer -->
{{#match receipt.storeId.value "84|74|16|27|54|61|81|20|28|31|52|TBA|15|100"}}
<table align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" class="row">
</table>
<table id="debug" align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider-mini" height="5"
style="padding-left:15px; padding-right:15px">
<div style="border-top: 2px solid #e6e6e6; line-height: 0;"> </div>
</td>
</tr>
</tbody>
</table>
<!-- /Spacer -->
<!-- GOOGLE REVIEW -->
<table align="center" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670">
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0"
class="row">
<tbody>
<tr>
<td align="center" bgcolor="#ffffff"
class="sans-serif-title"
style="color:#000000; font-size:16px; line-height:24px; padding:15px 30px">
Please write a Google Review for your<br />
<strong>AFW {{receipt.merchantAddress.city}}
:</strong><br />
{{#eq receipt.storeId.value "84"}}
<a class="sans-serif"
href="http://search.google.com/local/writereview?placeid=ChIJXfjJS-itK4cR8S96siEqKiA"
target="_blank"
style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
{{#eq receipt.storeId.value "74"}}
<a class="sans-serif"
href="http://search.google.com/local/writereview?placeid=ChIJbyhc60RAK4cRm7iMB2Vxbrg"
target="_blank"
style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
{{#eq receipt.storeId.value "16"}}
<a class="sans-serif"
href="http://search.google.com/local/writereview?placeid=ChIJHY4fFYqIbIcRJQsjjkFLfyU"
target="_blank"
style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
{{#eq receipt.storeId.value "27"}}
<a class="sans-serif"
href="http://search.google.com/local/writereview?placeid=ChIJWcFszOmDbIcRZWYY7OX9-aE"
target="_blank"
style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
{{#eq receipt.storeId.value "54"}}
<a class="sans-serif"
href="http://search.google.com/local/writereview?placeid=ChIJj_GAifpPE4cR81Fsk-_N-Uc"
target="_blank"
style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
{{#eq receipt.storeId.value "61"}}
<a class="sans-serif"
href="http://search.google.com/local/writereview?placeid=ChIJBc0fQ3WPbIcRUBglHjAF3L4"
target="_blank"
style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
{{#eq receipt.storeId.value "81"}}
<a class="sans-serif"
href="http://search.google.com/local/writereview?placeid=ChIJVytMRjkGbIcR0kTog0DAKQU"
target="_blank"
style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
{{#eq receipt.storeId.value "20"}}
<a class="sans-serif"
href="http://search.google.com/local/writereview?placeid=ChIJIUeLBhJ_a4cR-0KDdkVwy48"
target="_blank"
style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
{{#eq receipt.storeId.value "28"}}
<a class="sans-serif"
href="http://search.google.com/local/writereview?placeid=ChIJrapyM2SJa4cR24IMMOn35fE"
target="_blank"
style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
{{#eq receipt.storeId.value "31"}}
<a class="sans-serif"
href="http://search.google.com/local/writereview?placeid=ChIJOU8hpwd3bIcRJT0ZwUJH3YQ"
target="_blank"
style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
{{#eq receipt.storeId.value "52"}}
<a class="sans-serif"
href="http://search.google.com/local/writereview?placeid=ChIJpT7ilYGhE4cRwdoBYbdNWxM"
target="_blank"
style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
{{#eq receipt.storeId.value "TBA"}}
<a class="sans-serif"
href="http://search.google.com/local/writereview?placeid=ChIJp8n2fR61bocRVG7Eds1uVcM"
target="_blank"
style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
{{#eq receipt.storeId.value "15"}}
<a class="sans-serif"
href="http://search.google.com/local/writereview?placeid=ChIJp8n2fR61bocRVG7Eds1uVcM"
target="_blank"
style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
{{#eq receipt.storeId.value "100"}}
<a class="sans-serif"
href="http://search.google.com/local/writereview?placeid=ChIJA9vn65mdQIYRNQ-6nLguRXk"
target="_blank"
style="color:#1e4697; text-decoration:underline">Leave
a Review</a>{{/eq}}
</td>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
{{else}}
<h1>debug</h1>
{{/match}}
<!-- /GOOGLE REVIEW -->
</td>
</tr>
<!-- /Main Transactional Area -->
<!-- Footer -->
<tr>
<td class="profile-content">
<!-- Spacer -->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider-mini" height="5" style="padding-left:15px; padding-right:15px">
<div style="border-top:2px solid #e6e6e6; line-height:0"> </div>
</td>
</tr>
</tbody>
</table>
<!-- /Spacer -->
<!-- Spacer -->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider-mini" height="15" style="padding-left:15px; padding-right:15px">
<div style="line-height:0"> </div>
</td>
</tr>
</tbody>
</table>
<!-- /Spacer -->
<!-- FAQ Banner - For more info + Have Any Questions -->
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="col px-sm-2">
<tbody>
<tr>
<td>
<p>For more information about your purchase, download our <a href="https://www.afw.com/Images/uploaded/Email-Templates/AFW-Customer-Care-Brochure.pdf" style="text-decoration:underline">Customer Care Brochure</a>.</p>
</td>
</tr>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670">
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670"><a href="https://www.afw.com/help" target="blank"><img alt="Banner" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/help-banner.png" style="display:block; height:auto; max-width:670px; width:100%" width="670" /> </a></th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<!-- /FAQ Banner For more info + Have Any Questions -->
<!-- Spacer -->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider-mini" height="15" style="padding-left:15px; padding-right:15px">
<div style="line-height:0"> </div>
</td>
</tr>
</tbody>
</table>
<!-- /Spacer -->
<!-- Receipt Footer from Profile -->
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
{{#if receiptFooter}}
<tr>
<td class="profile-content">{{{receiptFooter}}}</td>
</tr>
{{/if}}
</tbody>
</table>
<!-- /Receipt Footer from Profile -->
<!-- Email Footer from Profile -->
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
{{#if emailFooter}}
<tr>
<td class="profile-content">{{{emailFooter}}}</td>
</tr>
{{/if}}
</tbody>
</table>
<!-- /Email Footer from Profile -->
<!-- Spacer Line -->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider" height="30">
<div style="border-top:1px solid #eeeeee; line-height:0"> </div>
</td>
</tr>
</tbody>
</table>
<!-- /Spacer Line -->
<!-- CTA Section -->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td>
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center" class="col px-sm-2" style="padding:10px; width:290px" width="290"><a href="https://www.afw.com/discover" target="_blank"><img alt="CTA1" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/cta-designtips-v2.png" style="width:100%" width="290" /></a></td>
<td align="center" class="col px-sm-2" style="padding:10px; width:290px" width="290"><a href="https://www.afw.com/blog/category/furniture-care" target="_blank"><img alt="CTA2" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/cta-guide.png" style="width:100%" width="290" /></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- /CTA Section -->
<!-- Spacer Line -->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider" height="30">
<div style="border-top:1px solid #eeeeee; line-height:0"> </div>
</td>
</tr>
</tbody>
</table>
<!-- /Spacer Line -->
<!-- Footer -->
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="mini-spacer" height="10" style="font-size:10px; line-height:10px"> </td>
</tr>
<tr>
<th align="center" class="col" style="padding-left:30px; padding-right:30px" width="530">
<table align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="center" class="col-sm-2 col-sm-push-1" style="color:#999999; padding:0px 5px" width="100">
<div style="margin-bottom:10px"><a href="https://www.facebook.com/AFWonline" style="text-decoration:none" target="_blank"><img alt="FB" height="25" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/facebook.jpg" style="max-width:25px; width:25px" width="25" /></a></div>
</td>
<td align="center" class="col-sm-2 col-sm-push-1" style="color:#999999; padding:0px 5px" width="100">
<div style="margin-bottom:10px"><a href="https://www.pinterest.com/afwonline/" style="text-decoration:none" target="_blank"><img alt="FB" height="25" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/pinterest.jpg" style="max-width:25px; width:25px" width="25" /></a></div>
</td>
<td align="center" class="col-sm-2 col-sm-push-1" style="color:#999999; padding:0px 5px" width="100">
<div style="margin-bottom:10px"><a href="https://www.instagram.com/afwonline/?hl=en" style="text-decoration:none" target="_blank"><img alt="FB" height="25" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/instagram.jpg" style="max-width:25px; width:25px" width="25" /></a></div>
</td>
<td align="center" class="col-sm-2 col-sm-push-1" style="color:#999999; padding:0px 5px" width="100">
<div style="margin-bottom:10px"><a href="https://www.youtube.com/channel/UC1-CJ3ODBwAi8WTq0DNY3eg" style="text-decoration:none" target="_blank"><img alt="FB" height="25" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/youtube.jpg" style="max-width:25px; width:25px" width="25" /></a></div>
</td>
</tr>
</tbody>
</table>
</th>
</tr>
<tr>
<td class="spacer-mini" height="20"> </td>
</tr>
<!-- 3 Column -->
</tbody>
</table>
<table align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<td class="spacer-mini" height="10" style="font-size:10px; line-height:10px"> </td>
</tr>
<tr>
<th class="col" style="padding-left:30px; padding-right:30px" width="640">
<table align="center" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr><!-- Product 1 -->
<th class="col py-sm-1 pt-sm-2 pb-sm-1" style="font-weight:600; padding-right:10px; text-align:center" width="200">
<div class="px-sm-1 py-sm-0 sans-serif" style="font-size:14px; line-height:16px"><a href="https://www.afw.com/living-room" style="color:#000000; text-decoration:none" target="_blank">LIVING ROOM</a></div>
</th>
<!-- /Product 1 --><!-- Product 2 -->
<th class="col py-sm-1 pt-sm-2 pb-sm-1" style="font-weight:600; padding-right:10px; text-align:center" width="200">
<div class="px-sm-1 py-sm-0 sans-serif" style="font-size:14px; line-height:16px"><a href="https://www.afw.com/sleep-center" style="color:#000000; text-decoration:none" target="_blank">SLEEP CENTER</a></div>
</th>
<!-- /Product 2 --><!-- Product 3 -->
<th class="col py-sm-1 pt-sm-2 pb-sm-1" style="font-weight:600; padding-right:10px; text-align:center" width="200">
<div class="px-sm-1 py-sm-0 sans-serif" style="font-size:14px; line-height:16px"><a href="https://www.afw.com/home-decor" style="color:#000000; text-decoration:none" target="_blank">HOME DECOR</a></div>
</th>
<!-- /Product 3 -->
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<!-- /3 Column -->
</td>
</tr>
<!-- /Footer -->
<!-- /END SERVICE ORDER -->
<!-- check if NOT SERVICE ORDER -->
{{else}}
<!-- BEGIN Balance Due Order -->
<!-- Header -->
<tr>
<td class="profile-content">
<!-- Alert Banner -->
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670">
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670"><img alt="Banner" src="http://fr-merchant-content.s3.amazonaws.com/DEMO-RECEIPTS/afw/img/ret/slogan-banner.jpg" style="display:block; height:auto; max-width:670px; width:100%" width="670" /></th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<!-- /Alert Banner -->
<!-- Hero Banner -->
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670">
<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="padding-left:0px; padding-right:0px" width="670"><img alt="almostthere-banner" border="0" class="desktop_swap" height="" src="https://fr-merchant-content.s3.amazonaws.com/AFW-01-102317/images/1340x720_Order-Payment-Hero.jpg" style="display:block; text-decoration:none" width="670" />
<div class="mobile_swap" style="display:none; font-size:0; line-height:0; max-height:0; max-width:0; mso-hide:all; width:0"><a href="https://www.afw.com/artists-of-the-west-canvas-prints" target="_blank"><img alt="almostthere-banner" border="0" class="mobile_swap" height="" src="https://fr-merchant-content.s3.amazonaws.com/AFW-01-102317/images/750x600_Order-Payment-Hero_Update.jpg" style="display:none; max-width:0; width:0" width="670" /></a></div>
</th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<!-- /Hero Banner -->
<!-- Spacer -->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="divider-mini" height="15" style="padding-left:15px; padding-right:15px">
<div style="line-height:0"> </div>
</td>
</tr>
</tbody>
</table>
<!-- /Spacer -->
</td>
</tr>
<!-- /Header -->
<!-- Main Transactional Area -->
<tr>
<td class="profile-content">
<table align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<td class="spacer-mini" height="10" style="font-size:10px; line-height:10px"> </td>
</tr>
<tr>
<th class="col" style="padding-left:30px; padding-right:30px" width="640">
<table align="center" cellpadding="0" cellspacing="0" class="row">
<tbody>
<tr>
<th class="col" style="font-weight:400; padding-right:10px; text-align:center" width="600">
<div class="sans-serif" style="font-size:20px; line-height:26px; color: #333333">Your space is about to get better.<br/>
Checkout is <strong><em>fast</em></strong> and <strong><em>easy</em></strong>!</div>
</th>
</tr>
{{#if receipt.transactionNumber}}
<tr>
<th class="col" style="font-weight:400; padding-right:10px; text-align:center" width="600">
<div class="sans-serif align-sm-center" style="display:block!important; text-align: center; padding-top: 15px">
<table align="center" bgcolor="#21439b" cellpadding="0" cellspacing="0" role="presentation"
style="border-radius: 0px;">
<tr>
<th class="button">
{{#eq appUrl "https://test.flexreceipts-lab.com/receipt"}}
<a data-no-query data-no-redirect href="https://qa.afw.com/CustomerAccount/OrderPayment/{{base64Encode receipt.transactionNumber}}" name="CTA-payment-QA" target="blank" style="border: 0 solid #21439b; color: #ffffff; display: inline-block; font-size: 16px; padding: 12px 20px; text-decoration: none;">Complete Your Order</a>
{{/eq}}
{{#eq appUrl "https://www.flexreceipts.com/receipt"}}
<a data-no-query data-no-redirect href="https://www.afw.com/CustomerAccount/OrderPayment/{{base64Encode receipt.transactionNumber}}" name="CTA-payment" target="blank" style="border: 0 solid #21439b; color: #ffffff; display: inline-block; font-size: 16px; padding: 12px 20px; text-decoration: none;">Complete Your Order</a>
{{/eq}}
</th>
</tr>
</table>
</div>
</th>
</tr>
{{/if}}
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<!-- Space -->
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="spacer" height="40"
style="font-size: 40px; line-height: 40px; mso-line-height-rule: exactly;">
</td>
</tr>
</tbody>
</table>
<!-- /Space -->
<!-- ORDER SECTION -->
{{#each receipt.ordersWrapper.orders}}
{{#block "renderOrderBalanceDue" order=this}}{{/block}}
{{/each}}
<!-- ORDER SECTION -->
<!-- Returns -->
{{#if receipt.returnsWrapper.returns}}
<table class="row" align="center" cellpadding="0" cellspacing="0" role="presentation"
width="">
<tr>
<td align="center" width="680" style="padding: 0px 10px;">
<table cellpadding="10" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="col" align="center" width="520" style="padding: 0 0px;">
<table cellpadding="0" cellspacing="0" role="presentation"
width="100%">
<tr>
<td class="px-sm-1" align="center" width="100%"
style="padding: 5px 10px; color: #000000; background-color: #000000; border: 1px solid #000000">
<table align="left" cellpadding="0" cellspacing="0"
role="presentation"
style="margin: 0 auto;">
<tr>
<th class="sans-serif"
style="font-size: 14px; line-height: 100%; word-break: break-all; color: #ffffff">
{{{receipt.returnsWrapper.label}}}</th>
</tr>
</table>
<div class="spacer"
style="line-height: 15px; height: 15px;">
</div>
</td>
</tr>
{{#each receipt.returnsWrapper.returns}}
<tr>
<td align="left" height="40"
style="line-height: 40px; border: 1px solid #000000; padding: 10px 10px;">
{{#if this.originalStoreNumber.value}}
<div class="sans-serif"
style="font-size: 13px; line-height: 18px; padding: 5px 5px 0px 5px;">
<strong>{{{this.originalStoreNumber.label}}}: </strong>
{{this.originalStoreNumber}} </div>
{{/if}} {{#if this.originalRegister.value}}
<div class="sans-serif"
style="font-size: 13px; line-height: 18px; padding: 5px 5px 0px 5px;">
<strong>{{{this.originalRegister.label}}}: </strong>
{{this.originalRegister}} </div>
{{/if}}
{{#if this.originalTransactionNumber.value}}
<div class="sans-serif"
style="font-size: 13px; line-height: 18px; padding: 5px 5px 0px 5px;">
<strong>{{{this.originalTransactionNumber.label}}}: </strong>
{{this.originalTransactionNumber}}
</div>
{{/if}} {{#if this.returnedItems}}
<div class="divider-mini pt-sm-1 pb-sm-0"
height="60" style="padding: 15px 5px;">
<div
style="border-top: 1px solid #DCDCDC; line-height: 0;">
</div>
</div>
{{!-- goes three levels deep --}}
{{#each this.returnedItems}}
{{#block "renderNestedReturn" return=this}}{{/block}}
{{#if this.subItems}}
{{#each this.subItems}}
{{#block "renderNestedReturn" return=this}}{{/block}}
{{#if this.subItems}}
{{#each this.subItems}}
{{#block "renderNestedReturn" return=this}}{{/block}}
{{/each}} {{/if}} {{/each}}
{{/if}} {{/each}}
{{/if}}
</td>
</tr>
{{/each}}
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table align="center" cellpadding="0" cellspacing="0" width="100%"
style="max-width: 680px;">
<tr>
<td class="divider" height="30"
style="padding-left: 10px; padding-right: 10px;">
<div style="border-top: 1px solid #EEEEEE; line-height: 0;"> </div>
</td>
</tr>
</table>
{{/if}}
<!-- /Returns -->
<!-- Cart Totals -->
{{#if receipt.transactionGrossAmount.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0"
cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
<strong>Subtotal:</strong>
</div>
</th>
<th class="col col-sm-4" width="110"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif ">
<strong>{{#block "renderMonetaryAmount" value=receipt.transactionGrossAmount.value}}{{/block}}</strong>
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.discounts.values}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0"
cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{{receipt.discounts.label}}}:</div>
</th>
<th class="col col-sm-4" width="110"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif"> </div>
</th>
</tr>
</table>
</th>
</tr>
</table>
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right" align="center" cellpadding="0"
cellspacing="0">
<tr class="row" valign="top" style="">
{{#each receipt.discounts.values}}
{{#block "renderTotalRowWithDescription" data=this}}{{/block}}
{{/each}}
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.fees.values}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right" align="center" cellpadding="0"
cellspacing="0">
<tr class="row" valign="top" style="font-weight:bold">
{{#each receipt.fees.values}}
{{#block "renderTotalRowWithDescriptionDelivery" data=this}}{{/block}}
{{/each}}
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.tip.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0"
cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">{{{receipt.tip.label}}}
</div>
</th>
<th class="col col-sm-4" width="110"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{#block "renderMonetaryAmount" value=receipt.tip.value}}{{/block}}
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.serviceCharge.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0"
cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{{receipt.serviceCharge.label}}}</div>
</th>
<th class="col col-sm-4" width="110"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{#block "renderMonetaryAmount" value=receipt.serviceCharge.value}}{{/block}}
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.discounts.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0"
cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{{receipt.discounts.label}}}</div>
</th>
<th class="col col-sm-4" width="110"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{#block "renderMonetaryAmount" value=receipt.discounts.value}}{{/block}}
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.transactionNetAmount.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0"
cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-8 text-sm-left" width="550"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{{receipt.transactionNetAmount.label}}}:
</div>
</th>
<th class="col col-sm-4" width="110"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #000000; font-weight: 400; text-align: right; font-size: 14px; line-height: 16px">
<div class="sans-serif">
{{#block "renderMonetaryAmount" value=receipt.transactionNetAmount.value}}{{/block}}
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
{{#if receipt.taxes.values}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0"
cellspacing="0">
<tr class="row" valign="top" style=""> {{#each receipt.taxes.values}}
{{#block "renderTotalTaxRow" tax=this}}{{/block}} {{/each}}
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
<!-- Space -->
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="spacer-mini" height="10"
style="font-size: 10px; line-height: 10px; mso-line-height-rule: exactly;">
</td>
</tr>
</tbody>
</table>
<!-- /Space -->
{{#if receipt.transactionGrandAmount.value}}
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<th width="680" style="padding-left: 10px; padding-right: 10px;">
<table class="align-sm-right full-width-sm" align="center" cellpadding="0"
cellspacing="0">
<tr class="row" valign="top" style="">
<th class="col col-sm-7 text-sm-left" width="550"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #21439b; font-weight: 700; text-align: right; font-size: 24px; line-height: 24px">
<div class="sans-serif">
{{{receipt.transactionGrandAmount.label}}}:
</div>
</th>
<th class="col col-sm-5" width="110"
style="padding-top: 10px; padding-right: 10px; padding-left: 10px; color: #21439b; font-weight: 700; text-align: right; font-size: 24px; line-height: 24px">
<div class="sans-serif">
<strong>{{#block "renderMonetaryAmount" value=receipt.transactionGrandAmount.value}}{{/block}}</strong>
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
{{/if}}
<!-- /Cart Totals -->
<!-- Space -->
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="spacer" height="20"
style="font-size: 20px; line-height: 20px; mso-line-height-rule: exactly;">
</td>
</tr>
</tbody>
</table>
<!-- /Space -->
{% endraw %}
/* No context defined. */
No notes defined.