@extends('admin.layouts.default')
@section('content')
<!--**********************************
Content body start
***********************************-->
<!-- row -->
<div class="container-fluid">
    <div class="row page-titles mx-0 mb-0 mb-md-3 mb-sm-3 d-flex align-items-center justify-content-between" data-aos="fade-up">
        <!-- Left Side Welcome Text -->
        <div class="col-md-6">
            <div class="welcome-text">
                <h2>Welcome, {{ session()->get('name') }}!</h2>
                <h5 class="mt-2 mb-0">Let's manage your Fantasy Sport's operations here.</h5>
            </div>
        </div>

        <!-- Right Side Refresh Button -->
        <div class="col-md-6 d-flex justify-content-end">
            <a class="btn btn-primary" href="{{route('dashboard_data')}}">
                <i class="fas fa-sync-alt"></i> Refresh Data
            </a>
        </div>
    </div>


    <div class="row">

        <div class="col-xl-12 col-xxl-12 py-3 pl-4 mx-2 pr-5">
            <div class="row">
                <!-- Total User -->
                <div class="col-md-2 col-lg-2">
                    <div class="card b-shade" data-aos="fade-up">
                        <div class="social-graph-wrapper widget-googleplus">
                            <span class="s-icon"><i class="fa fa-users"></i></span>
                        </div>
                        <div class="p-3 text-center">
                            <h4 class="m-1">Total Users</h4>
                            <h4 class="counter">0</h4>
                        </div>
                    </div>
                </div>

                <!-- Today's Total Register -->
                <div class="col-md-2 col-lg-2">
                    <div class="card b-shade" data-aos="fade-up">
                        <div class="social-graph-wrapper widget-linkedin">
                            <span class="s-icon"><i class="fa fa-user-plus"></i></span>
                        </div>
                        <div class="p-3 text-center">
                            <h4 class="m-1">Today's Total Register</h4>
                            <h4 class="counter">0</h4>
                        </div>
                    </div>
                </div>

                <!-- Total Active Contest Join User -->
                <div class="col-md-2 col-lg-2">
                    <div class="card b-shade" data-aos="fade-up">
                        <div class="social-graph-wrapper widget-googleplus">
                            <span class="s-icon"><i class="fa fa-gamepad"></i></span>
                        </div>
                        <div class="p-3 text-center">
                            <h4 class="m-1">Total Active User</h4>
                            <h4 class="counter">0</h4>
                        </div>
                    </div>
                </div>

                <!-- Total Promoter -->
                <div class="col-md-2 col-lg-2">
                    <div class="card b-shade" data-aos="fade-up">
                        <div class="social-graph-wrapper widget-linkedin">
                            <span class="s-icon"><i class="fa fa-user-tie"></i></span>
                        </div>
                        <div class="p-3 text-center">
                            <h4 class="m-1">Total Promoters</h4>
                            <h4 class="counter">0</h4>
                        </div>
                    </div>
                </div>
                <!-- Total Pan Request (Pending) -->
                <div class="col-md-2 col-lg-2">
                    <div class="card b-shade" data-aos="fade-up">
                        <div class="social-graph-wrapper widget-googleplus">
                            <span class="s-icon"><i class="fa fa-id-card"></i></span>
                        </div>
                        <div class="p-3 text-center">
                            <h4 class="m-1">Total PAN Request</h4>
                            <h4 class="counter">0</h4>
                        </div>
                    </div>
                </div>
                <!-- Total Aadhar (Pending) -->
                <div class="col-md-2 col-lg-2">
                    <div class="card b-shade" data-aos="fade-up">
                        <div class="social-graph-wrapper widget-linkedin">
                            <span class="s-icon"><i class="fa fa-id-badge"></i></span>
                        </div>
                        <div class="p-3 text-center">
                            <h4 class="m-1">Total Aadhar Request</h4>
                            <h4 class="counter">0</h4>
                        </div>
                    </div>
                </div>
                <!-- Total Bank -->
                <div class="col-md-2 col-lg-2">
                    <div class="card b-shade" data-aos="fade-up">
                        <div class="social-graph-wrapper widget-googleplus">
                            <span class="s-icon"><i class="fa fa-university"></i></span>
                        </div>
                        <div class="p-3 text-center">
                            <h4 class="m-1">Total Bank Request</h4>
                            <h4 class="counter">0</h4>
                        </div>
                    </div>
                </div>
                <!-- Total Deposit -->
                <div class="col-md-2 col-lg-2">
                    <div class="card b-shade" data-aos="fade-up">
                        <div class="social-graph-wrapper widget-googleplus">
                            <span class="s-icon"><i class="fa fa-money-bill-wave"></i></span>
                        </div>
                        <div class="p-3 text-center">
                            <h4 class="m-1">Total Deposit</h4>
                            <h4 class="counter">0</h4>
                        </div>
                    </div>
                </div>
                <!-- Total Winning -->
                <div class="col-md-2 col-lg-2">
                    <div class="card b-shade" data-aos="fade-up">
                        <div class="social-graph-wrapper widget-linkedin">
                            <span class="s-icon"><i class="fa fa-trophy"></i></span>
                        </div>
                        <div class="p-3 text-center">
                            <h4 class="m-1">Total Winning</h4>
                            <h4 class="counter">0</h4>
                        </div>
                    </div>
                </div>
                <!-- Total Bonus -->
                <div class="col-md-2 col-lg-2">
                    <div class="card b-shade" data-aos="fade-up">
                        <div class="social-graph-wrapper widget-googleplus">
                            <span class="s-icon"><i class="fa fa-gift"></i></span>
                        </div>
                        <div class="p-3 text-center">
                            <h4 class="m-1">Total Bonus</h4>
                            <h4 class="counter">0</h4>
                        </div>
                    </div>
                </div>
                <!-- Today Add Fund -->
                <div class="col-md-2 col-lg-2">
                    <div class="card b-shade" data-aos="fade-up">
                        <div class="social-graph-wrapper widget-linkedin">
                            <span class="s-icon"><i class="fa fa-plus-circle"></i></span>
                        </div>
                        <div class="p-3 text-center">
                            <h4 class="m-1">Today Add Fund</h4>
                            <h4 class="counter">0</h4>
                        </div>
                    </div>
                </div>

                <!-- Total Withdraw -->
                <div class="col-md-2 col-lg-2">
                    <div class="card b-shade" data-aos="fade-up">
                        <div class="social-graph-wrapper widget-googleplus">
                            <span class="s-icon"><i class="fa fa-arrow-circle-down"></i></span>
                        </div>
                        <div class="p-3 text-center">
                            <h4 class="m-1">Total Withdraw</h4>
                            <h4 class="counter">0</h4>
                        </div>
                    </div>
                </div>

                <!-- Total Refund -->
                <div class="col-md-2 col-lg-2">
                    <div class="card b-shade" data-aos="fade-up">
                        <div class="social-graph-wrapper widget-googleplus">
                            <span class="s-icon"><i class="fa fa-undo"></i></span>
                        </div>
                        <div class="p-3 text-center">
                            <h4 class="m-1">Total Refund</h4>
                            <h4 class="counter">0</h4>
                        </div>
                    </div>
                </div>

                <!-- Total Investment (Contest Joining Amount) -->
                <div class="col-md-2 col-lg-2">
                    <div class="card b-shade" data-aos="fade-up">
                        <div class="social-graph-wrapper widget-linkedin">
                            <span class="s-icon"><i class="fa fa-handshake"></i></span>
                        </div>
                        <div class="p-3 text-center">
                            <h4 class="m-1">Total Investment</h4>
                            <h4 class="counter">0</h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>














        <div class="col-xl-12 col-xxl-12 pl-4 mx-2 pr-5">
            <div class="row">
                <div class="col-xl-6">
                    <div class="widget-quantity" data-aos="fade-up" data-aos-once="true">
                        <div class="card">
                            <div class="card-body">
                                <div class="d-flex justify-content-between align-items-center">
                                    <div class="widget-content">
                                        <h4>Total Add Cash</h4>
                                    </div>
                                    <h4>
                                        <span class="text-success"><i class="mdi mdi-arrow-up"></i></span>
                                        ₹ <span class="counter">{{$today_add_fund}}</span>
                                    </h4>
                                </div>
                                <div class="chart mt-3">
                                    <canvas id="today_add_fund"></canvas>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xl-6">
                    <div class="widget-quantity" data-aos="fade-up" data-aos-once="true">
                        <div class="card">
                            <div class="card-body">
                                <div class="d-flex justify-content-between align-items-center">
                                    <div class="widget-content">
                                        <h4>Total User</h4>
                                    </div>
                                    <h4>
                                        <span class="text-success"><i class="mdi mdi-arrow-up"></i></span>
                                      <span class="counter">{{$total_user_count}}</span>
                                    </h4>
                                </div>
                                <div class="chart mt-3">
                                    <canvas id="total_user_show"></canvas>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-12 col-xxl-12 pl-4 mx-2 pr-5">
            <div class="row">
                <div class="col-xl-6">
                    <div class="card" data-aos="fade-up" data-aos-once="true">
                        <div class="card-header">
                            <h4 class="card-title">Total Online Payments</h4>
                        </div>
                        <div class="card-body pt-4 download-chart-area">
                            <div class="row" style="justify-content: left;">
                                <div class="col-md-8 col-sm-12">
                                    <div class="circle-progress text-center">
                                        <div id="speed-chart"></div>
                                    </div>
                                </div>
                                <!-- <div class="col-md-4 col-sm-12 align-items-center justify-content-center justify-content-md-start d-flex">
                                    <ul class="d-flex d-md-block mt-4 mt-md-0">
                                        <li class="text-dark mb-3 mr-5 mr-md-0"><span class="icon-1 pr-2"><i class="mdi mdi-arrow-up-bold"></i></span>Paytm</li>
                                        <li class="text-dark"><span class="icon-2 pr-2"><i class="mdi mdi-arrow-down-bold"></i></span>Cashfree</li>
                                    </ul>
                                </div> -->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="card" data-aos="fade-up" data-aos-once="true">
                        <div class="card-header">
                            <h4 class="card-title">Total Withdrawal</h4>
                        </div>
                        <div class="card-body pt-4 download-chart-area">
                            <div class="row">
                                <div class="col-md-8 col-sm-12">
                                    <div class="circle-progress text-center">
                                        <div id="speed-chart"></div>
                                    </div>
                                </div>
                                <!-- <div class="col-md-4 col-sm-12 align-items-center justify-content-center justify-content-md-start d-flex">
                                    <ul class="d-flex d-md-block mt-4 mt-md-0">
                                        <li class="text-dark mb-3 mr-5 mr-md-0"><span class="icon-1 pr-2"><i class="mdi mdi-arrow-up-bold"></i></span>Paytm</li>
                                        <li class="text-dark"><span class="icon-2 pr-2"><i class="mdi mdi-arrow-down-bold"></i></span>Cashfree</li>
                                    </ul>
                                </div> -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-12 col-xxl-12 pl-4 mx-2 pr-5">
            <div class="card" data-aos="fade-up" data-aos-once="true">
                <div class="card-header">
                    <h4 class="card-title">User Withdraw Payment</h4>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped verticle-middle table-responsive-sm">
                            <thead>
                                <tr>
                                    <th scope="col">S No.</th>
                                    <!-- <th scope="col">ID</th> -->
                                    <th scope="col">Name</th>
                                    <th scope="col">Email</th>
                                    <th scope="col">Amount</th>
                                    <th scope="col">Approved Date</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if(isset($user_amount) && !empty($user_amount))
                                @php
                                $i=1;
                                @endphp
                                @foreach($user_amount as $user_amount_val)
                                <tr>
                                    <td>{{$i}}</td>
                                    <!-- <td>
                                        {{$user_amount_val->id}}
                                    </td> -->
                                    <td>{{$user_amount_val->username}}</td>
                                    <td><!-- <span class="badge badge-primary">{{$user_amount_val->email}}</span> -->
                                        {{$user_amount_val->email}}
                                    </td>
                                    <td><!-- <span class="badge badge-primary">{{$user_amount_val->amount}}</span> -->
                                        <i class="fa fa-inr"></i>{{$user_amount_val->amount}}
                                    </td>
                                    <td>                                     </td>
                                   <!--  <td><span><a href="javascript:void()" class="mr-4" data-toggle="tooltip" data-placement="top" title="Edit"><i class="fa fa-pencil color-muted"></i> </a><a href="javascript:void()" data-toggle="tooltip" data-placement="top" title="Close"><i class="fa fa-close color-danger"></i></a></span>
                                    </td> -->
                                </tr>
                                   @php
                                   $i++;
                                   @endphp
                               @endforeach
                               @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>


    </div>
