@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="fal fa-users text-warning"></i>
                            <span class="text-warning">Users</span>
                        </div>
                        <div class="dashboard__box-number">
                            <h2 class="text-warning">{{$user}}</h2>
                            <a href="{{route('user')}}" 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="fal fa-list-alt text-primary"></i>
                            <span class="text-primary">Notes</span>
                        </div>
                        <div class="dashboard__box-number">
                            <h2 class="text-primary">{{$note}}</h2>
                            <a href="{{route('note')}}" 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="bg-light-success dashboard__box-item">
                        <div class="dashboard__box-title">
                            <i class="fal fa-camera text-success"></i>
                            <span class="text-success">Gallery</span>
                        </div>
                        <div class="dashboard__box-number">
                            <h2 class="text-success">{{$gallery}}</h2>
                            <a href="{{route('gallery')}}" class="link text-success 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="fal fa-trash text-danger"></i>
                            <span class="text-danger">Recyclebin</span>
                        </div>
                        <div class="dashboard__box-number">
                            <h2 class="text-danger">{{$deleted}}</h2>
                            <a href="{{route('gallery')}}" 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="fal fa-file-image text-success"></i>
                            <span class="text-success">Images</span>
                        </div>
                        <div class="dashboard__box-number">
                            <h2 class="text-success">{{$image}}</h2>
                            <a href="{{route('gallery')}}" class="link text-success 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-warning">
                        <div class="dashboard__box-title">
                            <i class="fal fa-file-video text-warning"></i>
                            <span class="text-warning">Video</span>
                        </div>
                        <div class="dashboard__box-number">
                            <h2 class="text-warning">{{$video}}</h2>
                            <a href="{{route('gallery')}}" 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-danger">
                        <div class="dashboard__box-title">
                            <i class="fal fa-file-audio text-danger"></i>
                            <span class="text-danger">Audio</span>
                        </div>
                        <div class="dashboard__box-number">
                            <h2 class="text-danger">{{$audio}}</h2>
                            <a href="{{route('gallery')}}" 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-primary">
                        <div class="dashboard__box-title">
                            <i class="fal fa-file-archive text-primary"></i>
                            <span class="text-primary">Documents</span>
                        </div>
                        <div class="dashboard__box-number">
                            <h2 class="text-primary">{{$docs}}</h2>
                            <a href="{{route('gallery')}}" class="link text-primary font-size-sm">View all</a>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
    </div>
</div>
@endsection
@section('pagespecificscripts')
    <script src="{{ asset('js/dashboard.js')}}"></script>
@endsection