@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" data-aos="fade-up">
        <div class="col-sm-12 col-xxl-4 col-lg-4 col-md-12 col-12 px-0">
            <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>

        <!-- <div class="col-sm-10 col-xxl-7 col-lg-7 col-md-10 col-12">
            <div class="breadcrumb-widget text-center">
                <div class="row justify-content-center">
                    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12 border-right border-dark">
                        <p class="mb-1">Customer Rating</p>
                        <div class="rating-star">
                            <span class="text-warning"><i class="fa fa-star"></i></span>
                            <span class="text-warning"><i class="fa fa-star"></i></span>
                            <span class="text-warning"><i class="fa fa-star"></i></span>
                            <span class="text-warning"><i class="fa fa-star"></i></span>
                            <span class="text-mute"><i class="fa fa-star"></i></span>
                            <span class="ml-2"> (1150)</span>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12 border-right border-dark">
                        <div class="breadcrumb-balance">
                            <p class="mb-1">Total number of global leauges</p>
                            <h4>{{$count_total_user_join}}</h4>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12">
                        <div class="breadcrumb-balance">
                            <p class="mb-1">Total Balance</p>
                            <h4>$26500</h4>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
    </div>

    <div class="row">
        <div class="col-xl-12 col-xxl-12 py-3 pl-4 mx-2 pr-5">
            <div class="row">
                <!-- <div class="col-xl-6 col-lg-3 col-sm-6 col-xxl-3 col-lg-6">
                    <div class="card" data-aos="fade-up" data-aos-once="true">
                        <div class="social-graph-wrapper widget-facebook">
                            <span class="s-icon"><i class="fa fa-money"></i></span>
                        </div>
                        <div class="row">
                            <div class="col-6 border-right">
                                <div class="pt-3 pb-3 pl-0 pr-0 px-3">
                                    <p class="m-0">Pending withdrawal request</p>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="pt-3 pb-3 pl-0 pr-0 px-3">
                                    <h4 class="m-1"><span class="counter">{{$withdraw}}</span></h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> -->
                <div class="col-md-6 col-sm-6 col-lg-4 col-xl-3 col-xxl-4">
                    <div class="card b-shade" data-aos="fade-up" data-aos-once="true">
                        <div class="social-graph-wrapper widget-googleplus">
                            <span class="s-icon"><i class="fa fa-money fa-col"></i></span>
                        </div>
                        <div class="row">
                            <div class="col-6 border-right">
                                <div class="p-3">
                                    <p class="m-0">Pending withdrawal request</p>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="p-3">
                                    <h4 class="m-1"><span class="counter">{{$withdraw}}</span></h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 col-lg-4 col-xl-3 col-xxl-4">
                    <div class="card b-shade" data-aos="fade-up" data-aos-once="true">
                        <div class="social-graph-wrapper widget-linkedin">
                            <span class="s-icon"><i class="fa fa-money fa-col"></i></span>
                        </div>
                        <div class="row">
                            <div class="col-6 border-right">
                                <div class="p-3">
                                    <p class="m-0">Today's Total Add Amount</p>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="p-3">
                                    <h4 class="m-1"><i class="fa fa-inr"></i><span class="counter">{{$addAmount}}</span></h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 col-lg-4 col-xl-3 col-xxl-4">
                    <div class="card b-shade" data-aos="fade-up" data-aos-once="true">
                        <div class="social-graph-wrapper widget-googleplus">
                            <span class="s-icon"><i class="fa fa-money fa-col"></i></span>
                        </div>
                        <div class="row">
                            <div class="col-6 border-right">
                                <div class="p-3">
                                    <p class="m-0">Today's Total Withdraw</p>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="p-3">
                                    <h4 class="m-1"><i class="fa fa-inr"></i><span class="counter">{{$withdrawAmount}}</span></h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 col-lg-4 col-xl-3 col-xxl-4">
                    <div class="card b-shade" data-aos="fade-up" data-aos-once="true">
                        <div class="social-graph-wrapper widget-twitter">
                            <span class="s-icon"><i class="fa fa-users fa-col"></i></span>
                        </div>
                        <div class="row">
                            <div class="col-6 border-right">
                                <div class="p-3">
                                    <p class="m-0">Today's Total User Join</p>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="p-3">
                                    <h4 class="m-1"><span class="counter">{{$count_total_user_join}}</span> </h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 col-lg-4 col-xl-3 col-xxl-4">
                    <div class="card b-shade" data-aos="fade-up" data-aos-once="true">
                        <div class="social-graph-wrapper widget-twitter">
                            <span class="s-icon"><i class="fa fa-money fa-col"></i></span>
                        </div>
                        <div class="row">
                            <div class="col-6 border-right">
                                <div class="p-3">
                                    <p class="m-0">Total User Balance</p>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="p-3">
                                    <h4 class="m-1"><i class="fa fa-inr"></i><span class="counter">{{$user_tota_amount}}</span> </h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 col-lg-4 col-xl-3 col-xxl-4">
                    <div class="card b-shade" data-aos="fade-up" data-aos-once="true">
                        <div class="social-graph-wrapper widget-googleplus">
                            <span class="s-icon"><i class="fa fa-money fa-col"></i></span>
                        </div>
                        <div class="row">
                            <div class="col-6 border-right">
                                <div class="p-3">
                                    <p class="m-0">Total User Winning</p>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="p-3">
                                    <h4 class="m-1"><i class="fa fa-inr"></i><span class="counter">{{$user_tota_amount1}}</span></h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 col-lg-4 col-xl-3 col-xxl-4">
                    <div class="card b-shade" data-aos="fade-up" data-aos-once="true">
                        <div class="social-graph-wrapper widget-linkedin">
                            <span class="s-icon"><i class="fa fa-money fa-col"></i></span>
                        </div>
                        <div class="row">
                            <div class="col-6 border-right">
                                <div class="p-3">
                                    <p class="m-0">Total User Bonus</p>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="p-3">
                                    <h4 class="m-1"><i class="fa fa-inr"></i><span class="counter">{{$user_tota_amount2}}</span></h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- ss -->
                <div class="col-md-6 col-sm-6 col-lg-4 col-xl-3 col-xxl-4">
                    <div class="card b-shade" data-aos="fade-up" data-aos-once="true">
                        <div class="social-graph-wrapper widget-linkedin">
                            <span class="s-icon"><i class="fa fa-money fa-col"></i></span>
                        </div>
                        <div class="row">
                            <div class="col-6 border-right">
                                <div class="p-3">
                                    <p class="m-0">Total Pending Pan Request</p>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="p-3">
                                    <h4 class="m-1"><span class="counter">{{$user_tota_pan}}</span></h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 col-lg-4 col-xl-3 col-xxl-4">
                    <div class="card b-shade" data-aos="fade-up" data-aos-once="true">
                        <div class="social-graph-wrapper widget-linkedin">
                            <span class="s-icon"><i class="fa fa-money fa-col"></i></span>
                        </div>
                        <div class="row">
                            <div class="col-6 border-right">
                                <div class="p-3">
                                    <p class="m-0">Total Pending Bank Request</p>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="p-3">
                                    <h4 class="m-1"><span class="counter">{{$user_tota_bank}}</span></h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-sm-6 col-lg-4 col-xl-3 col-xxl-4">
                    <div class="card b-shade" data-aos="fade-up" data-aos-once="true">
                        <div class="social-graph-wrapper widget-linkedin">
                            <span class="s-icon"><i class="fa fa-money fa-col"></i></span>
                        </div>
                        <div class="row">
                            <div class="col-6 border-right">
                                <div class="p-3">
                                    <p class="m-0">Total Cash card</p>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="p-3">
                                    <h4 class="m-1"><span class="counter">{{$user_total_royalCash}}</span></h4>
                                </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="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">{{$user_total_amount}}</span></h4>
                                </div>
                                <div class="chart mt-3">
                                    <canvas id="total_amount_add"></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 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>{{date('M Y-d',strtotime($user_amount_val->approved_date))}}
                                    </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