</div>
<!--****************** Content body end *************************-->
<!-------------Show Total Amount Add Month Wise------------>
@php
$month = array();
$amount = array();
$user_add_month = array();
$user = array();
@endphp
@if(isset($user_add_amount) && !empty($user_add_amount))
    @foreach($user_add_amount as $amount_val)
        @if($amount_val->month=='1')
            @php
            $month[]  = 'Jan' ;
            $amount[] = floatval($amount_val->user_add_amount);
            @endphp
        @elseif($amount_val->month=='2')
            @php
            $month[]  = 'Feb' ;
            $amount[] = floatval($amount_val->user_add_amount);
            @endphp
        @elseif($amount_val->month=='3')
            @php
            $month[]  = 'Mar' ;
            $amount[] = floatval($amount_val->user_add_amount);
            @endphp
        @elseif($amount_val->month=='4')
            @php
            $month[]  = 'Apr' ;
            $amount[] = floatval($amount_val->user_add_amount);
            @endphp
        @elseif($amount_val->month=='5')
            @php
            $month[]  = 'May' ;
            $amount[] = floatval($amount_val->user_add_amount);
            @endphp
        @elseif($amount_val->month=='6')
            @php
            $month[]  = 'Jun' ;
            $amount[] = floatval($amount_val->user_add_amount);
            @endphp
        @elseif($amount_val->month=='7')
            @php
            $month[]  = 'Jul' ;
            $amount[] = floatval($amount_val->user_add_amount);
            @endphp
        @elseif($amount_val->month=='8')
            @php
            $month[]  = 'Aug' ;
            $amount[] = floatval($amount_val->user_add_amount);
            @endphp
        @elseif($amount_val->month=='9')
            @php
            $month[]  = 'Sep' ;
            $amount[] = floatval($amount_val->user_add_amount);
            @endphp
        @elseif($amount_val->month=='10')
            @php
            $month[]  = 'Oct' ;
            $amount[] = floatval($amount_val->user_add_amount);
            @endphp
        @elseif($amount_val->month=='11')
            @php
            $month[]  = 'Nov' ;
            $amount[] = floatval($amount_val->user_add_amount);
            @endphp
        @elseif($amount_val->month=='12')
            @php
            $month[]  = 'Dec' ;
            $amount[] = floatval($amount_val->user_add_amount);
            @endphp
        @endif
    @endforeach