@extends('layouts.color_admin.default')

@section('title', 'Dashboard')

@push('css')
<style>
    .panel{
        background: transparent;
    }
    .widget.widget-stats {
    position: relative;
    }
    .bg-danger, .bg-red {
        background-color: #85D0F0!important;
    }
    .widget {
        color: #fff;
        padding: 30px;
        overflow: hidden;
        border-radius: 3px;
        margin-bottom: 20px;
    }
    .widget-stats .stats-icon {
        font-size: 42px;
        height: 56px;
        width: 56px;
        text-align: center;
        line-height: 56px;
        margin-left: 15px;
        color: #000;
        position: absolute;
        right: 15px;
        top: 15px;
        opacity: .15;
    }
    .widget-stats .stats-info h4 {
        font-size: 12px;
        margin: 5px 0;
        color: #fff;
        color: rgba(255,255,255,.7);
    }
    .widget-stats .stats-info p {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 0;
    }
    .bg-grey-darker {
        background-color: #929ba1!important;
    }
    .bg-green, .bg-success {
        background-color: #0194D9 !important;
    }
    </style>
@endpush

@section('content')
	<!-- begin breadcrumb -->
	<ol class="breadcrumb pull-right">
		<li class="breadcrumb-item"><a href="javascript:;">Home</a></li>
		<li class="breadcrumb-item active">Dashboard</li>
	</ol>
	<!-- end breadcrumb -->
	<!-- begin page-header -->
	<h1 class="page-header">Dashboard<small>
		@if(session('status'))
		<div class="alert alert-success alert-dismissible fade show" role="alert">
			{{session('status')}}
			<button type="button" class="close" data-dismiss="alert" aria-label="Close">
				<span aria-hidden="true">&times;</span>
			</button>
		</div>
		@endif
	</small></h1>
	<!-- end page-header -->
	
	<div class="row">
		<!-- begin col-8 -->
		<div class="col-lg-12">
			<!-- begin panel -->
            <div class="row">
                <div class="col-lg-3 col-md-6">
                    <div class="widget widget-stats bg-red">
                        <div class="stats-icon"><i class="fa fa-desktop"></i></div>
                        <div class="stats-info">
                            <h4>Aantal aangiftes</h4>
                            <p>{{$count_submit_declaration}}</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="widget widget-stats bg-grey-darker">
                        <div class="stats-icon"><i class="fa fa-users"></i></div>
                        <div class="stats-info">
                            <h4>Totaal aantal gebruikers</h4>
                            <p>{{$count_user}}</p>	
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="widget widget-stats bg-green">
                        <div class="stats-icon"><i class="fa fa-link"></i></div>
                        <div class="stats-info">
                            <h4>Verzonden e-mails</h4>
                            <p>{{$qty_send_email}}</p>	
                        </div>
                    </div>
                </div>
            </div>
			<!-- end panel -->
		</div>
	</div>
@endsection

@push('scripts')

@endpush