<div class="modal-content">
    <div class="modal-header">
        <h5 class="modal-title">
            Meine Kunden / Lieferadressen
        </h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
    </div>
    <div class="modal-body">
        <div class="card mb-3">
                <div class="card-datatable table-responsive">
                    <table class="datatables-customers table table-striped table-bordered" id="datatables-customers">
                        <thead>
                        <tr>
                            <th>#</th>
                            <th>{{__('E-Mail')}}</th>
                            <th>{{__('Anrede')}}</th>
                            <th>{{__('Firma')}}</th>
                            <th>{{__('Vorname')}}</th>
                            <th>{{__('Nachname')}}</th>
                            <th>{{__('PLZ')}}</th>
                            <th>{{__('Stadt')}}</th>
                            <th>{{__('Land')}}</th>
                            <th>{{__('Käufe')}}</th>
                            <th>{{__('Newsletter')}}</th>
                            <th>{{__('erstellt')}}</th>
                            <th>{{__('Status')}}</th>
                            <th>{{__('ID Kunden')}}</th>
                            <th>WP</th>

                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
            </div>

            <script>
                $( document ).ready(function() {

                    var oTable = $('#datatables-customers').DataTable({
                        "processing": true,
                        "serverSide": true,
                        ajax: {
                            url: '{!! route( 'user_customer_datatable') !!}',
                            data: function(d) {
                                //  d.filter_member_id = $('select[name=filter_member_id]').val();
                                //  d.filter_customer_member = $('select[name=filter_customer_member]').val();
                            }
                        },
                        "order": [[0, "desc" ]],
                        "columns": [
                            { data: 'send_to', searchable: false},
                            { data: 'billing_email', name: 'billing_email' },
                            { data: 'billing_salutation', name: 'billing_salutation' },
                            { data: 'billing_company', name: 'billing_company' },
                            { data: 'billing_firstname', name: 'billing_firstname' },
                            { data: 'billing_lastname', name: 'billing_lastname' },
                            { data: 'billing_zipcode', name: 'billing_zipcode' },
                            { data: 'billing_city', name: 'billing_city' },
                            { data: 'billing_country_id', name: 'billing_country_id' },
                            { data: 'orders', name: 'orders' },
                            { data: 'subscribed', name: 'subscribed' },
                            { data: 'first_created_at', name: 'first_created_at' },
                            {data: 'status', name: 'status', searchable: false, orderable: false },
                            { data: 'number', name: 'number'},
                            { data: 'extras', name: 'extras', searchable: false, orderable: false},
                        ],
                        "bLengthChange": false,
                        "iDisplayLength": 50,
                        "language": {
                            "url": "/js/German.json"
                        }
                    });


                });
            </script>
        </div>

    </div>
    <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">schließen</button>
    </div>
</div>