<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv = "Content-Type" content="text/html; charset=UTF-8" />
      <title></title>
  </head>
  <body>
    <table style = "margin-top:2px;padding-left:7px;">
      <tr>
        <td><img src = "{$resourceBase}/i/civi99.png" height = "34px" width = "99px"></td>
      </tr>
    </table>
    <center>
      <table style = "padding-right:19px;font-family: Arial, Verdana, sans-serif;" width = "500" height = "100" border = "0" cellpadding = "2" cellspacing = "1">
  <tr>
    <td style = "padding-left:15px;" ><b><font size = "4" align = "center">{ts}INVOICE{/ts}</font></b></td>
          <td colspan = "1"></td>
          <td style = "padding-left:70px;"><b><font size = "1" align = "center" >{ts}Invoice Date:{/ts}</font></b></td>
          <td><font size = "1" align = "right">{$domain_organization}</font></td>
  </tr>
        <tr>
         {if $organization_name}
           <td style = "padding-left:17px;"><font size = "1" align = "center" >{$display_name}  ({$organization_name})</font></td>
         {else}
           <td style = "padding-left:15px;"><font size = "1" align = "center" >{$display_name}</font></td>
         {/if}
         <td colspan = "1"></td>
         <td style = "padding-left:70px;"><font size = "1" align = "right">{$invoice_date}</font></td>
   <td><font size = "1" align = "right">
  {if $domain_street_address }
    {$domain_street_address}
  {/if}
  {if $domain_supplemental_address_1 }{$domain_supplemental_address_1}{/if}</font></td>
  </tr>
        <tr>
          <td style = "padding-left:17px;"><font size = "1" align = "center">{$street_address}   {$supplemental_address_1}</font></td>
          <td colspan = "1"></td>
          <td style = "padding-left:70px;"><b><font size = "1" align = "right">{ts}Invoice Number:{/ts}</font></b></td>
    <td ><font size = "1" align = "right">{if $domain_supplemental_address_2 }{$domain_supplemental_address_2}{/if}
    {if $domain_state }{$domain_state}{/if}</font></td>
        </tr>
        <tr>
          <td style = "padding-left:17px;"><font size = "1" align = "center">{$supplemental_address_2}  {$stateProvinceAbbreviation}</font></td>
          <td colspan="1"></td>
          <td style = "padding-left:70px;"><font size = "1" align = "right">{$invoice_id}</font></td>
    <td><font size = "1" align = "right">{if $domain_city}
    {$domain_city}
        {/if}
        {if $domain_postal_code }
    {$domain_postal_code}
        {/if}
    </font></td>
  </tr>
  <tr>
          <td style = "padding-left:17px;"><font size = "1" align = "right">{$city}  {$postal_code}</font></td>
          <td colspan="1"></td>
    <td height = "10" style = "padding-left:70px;"><b><font size = "1"align = "right">{ts}Reference:{/ts}</font></b></td>
    <td><font size = "1" align = "right"> {if $domain_country}
    {$domain_country}
        {/if}</font></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td style = "padding-left:70px;"><font size = "1"align = "right">{$source}</font></td>
    <td><font size = "1" align = "right"> {if $domain_phone}{$domain_phone}{/if}</font> </td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td><font size = "1" align = "right"> {if $domain_email}
    {$domain_email}
         {/if}</font> </td>
  </tr>
      </table>
      <table style = "margin-top:75px;font-family: Arial, Verdana, sans-serif" width = "590" border = "0"cellpadding = "-5" cellspacing = "19" id = "desc">
  <tr>
          <td colspan = "2" {$valueStyle}>
            <table> {* FIXME: style this table so that it looks like the text version (justification, etc.) *}
              <tr>
                <th style = "padding-right:34px;text-align:left;font-weight:bold;width:200px;"><font size = "1">{ts}Description{/ts}</font></th>
                <th style = "padding-left:34px;text-align:right;font-weight:bold;" ><font size = "1">{ts}Quantity{/ts}</font></th>
                <th style = "padding-left:34px;text-align:right;font-weight:bold;"><font size = "1">{ts}Unit Price{/ts}</font></th>
                <th style = "padding-left:34px;text-align:right;font-weight:bold;width:20px;"><font size = "1">{$taxTerm} </font></th>
                <th style = "padding-left:34px;text-align:right;font-weight:bold;"><font size = "1">{ts 1=$defaultCurrency}Amount %1{/ts}</font></th>
              </tr>
              {foreach from=$lineItem item=value key=priceset name=taxpricevalue}
    {if $smarty.foreach.taxpricevalue.index eq 0}
            <tr><td  colspan = "5" ><hr size="3" style = "color:#000;"></hr></td></tr>
    {else}
      <tr><td  colspan = "5" style = "color:#F5F5F5;"><hr></hr></td></tr>
    {/if}
                <tr>
                  <td style="text-align:left;" ><font size = "1">
      {if $value.html_type eq 'Text'}{$value.label}{else}{$value.field_title} - {$value.label}{/if} {if $value.description}<div>{$value.description|truncate:30:"..."}</div>{/if}
      </font></td>
      <td style = "padding-left:34px;text-align:right;"><font size = "1"> {$value.qty}</font></td>
      <td style = "padding-left:34px;text-align:right;"><font size = "1"> {$value.unit_price|crmMoney:$currency}</font></td>
        {if $value.tax_amount != ''}
          <td style = "padding-left:34px;text-align:right;width:20px;"><font size = "1"> {$value.tax_rate}%</font></td>
                    {else}
          <td style = "padding-left:34px;text-align:right;width:20px;"><font size = "1">{ts 1=$taxTerm}No %1{/ts}</font></td>
              {/if}
        <td style = "padding-left:34px;text-align:right;"><font size = "1">{$value.subTotal|crmMoney:$currency}</font></td>
    </tr>
              {/foreach}
          <tr><td  colspan = "5" style = "color:#F5F5F5;"><hr></hr></td></tr>
          <tr>
      <td colspan = "3"></td>
      <td style = "padding-left:20px;text-align:right;"><font size = "1">{ts}Sub Total{/ts}</font></td>
      <td style = "padding-left:34px;text-align:right;"><font size = "1"> {$subTotal|crmMoney:$currency}</font></td>
    </tr>
    {foreach from = $dataArray item = value key = priceset}
            <tr>
        <td colspan = "3"></td>
        {if $priceset}
          <td style = "padding-left:20px;text-align:right;"><font size = "1"> {ts 1=$taxTerm 2=$priceset}TOTAL %1 %2%{/ts}</font></td>
          <td style = "padding-left:34px;text-align:right"><font size = "1" align = "right">{$value|crmMoney:$currency}</font> </td>
                    {elseif $priceset == 0}
                      <td style = "padding-left:20px;text-align:right;"><font size = "1">{ts 1=$taxTerm}TOTAL NO %1{/ts}</font></td>
                      <td style = "padding-left:34px;text-align:right"><font size = "1" align = "right">{$value|crmMoney:$currency}</font> </td>
                  </tr>
        {/if}
    {/foreach}
          <tr>
      <td colspan = "3"></td>
      <td colspan = "2"><hr></hr></td>
    </tr>

          <tr>
      <td colspan = "3"></td>
      <td style = "padding-left:20px;text-align:right;"><b><font size = "1">{ts 1=$defaultCurrency}TOTAL %1{/ts}</font></b></td>
      <td style = "padding-left:34px;text-align:right;"><font size = "1">{$amount|crmMoney:$currency}</font></td>
    </tr>

    {if $is_pay_later == 0}
            <tr>
        <td colspan = "3"></td>
        <td style = "padding-left:20px;text-align:right;"><font size = "1">
           {if $contribution_status_id == $refundedStatusId}
          {ts}LESS Amount Credited{/ts}
           {else}
          {ts}LESS Amount Paid{/ts}
           {/if}
        </font></td>
        <td style = "padding-left:34px;text-align:right;"><font size = "1">{$amount|crmMoney:$currency}</font></td>
      </tr>
            <tr>
        <td colspan = "3"></td>
        <td colspan = "2" ><hr></hr></td>
      </tr>
            <tr>
        <td colspan = "3"></td>
        <td style = "padding-left:20px;text-align:right;"><b><font size = "1">{ts}AMOUNT DUE:{/ts} </font></b></td>
                    <td style = "padding-left:34px;text-align:right;"><b><font size = "1">{$amountDue|crmMoney:$currency}</font></b></td>                 <td style = "padding-left:34px;"><font size = "1" align = "right"></fonts></td>
      </tr>
    {/if}
    <br/><br/><br/>
          <tr>
      <td colspan = "3"></td>
    </tr>
    {if $contribution_status_id == $pendingStatusId && $is_pay_later == 1}
      <tr>
        <td><b><font size = "1" align = "center">{ts 1=$dueDate}DUE DATE: %1{/ts}</font></b></td>
        <td colspan = "3"></td>
      </tr>
    {/if}
            </table>
          </td>
        </tr>
      </table>
      {if $contribution_status_id == $pendingStatusId && $is_pay_later == 1}
      <table style = "margin-top:5px;padding-right:45px;">
        <tr>
          <td><img src = "{$resourceBase}/i/contribute/cut_line.png" height = "15" width = "630"></td>
        </tr>
      </table>
  <table style = "margin-top:6px;padding-right:20px;font-family: Arial, Verdana, sans-serif" width = "480" border = "0"cellpadding = "-5" cellspacing="19" id = "desc">
    <tr>
      <td width="60%"><b><font size = "4" align = "right">{ts}PAYMENT ADVICE{/ts}</font></b> <br/><br/> <font size = "1" align = "right"><b>{ts}To: {/ts}</b>      <div style="width:17em;word-wrap:break-word;">
    {$domain_organization} <br />
    {$domain_street_address} {$domain_supplemental_address_1} <br />
    {$domain_supplemental_address_2} {$domain_state} <br />
    {$domain_city} {$domain_postal_code} <br />
    {$domain_country} <br />
    {$domain_phone} <br />
    {$domain_email}</div>
    </font><br/><br/><font size="1" align="right">{$notes}</font>
            </td>
            <td width="40%">
        <table  cellpadding = "-10" cellspacing = "22"  align="right" >
    <tr>
            <td  colspan = "2"></td>
      <td><font size = "1" align = "right" style="font-weight:bold;">{ts}Customer: {/ts}</font></td>
      <td ><font size = "1" align = "right">{$display_name}</font></td>
    </tr>
    <tr>
      <td colspan = "2"></td>
      <td><font size = "1" align = "right" style="font-weight:bold;">{ts}Invoice Number: {/ts}</font></td>
      <td><font size = "1" align = "right">{$invoice_id}</font></td>
    </tr>
    <tr><td  colspan = "5"style = "color:#F5F5F5;"><hr></hr></td></tr>
    {if $is_pay_later == 1}
    <tr>
                  <td colspan = "2"></td>
                  <td><font size = "1" align = "right" style="font-weight:bold;">{ts}Amount Due:{/ts}</font></td>
                  <td><font size = "1" align = "right" style="font-weight:bold;">{$amount|crmMoney:$currency}</font></td>
    </tr>
    {else}
    <tr>
      <td colspan = "2"></td>
      <td><font size = "1" align = "right" style="font-weight:bold;">{ts}Amount Due: {/ts}</font></td>
      <td><font size = "1" align = "right" style="font-weight:bold;">{$amountDue|crmMoney:$currency}</font></td>
    </tr>
    {/if}
    <tr>
      <td colspan = "2"></td>
        <td><font size = "1" align = "right" style="font-weight:bold;">{ts}Due Date:  {/ts}</font></td>
        <td><font size = "1" align = "right">{$dueDate}</font></td>
    </tr>
    <tr>
                  <td colspan = "5" style = "color:#F5F5F5;"><hr></hr></td>
                </tr>
        </table>
            </td>
    </tr>
  </table>

