@extends('layouts.default')
@section('title', 'Dashboard')
@section('content')
<div class="content-main__inner">
    <div class="dashboard">
        <div class="row">
            <div class="col-lg-3 col-sm-6 col-6">
                <div class="dashboard__box">
                    <div class="bg-light-warning dashboard__box-item">
                        <div class="dashboard__box-title">
                            <i class="fas fa-user-lock text-warning"></i>
                            <span class="text-warning">Admin</span>
                        </div>
                        <div class="dashboard__box-number">
                            <h2 class="text-warning">{{ $total["admin_total"] ?? '' }}</h2>
                            <a href="{{ route('adminList') }}" class="link text-warning font-size-sm">View all</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6 col-6">
                <div class="dashboard__box">
                    <div class="dashboard__box-item bg-light-primary">
                        <div class="dashboard__box-title">
                            <i class="fas fa-users-cog text-primary"></i>
                            <span class="text-primary">Users</span>
                        </div>
                        <div class="dashboard__box-number">
                            <h2 class="text-primary">{{ $total["user_total"] ?? '' }}</h2>
                            <a href="{{ route('userList') }}" class="link text-primary font-size-sm">View all</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6 col-6">
                <div class="dashboard__box">
                    <div class="dashboard__box-item bg-light-danger">
                        <div class="dashboard__box-title">
                            <i class="fas fa-bullseye text-danger"></i>
                            <span class="text-danger">Goal</span>
                        </div>
                        <div class="dashboard__box-number">
                            <h2 class="text-danger">{{ $total["goal_total"] ?? '' }}</h2>
                            <a href="{{ route('goalList') }}" class="link text-danger font-size-sm">View all</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6 col-6">
                <div class="dashboard__box">
                    <div class="dashboard__box-item bg-light-success">
                        <div class="dashboard__box-title">
                            <i class="fas fa-piggy-bank text-success"></i>
                            <span class="text-success">Savings</span>
                        </div>
                        <div class="dashboard__box-number">
                            <h2 class="text-success">{{ $total["savings_total"] ?? '' }}</h2>
                            <a href="{{ route('savingsList') }}" class="link text-success font-size-sm">View all</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{-- <div class="row">
            <div class="col-lg-3 col-sm-6 col-6">
                <div class="dashboard__box">
                    <div class="dashboard__box-item">
                        <div class="dashboard__box-title">
                            <i class="fal fa-users "></i>
                            <span class="">Users</span>
                        </div>
                        <div class="dashboard__box-number">
                            <h2 class="">99</h2>
                            <a href="#" class="link font-size-sm">View all</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6 col-6">
                <div class="dashboard__box">
                    <div class="dashboard__box-item">
                        <div class="dashboard__box-title">
                            <i class="fal fa-users "></i>
                            <span class="">Users</span>
                        </div>
                        <div class="dashboard__box-number">
                            <h2 class="">99</h2>
                            <a href="#" class="link font-size-sm">View all</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6 col-6">
                <div class="dashboard__box">
                    <div class="dashboard__box-item">
                        <div class="dashboard__box-title">
                            <i class="fal fa-users "></i>
                            <span class="">Users</span>
                        </div>
                        <div class="dashboard__box-number">
                            <h2 class="">99</h2>
                            <a href="#" class="link font-size-sm">View all</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6 col-6">
                <div class="dashboard__box">
                    <div class="dashboard__box-item">
                        <div class="dashboard__box-title">
                            <i class="fal fa-users "></i>
                            <span class="">Users</span>
                        </div>
                        <div class="dashboard__box-number">
                            <h2 class="">99</h2>
                            <a href="#" class="link font-size-sm">View all</a>
                        </div>
                    </div>
                </div>
            </div>
        </div> --}}
    </div>
</div>
@endsection
@section('pagespecificscripts')
    <script src="{{ asset('js/dashboard.js')}}"></script>
@endsection