%%#IFDEF%%Proc.RESULT%%
    %%Proc.RESULT%%
 %%#ELSE

    <div>
        <button type="submit" class="btn btn-success btn-flat" onClick="location.href='?action=edit'"><i class="fa fa-plus"></i> Create New</button>
    </div>
    <br>
    <div class="box-header" id="form-filters-toggle">
        <h3 class="box-title">Filters</h3> <i class="fa fa-arrow-right" aria-hidden="true"></i>
    </div>

    <form class="form-horizontal" id="form-filters">
        <div class="box-body">
            <div class="form-group">
                <label for="filter_q" class="col-sm-1 control-label">Search text: </label>
                <div class="col-sm-3">
                    <input type=text id="filter_q" name="q" value="%%Func.my_htmlspecialchars(Proc.q)%%" class="form-control">
                </div>
            </div>
            %%#IFDEF%%Proc.type%%
            <div class="form-group">
                <label for="customer_id" class="col-sm-1 control-label">Customer: </label>
                <div class="col-sm-3">
                    <select name="customer_id" class="form-control" id="customer_id">
                    %%Proc.customers_list%%
                    </select>
                </div>
            </div>
            %%#ELSE
            <div class="form-group">
                <label for="subcontractor_id" class="col-sm-1 control-label">Subcontractor: </label>
                <div class="col-sm-3">
                    <select name="subcontractor_id" class="form-control" id="subcontractor_id">
                    %%Proc.subcontractors_list%%
                    </select>
                </div>
            </div>
            %%#
            <div class="form-group">
                <label for="filter_date_from" class="col-sm-1 control-label">date from</label>
                <div class="col-sm-3">
                    <input type=text id="filter_date_from" name="date_from" value="%%Func.my_htmlspecialchars(Proc.date_from)%%" class="form-control datepicker">
                </div>
            </div>
            <div class="form-group">
                <label for="filter_date_to" class="col-sm-1 control-label">date to</label>
                <div class="col-sm-3">
                    <input type=text id="filter_date_to" name="date_to" value="%%Func.my_htmlspecialchars(Proc.date_to)%%" class="form-control datepicker">
                </div>
            </div>
            <div class="form-group">
                <label for="filter_amount_from" class="col-sm-1 control-label">amount from</label>
                <div class="col-sm-3">
                    <input type=text id="filter_amount_from" name="amount_from" value="%%Func.my_htmlspecialchars(Proc.amount_from)%%" class="form-control amountpicker">
                </div>
            </div>
            <div class="form-group">
                <label for="filter_amount_to" class="col-sm-1 control-label">amount to</label>
                <div class="col-sm-3">
                    <input type=text id="filter_amount_to" name="amount_to" value="%%Func.my_htmlspecialchars(Proc.amount_to)%%" class="form-control amountpicker">
                </div>
            </div>
            <div class="form-group">
                <div class="checkbox col-sm-offset-1">
                    <label for="filter_show_unpaid">
                        <input type="checkbox" name="show_unpaid" id="filter_show_unpaid" value=1%%#IFDEF%%Proc.show_unpaid%% checked%%#>
                        show unpaid
                    </label>
                </div>
                <div class="checkbox col-sm-offset-1">
                    <label for="filter_show_partially_paid">
                        <input type="checkbox" name="show_partially_paid" id="filter_show_partially_paid" value=1%%#IFDEF%%Proc.show_partially_paid%% checked%%#>
                        show partially paid
                    </label>
                </div>
                <div class="checkbox col-sm-offset-1">
                    <label for="show_all" style="font-weight: normal;">
                        <input type=checkbox name="show_all" value="1" id="show_all"%%#IFDEF%%Proc.show_all%% checked%%#>
                        show all results on one page (10000 rows max)
                    </label>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-1 col-xs-2">
                    <button type="submit" class="btn btn-warning btn-flat"><i class="fa fa-filter"></i> Set filter</button>
                </div>
            </div>
        </div>
    </form>

    <br>
    %%#IFDEF%%Proc.aggregations%%
    <div class="box-header">
        <h3 class="box-title">Amounts sum</h3></i>
    </div>
    <div class="box-body">
        <div class="row">
            <div class="col-xs-2">Orders:</div><div class="col-xs-2">%%Proc.order_amount_search_total%%</div>
        </div>
        <div class="row">
            <div class="col-xs-2">Invoices:</div><div class="col-xs-2">%%Proc.invoice_amount_search_total%%</div>
        </div>
        <div class="row">
            <div class="col-xs-2">Payments:</div><div class="col-xs-2">%%Proc.payment_amount_search_total%%</div>
        </div>
    </div><br>
    %%#
    
    <div class="box-header">
        <h3 class="box-title">Checked amounts sum</h3></i>
    </div>
    <div class="box-body">
        <div class="row">
            <div class="col-xs-2">Orders:</div><div class="col-xs-2" id="orders_totals">0</div>
        </div>
        <div class="row">
            <div class="col-xs-2">Invoices:</div><div class="col-xs-2" id="invoices_totals">0</div>
        </div>
        <div class="row">
            <div class="col-xs-2">Payments:</div><div class="col-xs-2" id="payments_totals">0</div>
        </div><br>
        <div class="row">
            <div class="col-xs-2">
                <button type="button" class="btn btn-warning btn-flat" id="reset_checked"><i class="fa fa-eraser"></i> Reset checked</button>
            </div>
        </div>
    </div>
    
    <table  class="table table-hover">
        <tr>
            <th>ID</th>
            <th>Project</th>
            %%#IFEQ'out'%%CODE%%<th>Subcontractors</th>%%#
            <th>Amount, orders</th>
            <th>Amount, invoices</th>
            <th>Amount, payments</th>
            <th>Orders</th>
            <th>Invoices</th>
            <th>Payments</th>
            <th>Date</th>
            <th>Actions</th>
        </tr>
        %%#IFDEF%%Proc.LIST%%
            %%Proc.LIST%%
        %%#ELSE
            <tr>
                <td colspan=12>No records found</td>
            </tr>
        %%#
    </table>
    %%Proc.PAGER%%
