{% extends sonata_block.templates.block_base %}
{% block block %}
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
    <link href="{{asset('assets/global/plugins/font-awesome/css/font-awesome.min.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{asset('assets/global/plugins/simple-line-icons/simple-line-icons.min.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{asset('assets/global/plugins/bootstrap/css/bootstrap.min.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{asset('assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css')}}" rel="stylesheet" type="text/css" />
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL PLUGINS -->
    <link href="{{asset('assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{asset('assets/global/plugins/morris/morris.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{asset('assets/global/plugins/fullcalendar/fullcalendar.min.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{asset('assets/global/plugins/jqvmap/jqvmap/jqvmap.css')}}" rel="stylesheet" type="text/css" />
    <!-- END PAGE LEVEL PLUGINS -->
    <!-- BEGIN THEME GLOBAL STYLES -->
    <link href="{{asset('assets/global/css/components.min.css')}}" rel="stylesheet" id="style_components" type="text/css" />
    <link href="{{asset('assets/global/css/plugins.min.css')}}" rel="stylesheet" type="text/css" />
    <!-- END THEME GLOBAL STYLES -->
    <!-- BEGIN THEME LAYOUT STYLES -->
    <link href="{{asset('assets/layouts/layout/css/layout.min.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{asset('assets/layouts/layout/css/themes/darkblue.min.css')}}" rel="stylesheet" type="text/css" id="style_color" />
    <link href="{{asset('assets/layouts/layout/css/custom.min.css')}}" rel="stylesheet" type="text/css" />
    <!-- END THEME LAYOUT STYLES -->
    <div class="row">
                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                            <div class="dashboard-stat2 ">
                                <div class="display">
                                    <div class="number">
                                        <h3 class="font-green-sharp">
                                            <span data-counter="counterup" data-value="7800">{{ visiteurs }}</span>
                                            <small class="font-green-sharp"></small>
                                        </h3>
                                        <small>Visiteurs</small>
                                    </div>
                                    <div class="icon">
                                        <i class="fa fa-bar-chart"></i>
                                    </div>
                                </div>
                                <div class="progress-info">
                                    <div class="progress">
                                        <span style="width: 0%;" class="progress-bar progress-bar-success green-sharp">
                                        {#<span style="width: {{visitoronline*100/1+visiteurs }}%;" class="progress-bar progress-bar-success green-sharp">#}
                                            <span class="sr-only">0 % online ( a corriger )</span>
                                            {#<span class="sr-only">{{(visitoronline*100)+1/1+visiteurs }} % online</span>#}
                                        </span>
                                    </div>
                                    <div class="status">
                                        <div class="status-title"> Online </div>
                                        <div class="status-number"> {{ visitoronline }} </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                            <div class="dashboard-stat2 ">
                                <div class="display">
                                    <div class="number">
                                        <h3 class="font-red-haze">
                                            <span data-counter="counterup" data-value="1349">{{ actualitestotal }}</span>
                                        </h3>
                                        <small>Articles</small>
                                    </div>
                                    <div class="icon">
                                        <i class="fa fa-newspaper-o"></i>
                                    </div>
                                </div>
                                <div class="progress-info">
                                    <div class="progress">
                                        <span style="width: 0%;" class="progress-bar progress-bar-success red-haze">
                                        {#<span style="width: {{actualitesactif*100/actualitestotal }}%;" class="progress-bar progress-bar-success red-haze">#}
                                            <span class="sr-only"> 0 articles publiés</span>
                                            {#<span class="sr-only">{{actualitesactif*100/actualitestotal }}% articles publiés</span>#}
                                        </span>
                                    </div>
                                    <div class="status">
                                        <div class="status-title"> # d'article publiés </div>
                                        <div class="status-number"> {{ actualitesactif }} </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                            <div class="dashboard-stat2 ">
                                <div class="display">
                                    <div class="number">
                                        <h3 class="font-blue-sharp">
                                            <span data-counter="counterup" data-value="567">{{ sermons }} </span>
                                        </h3>
                                        <small> CHECK DES RESULTATS</small>
                                    </div>
                                    {#<div class="icon">#}
                                        {#<i class="fa fa-star-half-o"></i>#}
                                    {#</div>#}
                                </div>
                                <div class="progress-info">
                                    <div class="progress">
                                            <span class="status-title">{{podcasts }} Prêches audio</span>
                                    </div>
                                    <div class="status">
                                        <div class="status-number"> {{ etudesbibliques }} </div>
                                        <div class="status-title"> # DE JOUEURS QUI ONT PERDU </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                            <div class="dashboard-stat2 ">
                                <div class="display">
                                    <div class="number">
                                        <h3 class="font-purple-soft">
                                            <span data-counter="counterup" data-value="276">{{ comments }}</span>
                                        </h3>
                                        <small>Commentaires</small>
                                    </div>
                                    <div class="icon">
                                        <i class="icon-comments"></i>
                                    </div>
                                </div>
                                <div class="progress-info">
                                    <div class="progress">
                                        <span style="width: 0%;" class="progress-bar progress-bar-success purple-soft">
                                        {#<span style="width: {{commentvalide*100/comments }}%;" class="progress-bar progress-bar-success purple-soft">#}
                                            <span class="sr-only">100% Commentaires</span>
                                        </span>
                                    </div>
                                    <div class="status">
                                        <div class="status-title"> # Commentaires validés </div>
                                        <div class="status-number"> {{ commentvalide }} </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
{% endblock %}