@extends('frontend.accounts.layouts.app')
@section('title', 'Account - Dashboard')
@section('page', 'Dashboard')
@section('content')
<div class="main-panel">
   @include('frontend.accounts.layouts.header')

   <div class="content">
    <div class="container-fluid">
        <div class="row">
            <!-- First Box -->
            <div class="col-md-4">
                <div class="card card-modern">
                    <div class="content text-center">
                        <div class="icon-big icon-warning">
                            <i class="fa fa-envelope text-warning"></i>
                        </div>
                        <h4 class="count">150</h4>
                        <div class="footer">
                            <hr>
                            <div class="stats">
                                <p>Email Statistics</p>
                                <small>Last Campaign Performance</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Second Box -->
            <div class="col-md-4">
                <div class="card card-modern">
                    <div class="content text-center">
                        <div class="icon-big icon-success">
                            <i class="fa fa-users text-success"></i>
                        </div>
                        <h4 class="count">98</h4>
                        <div class="footer">
                            <hr>
                            <div class="stats">
                                <p>Users Behavior</p>
                                <small>24 Hours performance</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Third Box -->
            <div class="col-md-4">
                <div class="card card-modern">
                    <div class="content text-center">
                        <div class="icon-big icon-danger">
                            <i class="fa fa-dollar text-danger"></i>
                        </div>
                        <h4 class="count">$4,200</h4>
                        <div class="footer">
                            <hr>
                            <div class="stats">
                                <p>2014 Sales</p>
                                <small>All products including Taxes</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <!-- Fourth Box -->
            <div class="col-md-6">
                <div class="card card-modern">
                    <div class="content text-center">
                        <div class="icon-big icon-info">
                            <i class="fa fa-tasks text-info"></i>
                        </div>
                        <h4 class="count">20</h4>
                        <div class="footer">
                            <hr>
                            <div class="stats">
                                <p>Tasks</p>
                                <small>Backend development</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Fifth Box -->
            <div class="col-md-6">
                <div class="card card-modern">
                    <div class="content text-center">
                        <div class="icon-big icon-primary">
                            <i class="fa fa-bell text-primary"></i>
                        </div>
                        <h4 class="count">12</h4>
                        <div class="footer">
                            <hr>
                            <div class="stats">
                                <p>Notifications</p>
                                <small>Important updates</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

    @include('frontend.accounts.layouts.footer')

</div>
@endsection