@extends('admin/layouts/main')

@section('content')
<!-- Page content -->
<div id="page-content">
    <div class="content-header content-header-media">
        <div class="header-section">
            <div class="row">
                <!-- Main Title (hidden on small devices for the statistics to fit) -->
                <div class="col-md-4 col-lg-8 hidden-xs hidden-sm">
                    <h1>Welcome <strong>Admin</strong><br><small>You Look Awesome!</small></h1>
                </div>
                <!-- END Main Title -->

                <!-- Top Stats -->
                <div class="col-lg-4">
                    <div class="row text-center">
                        <div class="col-xs-4 col-sm-3">
                            <h2 class="animation-hatch">
                                <strong>{{$items->total_users}}</strong><br>
                                <small><i class="fa fa-users"></i><br> Users</small>
                            </h2>
                        </div>
                        <div class="col-xs-4 col-sm-3">
                            <h2 class="animation-hatch">
                                <strong>{{$items->total_posts}}</strong><br>
                                <small><i class="fa fa-calendar-o"></i><br> Posts</small>
                            </h2>
                        </div>
                    </div>
                </div>
                <!-- END Top Stats -->
            </div>
        </div>
        <!-- For best results use an image with a resolution of 2560x248 pixels (You can also use a blurred image with ratio 10:1 - eg: 1000x100 pixels - it will adjust and look great!) -->
        <img src="{{URL::to('/')}}/admin/img/placeholders/headers/dash_bg.png" alt="header image" class="animation-pulseSlow">
    </div> 
    <div class="row">
        <div class="col-lg-4">
            <!-- Widget -->
            <a href="{{url('admin/user-listing')}}" class="widget widget-hover-effect1">
                <div class="widget-simple">
                    <div class="widget-icon pull-left themed-background-autumn animation-fadeIn">
                        <i class="fa fa-users"></i>
                    </div>
                    <h3 class="widget-content text-right animation-pullDown">
                    <small>Total Users</small><br>
                        <strong>{{$items->total_users}}</strong>
                    </h3>
                </div>
            </a>
            <!-- END Widget -->
        </div>
        <div class="col-lg-4">
            <!-- Widget -->
            <a href="{{url('admin/categories')}}" class="widget widget-hover-effect1">
                <div class="widget-simple">
                    <div class="widget-icon pull-left themed-background-autumn animation-fadeIn">
                        <i class="fa fa-list"></i>
                    </div>
                    <h3 class="widget-content text-right animation-pullDown">
                        <small>Total Categories</small><br>
                        <strong>{{$items->total_categories}}</strong>
                    </h3>
                </div>
            </a>
            <!-- END Widget -->
        </div>
        <div class="col-lg-4">
            <!-- Widget -->
            <a href="{{url('admin/tags')}}" class="widget widget-hover-effect1">
                <div class="widget-simple">
                    <div class="widget-icon pull-left themed-background-autumn animation-fadeIn">
                        <i class="fa fa-tags"></i>
                    </div>
                    <h3 class="widget-content text-right animation-pullDown">
                    <small>Total Tags</small><br>
                        <strong>{{$items->total_tags}}</strong>
                    </h3>
                </div>
            </a>
            <!-- END Widget -->
        </div>
        <div class="col-lg-4">
            <!-- Widget -->
            <a href="{{url('admin/report-posts')}}" class="widget widget-hover-effect1">
                <div class="widget-simple">
                    <div class="widget-icon pull-left themed-background-autumn animation-fadeIn">
                        <i class="fa fa-exclamation-circle"></i>
                    </div>
                    <h3 class="widget-content text-right animation-pullDown">
                    <small>Total Report Posts</small><br>
                        <strong>{{$items->total_report_posts}}</strong>
                    </h3>
                </div>
            </a>
            <!-- END Widget -->
        </div>
        <div class="col-lg-4">
            <!-- Widget -->
            <a href="{{url('admin/report-users')}}" class="widget widget-hover-effect1">
                <div class="widget-simple">
                    <div class="widget-icon pull-left themed-background-autumn animation-fadeIn">
                        <i class="fa fa-exclamation-triangle"></i>
                    </div>
                    <h3 class="widget-content text-right animation-pullDown">
                    <small>Total Report Users</small><br>
                        <strong>{{$items->total_report_users}}</strong>
                    </h3>
                </div>
            </a>
            <!-- END Widget -->
        </div>
        <div class="col-lg-4">
            <!-- Widget -->
            <a href="{{url('admin/promotions')}}" class="widget widget-hover-effect1">
                <div class="widget-simple">
                    <div class="widget-icon pull-left themed-background-autumn animation-fadeIn">
                        <i class="fa fa-bullhorn"></i>
                    </div>
                    <h3 class="widget-content text-right animation-pullDown">
                    <small>Total Promotions</small><br>
                        <strong>{{$items->total_promotions}}</strong>
                    </h3>
                </div>
            </a>
            <!-- END Widget -->
        </div>
    </div>                 

</div>
<!-- END Page Content -->


@stop