@extends('backend.layouts.app')

@section('content')
<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-header">
                <form class="" id="sort_leaderboard" action="" method="GET">
                    <div class="row">
                        <div class="col-lg-9">
                            <h4 class="card-title mb-0">{{ translate('User Leaderboard') }}</h4>
                        </div>
                        <div class="col-lg-3 mb-auto">
                            <div class="form-group mb-0">
                                <select class="form-control rns-selectpicker" name="filter" onchange="sort_leaderboard()">
                                    <option value="" disabled {{ is_null(request('filter')) ? 'selected' : '' }}>Filter...</option>
                                    <option value="daily" {{ request('filter') == 'daily' ? 'selected' : '' }}>Daily</option>
                                    <option value="weekly" {{ request('filter') == 'weekly' ? 'selected' : '' }}>Weekly</option>
                                    <option value="monthly" {{ request('filter') == 'monthly' ? 'selected' : '' }}>Monthly</option>
                                    <option value="quarterly" {{ request('filter') == 'quarterly' ? 'selected' : '' }}>Quarterly</option>
                                    <option value="yearly" {{ request('filter') == 'yearly' ? 'selected' : '' }}>Yearly</option>
                                    <option value="all" {{ request('filter') == 'all' ? 'selected' : '' }}>All Time</option>
                                </select>
                            </div>
                        </div> 
                    </div>
                </form>
            </div>

            <div class="card-body">
                <div class="table-responsive" style="overflow-x: auto;">
                    <table class="table align-middle table-hover table-nowrap" id="leaderboardTable">
                        <thead class="table-light">
                            <tr>
                                <th>{{ translate('#') }}</th>
                                <th>{{ translate('Name') }}</th>
                                <th>{{ translate('Email') }}</th>
                                <th>{{ translate('Total Wins') }}</th>
                                <th>{{ translate('Points') }}</th>
                                <th>{{ translate('Life Use') }}</th>
                                <th>{{ translate('Total Points') }}</th>
                                <th>{{ translate('Wallet') }}</th>
                            </tr>
                        </thead>
                        <tbody class="list form-check-all">
                            @if ($users->count() > 0)
                                @foreach ($users as $index => $value)
                                @php
                                    $user = \App\Models\User::where('id', $value->user_id)->first();
                                @endphp

                    
                                    <tr id="tr_{{ $value->user_id }}">
                                        <td class="count">{{ $index + 1 }}</td>
                                        <td>{{ $value->name }}</td>
                                        <td>{{ $value->email_id }}</td>
                                        <td>{{ totalWonQuiz($value->user_id) }}</td>
                                        <td>{{ $value->total_points }}</td>
                                        <td>{{ $value->total_life_use }}</td>
                                        <td>{{ $user->points }}</td>
                                        <td>{{ $user->wallet_amount }}</td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="8" class="text-center">{{ translate('No users found') }}</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                    <div class="row">
                        <div class="pagination pagination-sm">
                            {{ $users->appends(request()->input())->links() }}
                        </div>
                    </div>
                </div>
            </div><!-- end card-body -->
        </div><!-- end card -->
    </div><!-- end col-lg-12 -->
</div><!-- end row -->
@endsection

@section('script')
<script>
    function sort_leaderboard(el){
        $('#sort_leaderboard').submit();
    }

</script>
@endsection