{/if}

      {if $contribution_status_id == $refundedStatusId || $contribution_status_id == $cancelledStatusId}
    <table style = "margin-top:2px;padding-left:7px;page-break-before: always;">
      <tr>
        <td><img src = "{$resourceBase}/i/civi99.png" height = "34px" width = "99px"></td>
      </tr>
    </table>
    <center>

      <table style = "padding-right:19px;font-family: Arial, Verdana, sans-serif" width = "500" height = "100" border = "0" cellpadding = "2" cellspacing = "1">
  <tr>
          <td style = "padding-left:15px;" ><b><font size = "4" align = "center">{ts}CREDIT NOTE{/ts}</font></b></td>
          <td colspan = "1"></td>
          <td style = "padding-left:70px;"><b><font size = "1" align = "right">{ts}Date:{/ts}</font></b></td>
          <td><font size = "1" align = "right">{$domain_organization}</font></td>
  </tr>
        <tr>
         {if $organization_name}
           <td style = "padding-left:17px;"><font size = "1" align = "center">{$display_name}  ({$organization_name})</font></td>
           {else}
           <td style = "padding-left:17px;"><font size = "1" align = "center">{$display_name}</font></td>
         {/if}
         <td colspan = "1"></td>
         <td style = "padding-left:70px;"><font size = "1" align = "right">{$invoice_date}</font></td>
   <td ><font size = "1" align = "right">
  {if $domain_street_address }
    {$domain_street_address}
  {/if}
  {if $domain_supplemental_address_1 }
    {$domain_supplemental_address_1}
  {/if}</font></td>
  </tr>
        <tr>
          <td style = "padding-left:17px;"><font size = "1" align = "center">{$street_address}   {$supplemental_address_1}</font></td>
          <td colspan = "1"></td>
          <td style = "padding-left:70px;"><b><font size = "1" align = "right">{ts}Credit Note Number:{/ts}</font></b></td>
          <td><font size = "1" align = "right">{if $domain_supplemental_address_2 }
    {$domain_supplemental_address_2}
        {/if}
        {if $domain_state }
    {$domain_state}
        {/if}
    </font></td>
        </tr>
        <tr>
          <td style = "padding-left:17px;"><font size = "1" align = "center">{$supplemental_address_2}  {$stateProvinceAbbreviation}</font></td>
          <td colspan="1"></td>
          <td style = "padding-left:70px;"><font size = "1" align = "right">{$creditnote_id}</font></td>
    <td ><font size = "1" align = "right">{if $domain_city}
     {$domain_city}
         {/if}
         {if $domain_postal_code }
     {$domain_postal_code}
         {/if}
    </font></td>
  </tr>
  <tr>
          <td style = "padding-left:17px;"><font size = "1" align = "right">{$city}  {$postal_code}</font></td>
          <td colspan="1"></td>
          <td height = "10" style = "padding-left:70px;"><b><font size = "1"align = "right">{ts}Reference:{/ts}</font></b></td>
    <td><font size = "1" align = "right"> {if $domain_country}
    {$domain_country}
        {/if}</font></td>
  </tr>
  <tr>
          <td></td>
          <td></td>
          <td style = "padding-left:70px;"><font size = "1"align = "right">{$source}</font></td>
    <td><font size = "1" align = "right"> {if $domain_phone}
    {$domain_phone}
         {/if}</font> </td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td><font size = "1" align = "right"> {if $domain_email}
    {$domain_email}
        {/if}</font> </td>
  </tr>
      </table>

      <table style = "margin-top:75px;font-family: Arial, Verdana, sans-serif" width = "590" border = "0"cellpadding = "-5" cellspacing = "19" id = "desc">
  <tr>
          <td colspan = "2" {$valueStyle}>
            <table> {* FIXME: style this table so that it looks like the text version (justification, etc.) *}
              <tr>
                <th style = "padding-right:28px;text-align:left;font-weight:bold;width:200px;"><font size = "1">{ts}Description{/ts}</font></th>
                <th style = "padding-left:28px;text-align:right;font-weight:bold;"><font size = "1">{ts}Quantity{/ts}</font></th>
                <th style = "padding-left:28px;text-align:right;font-weight:bold;"><font size = "1">{ts}Unit Price{/ts}</font></th>
                <th style = "padding-left:28px;text-align:right;font-weight:bold;"><font size = "1">{$taxTerm} </font></th>
                <th style = "padding-left:28px;text-align:right;font-weight:bold;"><font size = "1">{ts 1=$defaultCurrency}Amount %1{/ts}</font></th>
              </tr>
              {foreach from=$lineItem item=value key=priceset name=pricevalue}
    {if $smarty.foreach.pricevalue.index eq 0}
          <tr><td  colspan = "5" ><hr size="3" style = "color:#000;"></hr></td></tr>
    {else}
    <tr><td  colspan = "5" style = "color:#F5F5F5;"><hr></hr></td></tr>
    {/if}
                <tr>
                  <td style ="text-align:left;"  ><font size = "1">
      {if $value.html_type eq 'Text'}{$value.label}{else}{$value.field_title} - {$value.label}{/if} {if $value.description}<div>{$value.description|truncate:30:"..."}</div>{/if}
      </font></td>
      <td style = "padding-left:28px;text-align:right;"><font size = "1"> {$value.qty}</font></td>
      <td style = "padding-left:28px;text-align:right;"><font size = "1"> {$value.unit_price|crmMoney:$currency}</font></td>
        {if $value.tax_amount != ''}
          <td style = "padding-left:28px;text-align:right;"><font size = "1"> {$value.tax_rate}%</font></td>
                    {else}
          <td style = "padding-left:28px;text-align:right"><font size = "1" >{ts 1=$taxTerm}No %1{/ts}</font></td>
              {/if}
       <td style = "padding-left:28px;text-align:right;"><font size = "1" >{$value.subTotal|crmMoney:$currency}</font></td>
    </tr>
                {/foreach}
          <tr><td  colspan = "5" style = "color:#F5F5F5;"><hr></hr></td></tr>
          <tr>
      <td colspan = "3"></td>
      <td style = "padding-left:28px;text-align:right;"><font size = "1">{ts}Sub Total{/ts}</font></td>
      <td style = "padding-left:28px;text-align:right;"><font size = "1"> {$subTotal|crmMoney:$currency}</font></td>
    </tr>
    {foreach from = $dataArray item = value key = priceset}
            <tr>
        <td colspan = "3"></td>
        {if $priceset}
          <td style = "padding-left:28px;text-align:right;"><font size = "1"> {ts 1=$taxTerm 2=$priceset}TOTAL %1 %2%{/ts}</font></td>
          <td style = "padding-left:28px;text-align:right;"><font size = "1" align = "right">{$value|crmMoney:$currency}</font> </td>
                    {elseif $priceset == 0}
                      <td style = "padding-left:28px;text-align:right;"><font size = "1">{ts 1=$taxTerm}TOTAL NO %1{/ts}</font></td>
                      <td style = "padding-left:28px;text-align:right;"><font size = "1" align = "right">{$value|crmMoney:$currency}</font> </td>
                  </tr>
        {/if}
    {/foreach}
          <tr>
      <td colspan = "3"></td>
      <td colspan = "2"><hr></hr></td>
    </tr>

          <tr>
      <td colspan = "3"></td>
      <td style = "padding-left:28px;text-align:right;"><b><font size = "1">{ts 1=$defaultCurrency}TOTAL %1{/ts}</font></b></td>
      <td style = "padding-left:28px;text-align:right;"><font size = "1">{$amount|crmMoney:$currency}</font></td>
    </tr>

    {if $is_pay_later == 0}
            <tr>
        <td colspan = "3"></td>
        <td style = "padding-left:28px;text-align:right;"><font size = "1" >{ts}LESS Credit to invoice(s){/ts}</font></td>
        <td style = "padding-left:28px;text-align:right;"><font size = "1">{$amount|crmMoney:$currency}</font></td>
      </tr>
            <tr>
        <td colspan = "3"></td>
        <td colspan = "2" ><hr></hr></td>
      </tr>
            <tr>
        <td colspan = "3"></td>
        <td style = "padding-left:28px;text-align:right;"><b><font size = "1">{ts}REMAINING CREDIT{/ts}</font></b></td>
        <td style = "padding-left:28px;text-align:right;"><b><font size = "1">{$amountDue|crmMoney:$currency}</font></b></td>
        <td style = "padding-left:28px;"><font size = "1" align = "right"></fonts></td>
      </tr>
    {/if}
    <br/><br/><br/>
          <tr>
      <td colspan = "3"></td>
    </tr>
          <tr>
      <td></td>
      <td colspan = "3"></td>
    </tr>
            </table>
          </td>
        </tr>
      </table>

      <table style = "margin-top:5px;padding-right:45px;">
        <tr>
          <td><img src = "{$resourceBase}/i/contribute/cut_line.png" height = "15" width = "630"></td>
        </tr>
      </table>

  <table style = "margin-top:6px;padding-right:20px;font-family: Arial, Verdana, sans-serif" width = "507" border = "0"cellpadding = "-5" cellspacing="19" id = "desc">
    <tr>
      <td width="60%"><font size = "4" align = "right"><b>{ts}CREDIT ADVICE{/ts}</b><br/><br /><div  style="font-size:10px;max-width:300px;">{ts}Please do not pay on this advice. Deduct the amount of this Credit Note from your next payment to us{/ts}</div><br/></font></td>
      <td width="40%">
              <table    align="right" >
    <tr>
            <td colspan = "2"></td>
      <td><font size = "1" align = "right" style="font-weight:bold;">{ts}Customer:{/ts} </font></td>
      <td><font size = "1" align = "right" >{$display_name}</font></td>
    </tr>
    <tr>
      <td colspan = "2"></td>
      <td><font size = "1" align = "right" style="font-weight:bold;">{ts}Credit Note#:{/ts} </font></td>
      <td><font size = "1" align = "right">{$creditnote_id}</font></td>
    </tr>
    <tr><td  colspan = "5"style = "color:#F5F5F5;"><hr></hr></td></tr>
    <tr>
                  <td colspan = "2"></td>
      <td><font size = "1" align = "right" style="font-weight:bold;">{ts}Credit Amount:{/ts}</font></td>
      <td width='50px'><font size = "1" align = "right" style="font-weight:bold;">{$amount|crmMoney:$currency}</font></td>
    </tr>
              </table>
            </td>
    </tr>
  </table>
 {/if}
    </center>
  </body>
</html>
