@extends('layouts.admin-main')
@section('content')
<div class="col-lg-12">
    <div class="card-body shadow-1">
        @if(!Auth::user()->hasRole('Member'))
        <main id="js-page-content" role="main" class="page-content">
            <div class="row">
                <div class="col-sm-12 col-xs-12 card card-form">
                    <form method="GET" action="{{ route('home') }}" id="search-form">
                        <div class="row">
                            <div class="col-sm-4 col-lg-4 col-xs-12">
                                <div class="input-group">
                                    <div class="input-group">
                                        <input type="text" class="form-control" placeholder="{{__('message.select')}}" id="datepicker" name="date" readonly>
                                        <div class="input-group-append">
                                            <span class="input-group-text fs-xl">
                                                <i class="fal fa-calendar"></i>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- <div class="col-sm-3 col-lg-3 col-xs-12">
                                <div class="form-group">
                                    <div class="col-xs-12">
                                        <input class="form-control " placeholder="{{ __('message.search') }}"
                                            type="text" name="q">
                                    </div>
                                </div>
                            </div> -->
                            <button type="submit" class="btn btn-primary mx-1"><i class="fal fa-search fa-lg"></i>
                                </a>{{ __('message.search') }}</button>
                            <a href="{{ route('home') }}"
                                class="btn btn-outline-info waves-effect waves-themed">
                                <i class="fal fa-sync"></i>
                                {{ __('message.refresh') }}
                            </a>
                        </div>
                    </form>
                </div>

                <div class="col-sm-4 col-xl-6">
                    <div class="p-3 bg-warning-400 rounded overflow-hidden position-relative text-white mb-g">
                        <div class="">
                            <h3 class="display-4 d-block l-h-n m-0 fw-500">
                                {{number_format($totalDeposit,2)}} {{$setting_->currency_name}}
                                <small class="m-0 l-h-n">{{__('message.total deposit')}}</small>
                            </h3>
                        </div>
                        <i class="fal fa-gem position-absolute pos-right pos-bottom opacity-15  mb-n1 mr-n4" style="font-size: 6rem;"></i>
                    </div>
                </div>
                <div class="col-sm-4 col-xl-6">
                    <div class="p-3 bg-success-200 rounded overflow-hidden position-relative text-white mb-g">
                        <div class="">
                            <h3 class="display-4 d-block l-h-n m-0 fw-500">
                                {{number_format($totalWithdraw,2)}} {{$setting_->currency_name}}
                                <small class="m-0 l-h-n">{{__('message.total withdraw')}}</small>
                            </h3>
                        </div>
                        <i class="fal fa-lightbulb position-absolute pos-right pos-bottom opacity-15 mb-n5 mr-n6" style="font-size: 8rem;"></i>
                    </div>
                </div>
                <div class="col-sm-4 col-xl-6">
                    <div class="p-3 bg-info-200 rounded overflow-hidden position-relative text-white mb-g">
                        <div class="">
                            <h3 class="display-4 d-block l-h-n m-0 fw-500">
                                {{number_format($totalDepositBonus,2)}} {{$setting_->currency_name}}
                                <small class="m-0 l-h-n">{{__('message.total deposit bonus')}}</small>
                            </h3>
                        </div>
                        <i class="fal fa-globe position-absolute pos-right pos-bottom opacity-15 mb-n1 mr-n4" style="font-size: 6rem;"></i>
                    </div>
                </div>
                <div class="col-sm-4 col-xl-6">
                    <div class="p-3 bg-info-200 rounded overflow-hidden position-relative text-white mb-g">
                        <div class="">
                            <h3 class="display-4 d-block l-h-n m-0 fw-500">
                                {{number_format(abs($totalWithdrawBonus),2)}} {{$setting_->currency_name}}
                                <small class="m-0 l-h-n">{{__('message.total withdraw bonus')}}</small>
                            </h3>
                        </div>
                        <i class="fal fa-globe position-absolute pos-right pos-bottom opacity-15 mb-n1 mr-n4" style="font-size: 6rem;"></i>
                    </div>
                </div>
                <div class="col-sm-4 col-xl-6">
                    <div class="p-3 bg-info-200 rounded overflow-hidden position-relative text-white mb-g">
                        <div class="">
                            <h3 class="display-4 d-block l-h-n m-0 fw-500" @if(($totalDeposit-$totalWithdraw)<0) style="color:#a90329;" @endif>
                                {{number_format(($totalDeposit-$totalWithdraw),2)}} {{$setting_->currency_name}}
                                <small class="m-0 l-h-n">{{__('message.total profit')}}</small>
                            </h3>
                        </div>
                        <i class="fal fa-globe position-absolute pos-right pos-bottom opacity-15 mb-n1 mr-n4" style="font-size: 6rem;"></i>
                    </div>
                </div>
                <div class="col-sm-4 col-xl-6">
                    <div class="p-3 bg-primary-300 rounded overflow-hidden position-relative text-white mb-g">
                        <div class="">
                            <h3 class="display-4 d-block l-h-n m-0 fw-500">
                                {{number_format($totalRegister,0)}}
                                <small class="m-0 l-h-n">{{__('message.total register')}}</small>
                            </h3>
                        </div>
                        <i class="fal fa-user position-absolute pos-right pos-bottom opacity-15 mb-n1 mr-n1" style="font-size:6rem"></i>
                    </div>
                </div>
            </div>
            
        </main>
        @endif
    </div>
</div>
@endsection

@section('meta')
<title>{{ config('app.name', 'Dashboard') }}</title>
@endsection
@section('scripts')
    @include('app.datepicker-js-config')
@endsection