@extends('layouts.app')
@section('style')   
<style type="text/css" media="screen">
    *, ::after, ::before {
    box-sizing: border-box  !important;
    }
</style>
@endsection
@section('content')
<div class="card-header">
    <h2>Dashboard</h2> 
</div>
<!-- Stats Card -->
<div class="row">
                <div class="col-lg-3 col-sm-6"><a href="{{url('documentorecepcion')}}">
                    <div class="stats-card-two ">
                        <div class="media align-items-center">
                            <div class="avatar avatar-blue">
                            <i class="far fa-folder-open fa-lg"></i>
                            </div>
                            <div class="ml-15">
                                <p class="number text-primary fw-600">Por Recepcionar</p>
                                <h3 class="mb-0 fs-25">{{$documentorecepcion}}</h3>
                            </div>
                        </div>
                    </div></a>
                </div>
                
                <div class="col-lg-3 col-sm-6"><a href="{{url('documentoproceso')}}">
                    <div class="stats-card-two ">
                        <div class="media align-items-center">
                            <div class="avatar avatar-cyan">
                                <i class="far fa-folder-open fa-lg"></i>
                            </div>
                            <div class="ml-15">
                                <p class="number text-primary fw-600">En proceso</p>
                                <h3 class="mb-0 fs-25">{{$documentoproceso}}</h3>
                            </div>
                        </div>
                    </div></a>
                </div>
                
                <div class="col-lg-3 col-sm-6"><a href="{{url('documentotransito')}}">
                    <div class="stats-card-two ">
                        <div class="media align-items-center">
                            <div class="avatar avatar-gold">
                            <i class="far fa-folder-open fa-lg"></i>
                            </div>
                            <div class="ml-15">
                                <p class="number text-primary fw-600">En transito</p>
                                <h3 class="mb-0 fs-25">{{$documentotransito}}</h3>
                            </div>
                        </div>
                    </div></a>
                </div>

                <div class="col-lg-3 col-sm-6"><a href="{{url('expedientearchivo')}}">
                    <div class="stats-card-two ">
                        <div class="media align-items-center">
                            <div class="avatar avatar-purple">
                            <i class="far fa-folder-open fa-lg"></i>
                            </div>
                            <div class="ml-15">
                                <p class="number text-primary fw-600">archivados</p>
                                <h3 class="mb-0 fs-25">{{$expedientearchivo}}</h3>
                            </div>
                        </div>
                    </div></a>
                </div>

                <div class="col-lg-3 col-sm-6"><a href="{{url('documento')}}">
                    <div class="stats-card-two ">
                        <div class="media align-items-center">
                            <div class="avatar avatar-purple">
                            <i class="far fa-folder-open fa-lg"></i>
                            </div>
                            <div class="ml-15">
                                <p class="number text-primary fw-600">Observados</p>
                                <h3 class="mb-0 fs-25">{{$documentoobservado}}</h3>
                            </div>
                        </div>
                    </div></a>
                </div>
            </div>
            <!-- End Stats Card -->
@endsection