@extends('layouts.backend.master')

@section('title', 'Dashboard')

{{-- container or container-full. Default: container-full --}}
@section('content-width-class', 'container-full')

@section('breadcrumbs')
<!-- Content Header (Page header) -->

@endsection

@section('content')
<!-- Main content -->
<section class="content">
    <div class="row">
        <div class="col-xl-12 col-12">
            <div class="box">
                <div class="box-header">
                    <h4 class="box-title">States</h4>
                </div>
                <div class="box-body">
                    <div class="row">
                        <a href="{{ route('super-user.users.index') }}" class="box-link">
                            <div class="col-xl-4 col-12">
                                <div class="box">
                                    <div class="box-body b-1 su-dashboard">
                                        <div class="text-center">
                                            <h5 class="m-0">Users</h5>
                                            <div class="font-size-20 total-count">{{ $totalUsers }}</div>
                                        </div>
                                    </div>
                                    <div class="card-body bg-grey p-10 text-center">
                                        <span class="text-white mr-1">Today:</span>
                                        <span class="text-white">{{ $totalTodayUsers }}</span>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <div class="col-xl-4 col-12">
                            <div class="box">
                                <div class="box-body b-1 su-dashboard">
                                    <div class="text-center">
                                        <h5 class="m-0">Transactions</h5>
                                        <div class="font-size-20 total-count">{{ $totalTransaction }}</div>
                                    </div>
                                </div>
                                <div class="card-body bg-grey p-10 text-center">
                                    <span class="text-white mr-1">Today:</span>
                                    <span class="text-white">{{ $totalTodayTransaction }}</span>
                                </div>
                            </div>
                        </div>
                        <a href="{{ route('super-user.bank.admin') }}" class="box-link">
                            <div class="col-xl-4 col-12">
                                <div class="box">
                                    <div class="box-body b-1 su-dashboard">
                                        <div class="text-center">
                                            <h5 class="m-0">Bank</h5>
                                            <div class="font-size-20 total-count">{{ $totalBank }}</div>
                                        </div>
                                    </div>
                                    <div class="card-body bg-grey p-10 text-center">
                                        <span class="text-white mr-1">Today:</span>
                                        <span class="text-white">{{ $totalTodayBank }}</span>
                                    </div>
                                </div>
                            </div>
                        </a>


                    </div>
                </div>
                <!--end card-body-->
            </div>
        </div>

        @include("backend.super_user.dashboard-logs")
    </div>
</section>
<!-- /.content -->
@endsection