@extends('layouts.app')

@section('content')
            <!-- BEGIN PAGE HEADER-->
            <div class="row">
                <div class="col-md-12">
                    <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                    <h3 class="page-title">
                                            </h3>
                    <ul class="page-breadcrumb breadcrumb">
                        <li>
                            <i class="fa fa-home"></i>
                            <a href="/">Начало</a>
                        </li>
                                                <li class="pull-right">
                            <div class="top-buttons-bar">
                                                            </div>
                                                    </li>
                    </ul>
                    <!-- END PAGE TITLE & BREADCRUMB-->
                </div>
            </div>
            <!-- END PAGE HEADER-->

                        
            <!-- BEGIN PAGE CONTENT -->
            <div id="page-content">
                
                <script type="text/javascript">
                    
                </script>
                <!-- BEGIN DASHBOARD STATS -->

<div class="row">
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
        <div class="dashboard-stat blue-madison">
            <div class="visual">
                <i class="fa fa-users"></i>
            </div>
            <div class="details">
                <div class="number">
                    {{ count($clients) }}
                </div>
                <div class="desc">
                    Магазинов
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
        <div class="dashboard-stat green-haze">
            <div class="visual">
                <i class="fa  fa-home"></i>
            </div>
            <div class="details">
                <div class="number">
                    {{ $active_products_count }}
                </div>
                <div class="desc">
                    Активных товаров
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
        <div class="dashboard-stat purple-plum">
            <div class="visual">
                <i class="fa fa-folder-open"></i>
            </div>
            <div class="details">
                <div class="number">
                    {{ $all_proudcts_count }}
                </div>
                <div class="desc">
                    Всего товаров
                </div>
            </div>
        </div>
    </div>
    <div class="clearfix">
    </div>
</div>

<div class="row">
    <div class="col-md-6 col-sm-6">
        <div class="portlet box red-sunglo">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-info-circle"></i>Новости
                </div>
            </div>
            <div class="portlet-body">
                <div class="scroller" style="height: 300px;" data-always-visible="1" data-rail-visible="0">
                    <ul class="feeds">
                        <li>
                            <div class="col1">
                                <div class="cont">
                                    <div class="cont-col1">
                                        <div class="label label-sm label-info">
                                            <i class="fa fa-bullhorn"></i>
                                        </div>
                                    </div>
                                    <div class="cont-col2">
                                        <div class="desc">
                                            <strong>Группировка</strong><br/>
                                            Добавлена возможность группировки товаров, а также фильтр товаров определенной группы.
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col2">
                                <div class="date">
                                    10.02.17                               
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

    
    
<!-- END DASHBOARD STATS -->
<div class="clearfix">
</div>

<!-- END CONTENT -->

<style>
    .dashboard-stat .details .number{
        padding-top: 14px;
    }
</style>

                            </div>
            <!-- END PAGE CONTENT -->
@endsection