%%#
<script>
/*$(".tr_row td:not(.non-clickable)").click(function() {
    var id = $(this).parent().data('id');
    document.forms['edit-form'+id].submit();
});*/

$('.datepicker').datetimepicker({                                                                                                                                                                                                                                              
    format: 'YYYY-MM-DD'
});

$('#form-filters-toggle').click(function() {
    $('#form-filters').toggle(100);
    var iii = $(this).find('i');
    if ( iii.hasClass('fa-arrow-right') ) {
        iii.removeClass('fa-arrow-right').addClass('fa-arrow-down');
        setCookie('view-filters', 1);
    } else {
        iii.removeClass('fa-arrow-down').addClass('fa-arrow-right');
        setCookie('view-filters', 0);
    }
});

if(getCookie('view-filters') == 1){
    $('#form-filters-toggle').click();
}

var stored_key = 'documents_%%CODE%%_%%ID%%';

var summ_defaults = {
    'orders' : 0,
    'invoices' : 0,
    'payments' : 0
};

%%#IFEQ'in'%%CODE%%
var summ_fields = {
    'orders' : 2,
    'invoices' : 3,
    'payments' : 4
};
%%#ELSE
var summ_fields = {
    'orders' : 3,
    'invoices' : 4,
    'payments' : 5
};
%%#

var storedSearchVer = getSearchVer(stored_key);
var currentSearchVer = calcQueryVersion();

var totals_summ;

if (storedSearchVer === currentSearchVer) {
    totals_summ = getStoredValue(stored_key, summ_defaults);
} else {
    totals_summ = summ_defaults;
    setSearchVer(stored_key, currentSearchVer);
    setStoredValue(stored_key, totals_summ);
}

drawSumm(totals_summ);

var checked_default = getStoredValue(stored_key + '_checked', []);

$('tr.checkable td:not(.non-clickable)').click(function(e) {
    e.stopPropagation();
    var tr = $(this).parent();
    
    var id = tr.data('id');
    var checked = getStoredValue(stored_key + '_checked', checked_default);
    
    if ( tr.hasClass('checked') ) {
        removeFromSumm(stored_key, tr, summ_fields);
        
        checked = checked.filter(val => val !== id);
        
    } else {
        appendToSumm(stored_key, tr, summ_fields);
        
        checked[checked.length++] = id;
    }
    
    setStoredValue(stored_key + '_checked', checked);
});

$('#tr'+checked_default.join(',#tr')).addClass('checked');

$('#reset_checked').click(function() {
    resetStoredKey(stored_key);
});

</script>