@extends('layouts.layout-2')

@section('content')
    <h4 class="font-weight-bold py-2 mb-2">
        {{ __('navigation.my_account') }} / {{ __('navigation.credit') }}
    </h4>

    <div class="card">
        <div class="card-datatable table-responsive">
            <table class="datatables-style table table-striped table-bordered" id="datatable-user-credit">
                <thead>
                    <tr>
                        <th>{{ __('tables.c_no') }}</th>
                        <th>{{ __('tables.credit_note') }}</th>
                        <th>{{ __('tables.amount') }}</th>
                        <th>{{ __('tables.date') }}</th>
                        <th>{{ __('tables.payment') }}</th>
                        <th>{{ __('tables.from_credit_balance') }}</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
    <hr>
    <div class="card">
        <h5 class="card-header">
             {{ __('account.my_credit') }}
        </h5>
        <div class="card-datatable table-responsive">
            <table class="datatables-style table table-striped table-bordered" id="datatable-user-credit-item">
                <thead>
                    <tr>
                        <th style="width: 55%">{{ __('tables.subject') }}</th>
                        <th>{{ __('tables.amount') }}</th>
                        <th>{{ __('tables.date') }}</th>
                        <th>{{ __('tables.status') }}</th>
                        <th>{{ __('tables.credit_note') }}</th>
                    </tr>
                </thead>
                <tbody>

                </tbody>
            </table>
        </div>
    </div>
    <script>
        $(document).ready(function() {
            var creditTable = $('#datatable-user-credit').DataTable({
                "processing": true,
                "serverSide": true,
                ajax: {
                    url: '{!! route( 'user_payment_credit_datatable') !!}',
                    data: function(d) {
                        //d.filter_sales_year = $('select[name=filter_sales_year]').val();
                    }
                },
                "order": [[0, "desc" ]],
                "columns": [
                    { data: 'full_number', name: 'full_number' },
                    { data: 'view', name: 'view', orderable: false, searchable: false  },
                    { data: 'total', name: 'total' },
                    { data: 'date', name: 'date' },
                    { data: 'status', name: 'status', searchable: false  },
                    { data: 'credits', name: 'credits', orderable: false },
                    
                ],
                "bLengthChange": false,
                "iDisplayLength": 50,
                "language": {
                    "url": "/js/datatables-{{ \App::getLocale() }}.json"
                }
            });
       /*$('#filter_sales_year').on('change', function(){
            oTable.draw();
        });
        */

            var creditItemTable = $('#datatable-user-credit-item').DataTable({
                "processing": true,
                "serverSide": true,
                ajax: {
                    url: '{!! route('user_payment_credit_item_datatable') !!}',
                    /*data: function(d) {
                        d.filter_user_status = $('select[name=filter_user_status]').val();
                    }*/
                },
                "order": [
                    [2, "desc"]
                ],
                "columns": [
                    { data: 'message', name: 'message' },
                    { data: 'credit', name: 'credit' },
                    { data: 'created_at', name: 'created_at' },
                    { data: 'status', name: 'status', orderable: false, searchable: false  },
                    { data: 'paid', name: 'paid', orderable: false, searchable: false },

                ],
                "bLengthChange": false,
                "iDisplayLength": 50,
                "language": {
                    "url": "/js/datatables-{{ \App::getLocale() }}.json"
                }
            });
            /*$('#filter_user_status').on('change', function(){
                oTable.draw();
            });*/
        });
    </script>
@endsection