@extends('layouts.admin')

@section('content')
    <div class="content-i">
        <div class="content-box">
            <div class="os-tabs-w">
                <!--<div class="os-tabs-controls os-tabs-complex">-->
                <!--    <ul class="nav nav-tabs">-->
                <!--        <li class="nav-item"><a aria-expanded="false" class="nav-link active" data-toggle="tab" href="#tab_overview"><span class="tab-label">Users</span><span class="tab-value">{{ number_format(count($users))}}</span></a></li>-->
                <!--        <li class="nav-item"><a aria-expanded="false" class="nav-link" data-toggle="tab" href="#tab_sales"><span class="tab-label">Deposits</span><span class="tab-value">${{ number_format($deposits->sum('amount')) }}</span></a></li>-->
                <!--        <li class="nav-item"><a aria-expanded="false" class="nav-link" data-toggle="tab" href="#tab_sales"><span class="tab-label">Withdrawals</span><span class="tab-value">${{ number_format($withdrawals->sum('amount')) }}</span></a></li>-->
                <!--    </ul>-->
                <!--</div>-->
            </div>
            <div class="row">
                <div class="col-sm-12 col-lg-12 col-xxl-6">
                    <div class="element-balances justify-content-between mobile-full-width">
                        <div class="balance balance-v2">
                            <div class="balance-title">Total Users</div>
                            <div class="balance-value"><span class="d-xxl-none">{{ number_format(count($users))}}</span><span class="d-none d-xxl-inline-block">{{ number_format(count($users))}}</span>
                            </div>
                        </div>
                    </div>
                    <div class="element-balances justify-content-between mobile-full-width">
                        <div class="balance balance-v2">
                            <div class="balance-title">Total Deposit</div>
                            <div class="balance-value"><span class="d-xxl-none">USD{{ number_format($successful_deposits->sum('amount')) }}</span><span class="d-none d-xxl-inline-block">${{ number_format($successful_deposits->sum('amount')) }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="element-balances justify-content-between mobile-full-width">
                        <div class="balance balance-v2">
                            <div class="balance-title">Total Withdrawal</div>
                            <div class="balance-value"><span class="d-xxl-none">USD{{ number_format($successful_withdrawals->sum('amount')) }}</span><span class="d-none d-xxl-inline-block">${{ number_format($successful_withdrawals->sum('amount')) }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="element-balances justify-content-between mobile-full-width">
                        <div class="balance balance-v2">
                            <div class="balance-title">Wallet Balance</div>
                            <div class="balance-value"><span class="d-xxl-none">USD{{ number_format($successful_deposits->sum('amount') - $successful_withdrawals->sum('amount')) }}</span><span class="d-none d-xxl-inline-block">${{ number_format($successful_deposits->sum('amount') - $successful_withdrawals->sum('amount')) }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="element-wrapper pb-4 mb-4 border-bottom">
                        <div class="element-box-tp">
                            <a href="{{ route('view-users') }}" class="btn btn-primary">
                                <i class="os-icon os-icon-users"></i>
                                <span>Users</span>
                            </a>
                            <a href="{{ route('all-withdrawals') }}" class="btn btn-grey">
                                <i class="os-icon os-icon-credit-card"></i>
                                <span>Withdrawals</span>
                            </a>
                            <a href="{{ route('all-deposits') }}" class="btn btn-grey d-none d-sm-inline-block">
                                <i class="os-icon os-icon-wallet-loaded"></i>
                                <span>Deposits</span>
                            </a>
                        </div>
                    </div>
                   
                </div>
            </div>
        @include('includes.wallet.floats')
        <!--------------------
END - Demo Customizer
-------------------->
            <!--------------------
START - Chat Popup Box
-------------------->

            <!--------------------
END - Chat Popup Box
-------------------->
        </div>
        <!--------------------
START - Sidebar
-------------------->
        <div class="content-panel compact color-scheme-light col-sm-1">
            <div class="content-panel-close"><i class="os-icon os-icon-close"></i></div>
            {{--@include('includes.wallet.sidebar')--}}
        </div>
    <!--------------------
END - Sidebar
-------------------->
    </div>
    @foreach($users as $userr)
        <script>
            // submit form
            function ConfirmDelete{{ $userr->id }}() {
                $(document).ready(function() {
                    var _token = "{{ csrf_token() }}";
                    var id = $("#delete{{ $userr->id }}").val();
                    var x = confirm("Are you sure you want to delete this user? This action can not be reversed.");
                    if(x) {
                        $.ajax({
                            url: "/adm/delete-user/"+id,
                            type: 'POST',
                            data: {'id': id, '_token': _token },
                            dataType: 'JSON',
                            beforeSend: function () {
                                NProgress.start(); // start nprogress
                                $("#delete{{ $userr->id }}").prop('disabled', true); // disable button
                            }
                        })
                            .done(function (data) {
                                if(data.status == true){
                                    $(".success-alert").fadeIn('slow');
                                    $(".success-alert").css('display','block');
                                    $(".success-alert").find("p").html(data.message);
                                }else if(data.status == false){
                                    $(".error-alert").fadeIn('slow');
                                    $(".error-alert").css('display','block');
                                    $(".error-alert").find("p").html(data.message);
                                }
                                NProgress.done(); // end nprogress
                                $("#delete{{ $userr->id }}").prop('disabled', false); // enable button
                            })
                            .fail(function () {
                                $(".error-alert").fadeIn('slow');
                                $(".error-alert").css('display','block');
                                $(".error-alert").find("strong").html("Sorry, an error occured some where");
                                NProgress.done(); // end nprogress
                                $("#delete{{ $userr->id }}").prop('disabled', false); // enable button
                            });
                        $(".error-alert").fadeOut('slow');
                        $(".error-alert").css('display','none');
                        $(".success-alert").fadeOut('slow');
                        $(".success-alert").css('display','none');

                    }
                });

            }
        </script>
    @endforeach
@endsection