<div id="kb" class="block">
    <div class="block_title">
        <h3><b><a href="index.php?fuse=clients&view=ShowCustomerData">Client Info</a> &raquo; <a href="#">Invoices</a></b></h3>
    </div>
    <ul>
        <li>
            <h1>[l]Invoices[/l]</h1>
            <p class="kb st" style="background: url(templates/{TEMPLATE}/images/public/icon_submit_ticket.jpg) no-repeat  0 8px;">[l]View your invoice details and upcoming recurring charges.  Click on an invoice description for more details.[/l]</p>
        </li>
        <li>

    <br />
    
    <div id="cip">
        <div class="nav_1">
            <ul>
                <li >
                    <a href="index.php?fuse=clients&amp;view=ViewInvoices"><span>[l]Active Invoices[/l]</span></a>
                </li>
                <li >
                    <a href="index.php?fuse=clients&amp;view=ViewInvoices&archived=1"><span>[l]Archived Invoices[/l]</span></a>
                </li>
                <li class="selected">
                    <a href="index.php?fuse=clients&amp;view=ViewInvoices_Recurring"><span>[l]Recurring Charges[/l]</span></a>
                </li>
            </ul>
        </div>
        <br /><br />
    </div>

    <!-- BEGIN DYNAMIC BLOCK: multicurrencyoptions -->
    <script language="javascript">
        function RedirectFilter(value){
            this.location = "index.php?fuse=clients&view=ViewInvoices_Recurring&price="+value;
        }
    </script>
    
    <div style="padding-left: 15px;">
        [l]Price:[/l]&nbsp;&nbsp;
        <select class="body" id="price" name="price" onchange="RedirectFilter(this.value)">
            <option value="0" {PRICE0SELECTED}>[l]Real Price[/l]&nbsp;&nbsp;&nbsp;&nbsp;</option>
            <option value="1" {PRICE1SELECTED}>[l]Customer's Price Estimation[/l]&nbsp;&nbsp;&nbsp;&nbsp;</option>
        </select>
    </div>
    
    <!-- BEGIN DYNAMIC BLOCK: multicurrencynotice -->
    <div id="divdetails" class="table-summary" style="margin-bottom: 10px; margin-top: 10px;">
        <h2>
            <font color=red>[l]Notice[/l]:</font>
            <br>
            [l]You are using the Customer's Price Estimation, so all the values below are approximated values depending on the currencies rates.[/l]
        </h2>
    </div>
    <!-- END DYNAMIC BLOCK: multicurrencynotice -->
    <!-- END DYNAMIC BLOCK: multicurrencyoptions -->

    <div style="padding-left: 15px;">

        <div>
            <div class="ts table5">
                <form name="recurringfees" action="index.php" method="post" id="submit_ticket" style="padding:0">
                    <table width="100%">
                        <tr class="caption">
                            <td>[l]Next Date[/l]</td>
                            <td>[l]Description[/l]</td>
                            <td>[l]Price[/l]</td>
                        </tr>
                        <!-- BEGIN DYNAMIC BLOCK: nextrecurringcharge_row -->
                        <tr class="{ROWCLASS}" style="{ROWSTYLE}">
                            <td>{NEXTINVOICEDATE}</td>
                            <td>{NEXTINVOICESUBJECTLINK}</td>
                            <td align="right">{NEXTINVOICEDATEPRICE}</td>
                        </tr>
                        <!-- END DYNAMIC BLOCK: nextrecurringcharge_row -->
                         
                        <!-- BEGIN DYNAMIC BLOCK: queuedcharges_row -->
                        <tr class="{ROWCLASS}" style="{ROWSTYLE}">
                            <td>[l]One-time[/l]</td>
                            <td>{QUEUEDCHARGESUBJECTLINK}</td>
                            <td align="right">{QUEUEDCHARGEPRICE}</td>
                        </tr>
                        <!-- END DYNAMIC BLOCK: queuedcharges_row -->
                        
                        <!-- BEGIN DYNAMIC BLOCK: norecurringcharges -->
                            <tr>
                                <td colspan="3" align=center><span style='font-size:11px;'>[l]There are no upcoming recurring charges[/l]</span></td>
                            </tr>
                        <!-- END DYNAMIC BLOCK: norecurringcharges -->
                    </table>
                </form>
            </div>
        </div>

    </div>
    </li>
    </ul>
</div>
