@extends('layouts/layout')

@section('content')

    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="page-title-box">
                    <h4 class="page-title">Dashboard</h4>
                </div>
            </div>
        </div>
        <!-- end page title -->

        <div class="row">
            <div class="col-12">

                <div class="row">
                    <div class="col-6 col-md-3">
                        <div class="card widget-flat">
                            <div class="card-body">
                                <div class="float-end">
                                    <i class="mdi mdi-account-multiple widget-icon"></i>
                                </div>
                                <h5 class="text-muted fw-normal mt-0" title="Number of Customers">Players</h5>
                                <h3 class="mt-3 mb-3">{{ number_format(\App\Models\User::where('role', '<>', \App\Models\User::ROLE_ADMIN)->count()) }}</h3>
                            </div> <!-- end card-body-->
                        </div> <!-- end card-->
                    </div> <!-- end col-->

                    <div class="col-6 col-md-3">
                        <div class="card widget-flat">
                            <div class="card-body">
                                <div class="float-end">
                                    <i class="mdi mdi-currency-usd widget-icon bg-success-lighten text-success"></i>
                                </div>
                                <h5 class="text-muted fw-normal mt-0" title="Number of Orders">Total # of Bets</h5>
                                <h3 class="mt-3 mb-3">{{ number_format(\App\Models\Bet::count()) }}</h3>
                            </div> <!-- end card-body-->
                        </div> <!-- end card-->
                    </div> <!-- end col-->
                    <div class="col-6 col-md-3">
                        <div class="card widget-flat">
                            <div class="card-body">
                                <div class="float-end">
                                    <i class="mdi mdi-numeric widget-icon bg-success-lighten text-success"></i>
                                </div>
                                <h5 class="text-muted fw-normal mt-0" title="Average Revenue">Total Rounds</h5>
                                <h3 class="mt-3 mb-3">{{ number_format(\App\Models\Round::count()) }}</h3>
                            </div> <!-- end card-body-->
                        </div> <!-- end card-->
                    </div> <!-- end col-->

                    <div class="col-6 col-md-3">
                        <div class="card widget-flat">
                            <div class="card-body">
                                <div class="float-end">
                                    <i class="mdi mdi-pulse widget-icon"></i>
                                </div>
                                <h5 class="text-muted fw-normal mt-0" title="Average Revenue">Total Winners</h5>
                                <h3 class="mt-3 mb-3">{{ number_format(\App\Models\Winner::count()) }}</h3>
                            </div> <!-- end card-body-->
                        </div> <!-- end card-->
                    </div> <!-- end col-->
                </div> <!-- end row -->

            </div> <!-- end col -->
        </div>
        <!-- end row -->

        <div class="row">
            <div class="col-md-6">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center mb-2">
                            <h4 class="header-title">Latest Winners</h4>
                        </div>

                        <div class="table-responsive">
                            <table class="table table-centered table-nowrap table-hover mb-0">
                                <tbody>
                                    <tr>
                                        <th>Round</th>
                                        <th>User</th>
                                        <th>Betting Amount</th>
                                        <th>Winning Amount</th>
                                        <th>Winning Number</th>
                                        <th>Transaction Fees</th>
                                    </tr>
                                    @forelse ($winners as $winner)
                                        <tr>
                                            <td>{{ $winner->round->block_no }}</td>
                                            <td><a href="{{ route('admin.users.show', [$winner->user->getRouteKey()]) }}">{{ $winner->user->name }}</a></td>
                                            <td>{{ $winner->total_bets }}</td>
                                            <td>{{ $winner->winning_amount }}</td>
                                            <td>{{ $winner->winning_number }}</td>
                                            <td>{{ $winner->transaction_fees }}</td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="6" class="text-center">There are no winners yet.</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div> <!-- end table-responsive-->
                    </div> <!-- end card-body-->
                </div> <!-- end card-->
            </div> <!-- end col-->
            <div class="col-md-6">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center mb-2">
                            <h4 class="header-title">Latest Bets</h4>
                        </div>

                        <div class="table-responsive">
                            <table class="table table-centered table-nowrap table-hover mb-0">
                                <tbody>
                                    <tr>
                                        <th>Round</th>
                                        <th>Betting Amount</th>
                                        <th>Number</th>
                                        <th>User</th>
                                        <th>Status</th>
                                    </tr>
                                    @forelse ($bets as $bet)
                                        <tr>
                                            <td>{{ $bet->round->block_no }}</td>
                                            <td>{{ $bet->bet_amount }}</td>
                                            <td>{{ $bet->bet_number }}</td>
                                            <td><a href="{{ route('admin.users.show', [$bet->user->getRouteKey()]) }}">{{ $bet->user->name }}</a></td>
                                            <td>
                                                @if ($bet->status == \App\Models\Bet::STATUS_PENDING)
                                                    Pending
                                                @elseif ($bet->status == \App\Models\Bet::STATUS_WON)
                                                    <b class="text-success">Won</b>
                                                @elseif ($bet->status == \App\Models\Bet::STATUS_LOST)
                                                    <span class="text-danger">Lost</span>
                                                @endif
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="5" class="text-center">There are no bets yet.</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div> <!-- end table-responsive-->
                    </div> <!-- end card-body-->
                </div> <!-- end card-->
            </div> <!-- end col-->
            <!-- end col -->
        </div>
        <!-- end row -->

    </div>
@endsection