@extends('admin.layouts.app')

@section('title', 'Dashboard')

@section('content_header')
    <h1>Dashboard</h1>
@stop

@section('content')
@component('components.card', ['title' => 'Snooker Transaction'])
    <table class="table table-bordered data-table">
        <thead>
            <tr>
                <th>#</th>
                <th>Date</th>
                <th>Table</th>
                <th>Marker</th>
                <th>Customer</th>
                <th>Amount</th>
                <th>Time</th>
                <th>Type</th>
                {{-- <th>Action</th> --}}
            </tr>
        </thead>
        <tbody></tbody>
    </table>
    @endcomponent
@stop

@section('css')

@stop

@section('js')
<script>
    $(() => {
        var table = $('.data-table').DataTable({
            processing: true,
            serverSide: true,
            ajax: "{{ route('admin.dashboard') }}",
            columns: [
                {data: 'DT_RowIndex', name: 'DT_RowIndex'},
                {data: 'date', name: 'date'},
                {data: 'table', name: 'table'},
                {data: 'marker', name: 'marker'},
                {data: 'customer', name: 'customer'},
                {data: 'amount', name: 'amount'},
                {data: 'time_in_min', name: 'time_in_min'},
                {data: 'type', name: 'type'},
                // {data: 'action', name: 'action', orderable: false, searchable: false},
            ]
        });
    });
    </script>
@stop