<p class="pagedesc">[l]View your invoice details and upcoming recurring charges.  Click on an invoice description for more details.[/l]</p>

<div class="clear">
    <ul class="tabs">
        <li><a href="index.php?fuse=clients&amp;view=ViewInvoices"><span>[l]Invoices[/l]</span></a></li>
        <li class="active"><a href="#"><span>[l]Recurring Charges[/l]</span></a></li>
    </ul>
</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;">
    <h3>
        [l]Notice[/l]:
        <br />
        [l]You are using the Customer's Price Estimation, so all the values below are approximated values depending on the currencies rates.[/l]
    </h3>
</div>
<!-- END DYNAMIC BLOCK: multicurrencynotice -->
<!-- END DYNAMIC BLOCK: multicurrencyoptions -->

<form name="recurringfees" action="index.php" method="post">
    <table class="ts">
        <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>