@extends('layout.master')

@push('plugin-styles')
    <link href="{{ asset('assets/plugins/datatables-net/dataTables.bootstrap4.css') }}" rel="stylesheet" />
@endpush

@section('content')
    {{-- <nav class="page-breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">Forms</a></li>
    <li class="breadcrumb-item active" aria-current="page">Basic Elements</li>
  </ol>
</nav> --}}

    <div class="row">
        <div class="col-md-12 grid-margin stretch-card">
            <div class="card">
                <div class="card-header d-flex">
                    <h5 class="col-sm-8 mt-2">Today's Summary ( {{ date('d-m-Y') }} )</h5>
                    <div id="clock" class="col-sm-4 text-center" style="font-size: 20px;">13:40:09</div>
                </div>
                <div class="card-body">
                    <div class="breadcrumb bg-light" id="live2">
                        <div class="col-sm-4 text-center">
                            Total Play Points<br> <span>{{ number_format($point['totalPlaypoint'], 2) }}</span>
                        </div>
                        <div class="col-sm-4 text-center">
                            Total Win Points <br> <span>{{ number_format($point['totalWinpoint'], 2) }}</span>
                        </div>
                        <div class="col-sm-4 text-center">
                            End Point <br> <span>{{ number_format($point['totalEndpoint'], 2) }}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12 grid-margin stretch-card">
            <div class="card">
                <div class="card-body">
                    <h6 class="card-title" style="text-transform: none !important;">Online Players</h6>
                    <div class="table-responsive">
                        <table id="dataTableExample" class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>SL.No</th>
                                    <th>Username</th>
                                    <th>Name</th>
                                    <th>Substitute</th>
                                    <th>Credit</th>
                                    <th>Play Points</th>
                                    <th>Win Points</th>
                                    <th>End Point</th>
                                    <th>Device</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                    $SR_No = 1;
                                @endphp
                                @foreach ($data as $value)
                                    <tr role="row" class="odd">
                                        <td class=""></td>
                                        <td>{{ $value['userName'] }}</td>
                                        <td>{{ $value['name'] }}</td>
                                        <td class="sorting_1">
                                            {{ $value['refer'] }}
                                        </td>
                                        <td>{{ number_format($value['creditPoint'], 2) }}</td>
                                        <td>{{ number_format($value['totalbetPoint'], 2) }}</td>
                                        <td>{{ number_format($value['totalwonPoint'], 2) }}</td>
                                        <td>{{ number_format($value['totalendPoint'], 2) }}</td>
                                        <td>
                                            <span
                                                class="badge text-white bg-{{ $value['isLogin'] ? 'success' : 'danger' }}">{{ $value['isLogin'] ? 'Online' : 'Offline' }}</span>

                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('plugin-scripts')
    <script src="{{ asset('assets/plugins/promise-polyfill/polyfill.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatables-net/jquery.dataTables.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatables-net-bs4/dataTables.bootstrap4.js') }}"></script>
@endpush

@push('custom-scripts')
    <script src="{{ asset('assets/js/data-table.js') }}"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            startTime();

            function startTime() {
                var today = new Date();
                var h = today.getHours();
                var m = today.getMinutes();
                var s = today.getSeconds();
                m = checkTime(m);
                s = checkTime(s);
                $('#clock').html(h + ":" + m + ":" + s);
                setTimeout(startTime, 1000);
            }

            function checkTime(i) {
                if (i < 10) {
                    i = "0" + i
                }; // add zero in front of numbers < 10
                return i;
            }
        });
    </script>

    <script type="text/javascript">
        $(document).ready(function() {
            setInterval(fun, 5000);

            function fun() {

                // $('#loader').load('');
                // $('#live2').load('');
            }
        });
    </script>
@endpush