@if($earnings->count())
    <div class="reportOptions">
        <button type="button" class="btn btn-outline blue downloadPdf"><i
                class="fa fa-file-pdf-o"></i>{{ _mt($moduleId,'EarningReport.pdf') }}</button>
        <button type="button" class="btn btn-outline green downloadExcel"><i
                class="fa fa-file-excel-o"></i>{{ _mt($moduleId,'EarningReport.excel') }}</button>
        <button type="button" class="btn btn-outline red downloadCsv"><i
                class="fa fa-file-text-o"></i>{{ _mt($moduleId,'EarningReport.csv') }}</button>
        <button type="button" class="btn btn-outline dark printReport"><i
                class="fa fa-print"></i>{{ _mt($moduleId,'EarningReport.print') }}</button>
        <div class="btn-group">
            <button type="button" class="btn btn-outline dark dropdown-toggle" data-toggle="dropdown"
                    aria-haspopup="true" aria-expanded="false">
                <i class="fa fa-download"></i>{{ _mt($moduleId,'EarningReport.schedule_export') }}<span
                    class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="#" class="downloadQueueReport" data-type="pdf"><i
                            class="fa fa-file-pdf-o"></i> {{ _mt($moduleId,'EarningReport.pdf') }}</a></li>
                <li><a href="#" class="downloadQueueReport" data-type="excel"><i
                            class="fa fa-file-excel-o"></i>{{ _mt($moduleId,'EarningReport.excel') }}</a></li>
            </ul>
        </div>
    </div>
    <div class="table-responsive">
        <div class="table-responsive">
            <table class="table table-striped table-bordered table-hover dataTable dtr-inline reporttable" role="grid"
                   aria-describedby="sample_1_info">
                <thead>
                <tr>
                    <th> {{ _mt($moduleId, 'EarningReport.sl_no') }}</th>
                    <th> {{ _mt($moduleId, 'EarningReport.date') }}</th>
                    <th> {{ _mt($moduleId, 'EarningReport.amount') }}</th>
                    <th> {{ _mt($moduleId, 'EarningReport.description') }}</th>
                    <th> {{ _mt($moduleId, 'EarningReport.wallet') }}</th>
                    @if(getScope() == 'admin' || getScope() == 'employee')
                        <th> {{ _mt($moduleId, 'EarningReport.member_id') }}</th>
                    @endif
                    <th> {{ _mt($moduleId, 'EarningReport.from') }} </th>
                </tr>
                </thead>
                <tbody>
                @foreach($earnings as $earning)
                    <tr>
                        <td>{{ ($earnings->currentPage() * $earnings->perPage()) - $earnings->perPage() + $loop->iteration }}</td>
                        <td> {{ date('Y-m-d',strtotime($earning->transaction->created_at)) }} </td>
                        <td> {{ currency($earning->transaction->actual_amount) }} </td>
                        <td> {{ getModule($earning->module_id) ? getModule($earning->module_id)->getRegistry()['name']: 'NA' }}</td>
                        <td> {{ getModule($earning->transaction->operation->to_module) ? getModule($earning->transaction->operation->to_module)->getRegistry()['name'] : 'NA' }} </td>
                        @if(getScope() == 'admin' || getScope() == 'employee')
                            <td> {{ $earning->transaction->payeeUser ? $earning->transaction->payeeUser->member_id : 'NA' }} </td>
                        @endif
                        <td>{{ $earning->referenceUser ? $earning->referenceUser->member_id : 'NA' }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
    <div class="paginationWrapper">
        {!! $earnings->links() !!}
    </div>
@else
    {{ _mt($moduleId, 'EarningReport.no_earning_found') }}
@endif

<script type="text/javascript">
    $('.paginationWrapper .pagination li a').click(function (e) {
        e.preventDefault();
        var route = $(this).attr('href');
        fetchEarningReport(route);
    });
    // Download report as pdf
    $('.downloadPdf').click(function () {
        $.post('{{ scopeRoute('earningReport.download.pdf') }}', $('.filterForm').serialize(), function (response) {
            window.open(response.link);
        });
    });

    // Download report as Excel
    $('.downloadExcel').click(function () {
        $.post('{{ scopeRoute('earningReport.download.excel') }}', $('.filterForm').serialize(), function (response) {
            window.open(response.link);
        });
    });

    // Download report as csv
    $('.downloadCsv').click(function () {
        $.post('{{ scopeRoute('earningReport.download.csv') }}', $('.filterForm').serialize(), function (response) {
            window.open(response.link);
        });
    });

    // print report
    $('.printReport').click(function () {
        $.post('{{ scopeRoute('earningReport.print') }}', $('.filterForm').serialize(), function (response) {
            var HTML = response;

            var WindowObject = window.open("", "PrintWindow", "width=750,height=650,top=50,left=50,toolbars=no,scrollbars=yes,status=no,resizable=yes");
            WindowObject.document.writeln(HTML);
            WindowObject.document.close();
            WindowObject.focus();
            WindowObject.print();
            WindowObject.close();
        });
    });

    $('.downloadQueueReport').click(function () {
        var type = $(this).data('type');
        var formData = $('.filterForm').serializeArray();
        formData.push({name: 'type', value: type});
        $.post('{{ scopeRoute('earningReport.scheduleDownload') }}', formData, function (response) {
            toastr.success('{{ _mt($moduleId, 'EarningReport.once_the_queue_is_completed_you_can_download_this_from_queue_job_report_section') }}')
        });
    });
</script>