@extends('backend.layouts.main')

@section('panel')
    <h4 class="fw-bold py-3 mb-3">📊 Laporan Mentah Turnover (Valid Bet)</h4>

    <div class="card">
        <div class="card-datatable table-responsive pt-3">
            <table id="table-turnover" class="table table-bordered table-sm table-hover w-100">
                <thead class="table-dark">
                    <tr>
                        <th class="text-center" width="5%">No</th>
                        <th class="text-center">Tiket ID</th>
                        <th class="text-center">Waktu Bet</th>
                        <th class="text-center">Username</th>
                        <th class="text-center">Kategori</th>
                        <th class="text-center">Valid Bet (TO)</th>
                        <th class="text-center">Status Hitung</th>
                    </tr>
                </thead>
                <tbody>
                    {{-- Data diisi otomatis oleh DataTables AJAX --}}
                </tbody>
            </table>
        </div>
    </div>
@endsection

@push('script')
<script type="text/javascript">
    $(document).ready(function() {
        $('#table-turnover').DataTable({
            processing: true,
            serverSide: true,
            pageLength: 25, // 🟢 Set limit default ke 25 data
            lengthMenu: [[25, 50, 100, 500], [25, 50, 100, 500]], 
            ajax: "{{ route('admin.rollingan.turnover') }}",
            columns: [
                {data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false, className: 'text-center'},
                {data: 'ticket_id', name: 'ticket_id', className: 'text-center'},
                {data: 'bet_time', name: 'bet_time', className: 'text-center'},
                {data: 'username', name: 'users.username', className: 'text-center'},
                {data: 'game_type', name: 'game_type', className: 'text-center'},
                {data: 'valid_bet_amount', name: 'valid_bet_amount', className: 'text-end pe-3'},
                {data: 'is_calculated', name: 'is_calculated', className: 'text-center', searchable: false}
            ]
        });
    });
</script>
@endpush