@extends('admin.index')
@section('title', Helper::getSiteTitle('Dashboard'))

@section('content')
<div class="row">
    <div class="col-12">
        <div class="page-title-box">
            <h4 class="page-title">Dashboard</h4>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-6 col-xl-4">
        <div class="widget-rounded-circle card-box">
            <div class="row">
                <div class="col-6">
                    <div class="avatar-lg rounded-circle bg-soft-blue border-blue border">
                        <i class="fe-users font-22 avatar-title text-blue"></i>
                    </div>
                </div>
                <div class="col-6">
                    <div class="text-right">
                        <h3 class="text-dark mt-1"><span data-plugin="counterup">0</span></h3>
                        <p class="text-muted mb-1 text-truncate" title="Total Logged In Users">Total Logged In Users</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6 col-xl-4">
        <div class="widget-rounded-circle card-box">
            <div class="row">
                <div class="col-6">
                    <div class="avatar-lg rounded-circle bg-soft-pink border-pink border">
                        <i class="fe-bar-chart font-22 avatar-title text-pink"></i>
                    </div>
                </div>
                <div class="col-6">
                    <div class="text-right">
                        <h3 class="mt-1 text-dark"><span data-plugin="counterup">{{ $total_active_workers }}</span></h3>
                        <p class="text-muted mb-1 text-truncate" title="Total Active Workers">Total Active Workers</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6 col-xl-4">
        <div class="widget-rounded-circle card-box">
            <div class="row">
                <div class="col-6">
                    <div class="avatar-lg rounded-circle bg-soft-success border-success border">
                        <i class="fe-monitor font-22 avatar-title text-success"></i>
                    </div>
                </div>
                <div class="col-6">
                    <div class="text-right">
                        <h3 class="text-dark mt-1"><span data-plugin="counterup">{{ Helper::displayFullValue($twenty_four_comb_us_calc) }}</span></h3>
                        <p class="text-muted mb-1 text-truncate" title="24 Hour Profitability">24 Hour Profitability</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6 col-xl-6">
        <div class="widget-rounded-circle card-box">
            <div class="row">
                <div class="col-6">
                    <div class="avatar-lg rounded-circle bg-soft-warning border-warning border">
                        <i class="fe-aperture font-22 avatar-title text-warning"></i>
                    </div>
                </div>
                <div class="col-6">
                    <div class="text-right">
                        <h3 class="text-dark mt-1"><span>{{ Helper::displayFullValue($osrs_balance) }} GP</span></h3>
                        <p class="text-muted mb-1 text-truncate" title="Total OSRS Balance">Total OSRS Balance</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6 col-xl-6">
        <div class="widget-rounded-circle card-box">
            <div class="row">
                <div class="col-6">
                    <div class="avatar-lg rounded-circle bg-soft-info border-info border">
                        <i class="fe-credit-card font-22 avatar-title text-info"></i>
                    </div>
                </div>
                <div class="col-6">
                    <div class="text-right">
                        <h3 class="text-dark mt-1"><span data-plugin="counterup">{{ Helper::displayFullValue($f2pol_wallet) }}</span></h3>
                        <p class="text-muted mb-1 text-truncate" title="F2POOL Wallet Balance">F2POOL Wallet Balance</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection