<!--
****************************************************************************  
*  Description: Layout for invoices content                                *
*  Created: 12/15/2005                                                     *
****************************************************************************
*  12/20/2005 Created                                      *    
****************************************************************************
-->

<div id="dropdownlist">
{CLIENTDROPDOWN}
</div>

<div class="clearline"></div>

<div class="clearline"></div>
<!-- BEGIN DYNAMIC BLOCK: invoice_block -->
<div id="invoicecontent">
    <form action='index.php' method='post'>
    <table cellpadding="0"><tr><td><div id="statusContainer" class="statusContainer" style="display:none"><span class="statusMsg" id="statusMsg"></span></div></td></tr></table>
    <table cellSpacing="0" cellPadding="2" width="100%" border="0">
      <tbody>
      <tr>
        <td align="left" style='font-size:11px;font-weight:bold;'>
        [l]Invoice Filter:[/l]&nbsp;&nbsp;
        <select onchange="jumpMenu2('self',this,0);"  class="body">
            <!-- BEGIN DYNAMIC BLOCK: invoicetypeoptions -->
            <option value="{INVOICETYPEOPTIONVALUE}" {INVOICETYPEOPTIONSELECTED}>{INVOICETYPEOPTIONLABEL}&nbsp;&nbsp;&nbsp;&nbsp;</option>
            <!-- END DYNAMIC BLOCK: invoicetypeoptions -->
        </select>
        <!-- BEGIN DYNAMIC BLOCK: extrafilterblockforinvoices -->
        &nbsp;-&nbsp;
        <select onchange="jumpMenu2('self',this,0);"  class="body">
            <!-- BEGIN DYNAMIC BLOCK: billingtypeoptions -->
            <option value="{BILLINGTYPEOPTIONVALUE}" {BILLINGTYPEOPTIONSELECTED}>{BILLINGTYPEOPTIONLABEL}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
            <!-- END DYNAMIC BLOCK: billingtypeoptions -->
        </select>  
        <!-- END DYNAMIC BLOCK: extrafilterblockforinvoices -->
        </td>
        <td align="right">
            <!-- BEGIN DYNAMIC BLOCK: createinvoicebutton -->
                <input type="button" class="button_xlarge" value='[l]Add Invoice Entry[/l]' onclick="window.location='index.php?fuse=clients&view=ViewInvoiceEntry'">
            <!-- END DYNAMIC BLOCK: createinvoicebutton -->
        </td>
       </tr>
      </tbody>
    </table>
    </form>

    <form name="invoices" action="index.php">
    <!-- Header -->
    <table width='100%' cellpadding=0 border=0 cellspacing=0>
    <tr>
    <td class="snapshot-header-left"></td>
    <td class="snapshot-header" nowrap><div style="font-size:11px;font-weight:bold;color:white;">{SELECTEDINVOICETYPEFILTER}</div></td>
    <td class="snapshot-header" align=right></td>
    <td class="snapshot-header-right"></td>
    </tr>
    </table>


    <table id="tableInvoices" cellspacing="1" cellpadding="3" width="100%" border="0">
    <tbody>
        <!-- Invoice Columns -->
        <tr class=header>
          <td class=headerSelected align=center width=20 style="padding-top: 6px; padding-bottom: 6px;"><img height=1 alt="" src="{RELATIVE_PATH}images/spacer.gif" width="20" /></td>
          <td id="col_date" noWrap width=90>&nbsp;[l]Due Date[/l]&nbsp;&nbsp;</td>
          <td id="col_desc" noWrap align="left">&nbsp;[l]Description[/l]</td>
          <td id="col_appliesto" noWrap width=90 align="center">[l]Applies To[/l]</td>
          <td id="col_check" noWrap width=90 align="center">[l]Pmt Reference[/l]</td>
          <td id="col_amount" noWrap width=70 align="right">{LANGUAGEAMOUNT}</td>
          <td id="col_status" nowrap width=60 align="center">[l]Status[/l]</td>
        </tr>
        <!-- Invoice Rows -->
        <!-- BEGIN DYNAMIC BLOCK: invoicerow -->
            <tr id="row_ie_{LISTINVOICEID}" class="{ROWCLASS}" style="{ROWSTYLE}">
                <td><INPUT type="checkbox" value="{LISTINVOICEID}" id="i{LISTINVOICEID}" name="entry" onClick='AsyncSelectInvoice("{BOOLVIEWINGARCHIVE}");' {INVOICECHECKED} /></td>
                <td>{COL2DATA}</td>
                <td>{COL3DATA}</td>
                <td align="center">{COLPACKAGE}</td>
                <td id="check_{LISTINVOICEID}" align=center>{CHECKDATA}</td>
                <td id="amount_{LISTINVOICEID}" align="right">{COL4DATA}</td>
                <td id="status_{LISTINVOICEID}" align="center">{COL5DATA}</td>
            </tr>
        <!-- END DYNAMIC BLOCK: invoicerow -->
        <!-- BEGIN DYNAMIC BLOCK: noinvoicesrow -->
            <tr>
                <td colspan="5" align=center><span style='font-size:11px;'>[l]There are no invoices for the selected billing type[/l]</span></td>
            </tr>
        <!-- END DYNAMIC BLOCK: noinvoicesrow -->
    </tbody>
    </table>
    </form>

    <br />

    <!-- Buttons and Action Dropdown list -->
    <div id="invoicebuttons" style="height:50px;"><img src='{RELATIVE_PATH}images/spacer.gif' id='invoicebuttonwaiting' border='0' /></div>

    <script type="text/javascript">
    <!--
        if (document.images)
        {
           pic1= new Image(167,14); 
           pic1.src="{RELATIVE_PATH}images/loading.gif";
        }
    //-->   
    </script>

    <!-- BEGIN DYNAMIC BLOCK: showactiveinvoice_js -->
        <script type="text/javascript">
        //Used to show active invoice on page refresh
        {SETSELECTEDINVOICE_JSFUNCTION}
        </script>
    <!-- END DYNAMIC BLOCK: showactiveinvoice_js -->
</div>

<div id="ccinfo" style='align:left;display:none'>
{CCINFO}
</div>

<!-- END DYNAMIC BLOCK: invoice_block -->

<div id="invoicedetails" style='display:none;'>
{INVOICEDETAILS}
</div>

<!-- BEGIN DYNAMIC BLOCK: invoiceadditionalinfosec -->
<div class="clearline">&nbsp;</div>
<div id="invoiceadditionalinfo">
    <span class="warningtext">[l]Additional Instructions[/l]</span><br />{INVOICEADDITIONALINFOTEXT}
</div>
<!-- END DYNAMIC BLOCK: invoiceadditionalinfosec -->
