@extends('admin.layouts.app')

@section('title', 'Customers')

@section('content')

@component('components.card', ['title' => "Customer Transaction ($customer->name)"])
<table class="table table-bordered data-table">
    <thead>
        <tr>
            <th width="10%">#</th>
            <th width="30%">Amount</th>
            <th width="35%">Balance</th>
            <th width="10%">Type</th>
            <th width="15%">Date</th>
        </tr>
    </thead>
    <tbody></tbody>
</table>
@endcomponent
@endsection


@push('js')
<script>
    $(() => {
        var table = $('.data-table').DataTable({
            processing: true,
            serverSide: true,
            ajax: "{{ route('admin.snooker.transaction-history', $customer->id) }}",
            columns: [
                {data: 'DT_RowIndex', name: 'DT_RowIndex'},
                {data: 'amount', name: 'amount'},
                {data: 'balance', name: 'balance'},
                {data: 'type', name: 'type'},
                {data: 'date', name: 'date',orderable:false,searchable:false}
            ]
        });
    });
    </script>
@endpush