{% extends 'base.html.twig' %}

{% block breadcrumb %}
    <div class="container">
        <ol class="breadcrumb">
            <li> Tableau de bord</li>
            <li class="active"> administration  </li>
        </ol>
    </div>
{% endblock %}
{% block content %}
    <div class="panel panel-default">
            <div class="panel-heading main-color-bg">
                <h3 class="panel-title">Les dernières statistiques </h3>
            </div>
            <div class="panel-body">
            <div class="col-md-3">
                <div class="well dash-box">
                    <h2> <span class="glyphicon glyphicon-list" aria-hidden="true"> 20 </span> </h2>
                    <h4>Pages</h4>
                </div>
            </div>
            <div class="col-md-3">
                <div class="well dash-box">
                    <h2> <span class="glyphicon glyphicon-user" aria-hidden="true"> 200 </span> </h2>
                    <h4>Users</h4>
                </div>
            </div>
            <div class="col-md-3">
                <div class="well dash-box">
                    <h2> <span class="glyphicon glyphicon-pencil" aria-hidden="true"> 40 </span> </h2>
                    <h4>Posts</h4>
                </div>
            </div>
            <div class="col-md-3">
                <div class="well dash-box">
                    <h2> <span class="glyphicon glyphicon-stats" aria-hidden="true"> 2,500 </span> </h2>
                    <h4>Visitors</h4>
                </div>
            </div>

        </div>
    </div>
{% endblock %}