@extends('layouts.layout-2')

@section('content')


    <h4 class="font-weight-bold py-2 mb-2">
        {{ __('Bestellungen Kunden') }}
    </h4>


    <div class="card">
        <div class="card-datatable table-responsive">
            <table class="datatable-customers table table-striped table-bordered">

                <thead>
                <tr>
                    <th>#</th>
                    <th>{{__('Datum')}}</th>
                    <th>{{__('Betrag')}}</th>
                    <th>{{__('Status')}}</th>
                    <th>{{__('Versand')}}</th>

                    <th>{{__('First name')}}</th>
                    <th>{{__('Last name')}}</th>
                    <th>{{__('E-Mail')}}</th>
                    <th>{{__('Rechnung')}}</th>
                    
                    <th>{{__('Art')}}</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>
    <script>
        $( document ).ready(function() {
            $('.datatable-customers').dataTable({
                "processing": true,
                "serverSide": true,
                "ajax": '{!! route('user_shop_orders_datatable') !!}',
                "order": [[0, "desc" ]],
                "columns": [
                    { data: 'id', searchable: false },
                    { data: 'created_at', name: 'created_at' },
                    { data: 'total_shipping', name: 'total_shipping' },
                    { data: 'txaction', name: 'txaction' },
                    { data: 'shipped', name: 'shipped' },
                    { data: 'shopping_user.billing_firstname', name: 'shopping_user.billing_firstname' },
                    { data: 'shopping_user.billing_lastname', name: 'shopping_user.billing_lastname' },
                    { data: 'shopping_user.billing_email', name: 'shopping_user.billing_email' },
                    { data: 'invoice', name: 'invoice', orderable: false },
                    { data: 'payment_for', name: 'payment_for' },
                ],
                "bLengthChange": false,
                "iDisplayLength": 100,
                "language": {
                    "url": "/js/German.json"
                }
            });
        });
    </script>
@endsection