@extends('admin.reports.sales.index')

@section('reports_content')
    <div class="row">
        <div class="col-12">
            <div class="card">
            <div class="card-body">
                <div class="row header-controls" id="article_buttons">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>@lang('crm.period_datepicker')</label>
                            <select class="form-control select report-select"  name="months" data-fouc>
                                <option value="">@lang('crm.report_sales_months_all_time')</option>
                                <option value="this_month">@lang('crm.this_month')</option>
                                <option value="1">@lang('crm.last_month')</option>
                                <option value="this_year">@lang('crm.this_year')</option>
                                <option value="last_year">@lang('crm.last_year')</option>
                                <option value="3" data-subtext="{{ local_date_format(date('Y-m-01', strtotime("-2 MONTH"))) }} - {{local_date_format(date('Y-m-t'))}}">@lang('crm.report_sales_months_three_months')</option>
                                <option value="6" data-subtext="{{ local_date_format(date('Y-m-01', strtotime("-5 MONTH"))) }} - {{local_date_format(date('Y-m-t'))}}">@lang('crm.report_sales_months_six_months')</option>
                                <option value="12" data-subtext="{{ local_date_format(date('Y-m-01', strtotime("-11 MONTH"))) }} - {{local_date_format(date('Y-m-t'))}}">@lang('crm.report_sales_months_twelve_months')</option>
                            </select>
                        </div>
                    </div>
                </div>

                <table class="table" id="payment-table">
                    <thead>
                    <th>@lang('crm.payments_table_number_heading')</th>
                    <th>@lang('crm.payments_table_invoicenumber_heading')</th>
                    <th>@lang('crm.payments_table_mode_heading')</th>
                    <th>@lang('crm.payment_transaction_id')</th>
                    <th>@lang('crm.client')</th>
                    <th>@lang('crm.invoice_payments_table_amount_heading')</th>
                    <th>@lang('crm.invoice_payments_table_date_heading')</th>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
        </div>
    </div>
@stop

@section('scripts_scope')

    <script>
        $(document).ready(function () {
            let table = $('#payment-table').DataTable({
                'processing': true,
                'serverSide': true,
                'serverMethod': 'post',
                'ajax': {
                    'url': '{{ url('admin/reports/sales/getPaymentReport') }}',
                    'data': function ( d ) {
                        d.months = $('select[name="months"]').val();
                    }
                },
                'columns': [
                    {data: 'id'},
                    {data: 'invoice'},
                    {data: 'paymentmode'},
                    {data: 'transactionid'},
                    {data: 'customer'},
                    {data: 'amount'},
                    {data: 'date'},
                ],
            });

            $('.report-select').on('change', function () {
                table.ajax.reload();
            })
        });

    </script>

@stop