@extends('layouts.admin-app')
@section('content')
    @include('parts.admin-header')
    <div class="page-body-wrapper sidebar-icon">
    @include('parts.scrollbar')
        <div class="page-body">
        @include('parts.navigation', ['title' => 'Dashboard'])
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-6 col-xl-3 col-lg-6">
                        <div class="card o-hidden">
                            <div class="bg-danger b-r-4 card-body">
                                <div class="media static-top-widget">
                                    <div class="align-self-center text-center">
                                        <i class="icon-user"></i>
                                    </div>
                                    <div class="media-body">
                                        <span class="m-0">Users</span>
                                        <h4 class="counter">{{$users}}</h4>
                                        <i class="icon-user icon-bg"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-xl-3 col-lg-6">
                        <div class="card o-hidden">
                            <div class="bg-secondary b-r-4 card-body">
                                <div class="media static-top-widget">
                                    <div class="align-self-center text-center">
                                        <i class="icon-files"></i>
                                    </div>
                                    <div class="media-body">
                                        <span class="m-0">Download files</span>
                                        <h4 class="counter">{{$downloads}}</h4>
                                        <i class="icon-files icon-bg"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-xl-3 col-lg-6">
                        <div class="card o-hidden">
                            <div class="bg-primary b-r-4 card-body">
                                <div class="media static-top-widget">
                                    <div class="align-self-center text-center">
                                        <i class="icofont icofont-bank-alt"></i>
                                    </div>
                                    <div class="media-body">
                                        <span class="m-0">Academy files</span>
                                        <h4 class="counter">{{$academy}}</h4>
                                        <i class="icofont icofont-bank-alt icon-bg"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-xl-3 col-lg-6">
                        <div class="card o-hidden">
                            <div class="bg-info b-r-4 card-body">
                                <div class="media static-top-widget">
                                    <div class="align-self-center text-center">
                                        <i class="icofont icofont-chart-flow-alt-1"></i>
                                    </div>
                                    <div class="media-body">
                                        <span class="m-0">Cagegories</span>
                                        <h4 class="counter">{{$categories}}</h4>
                                        <i class="icofont icofont-chart-flow-alt-1 icon-bg"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection