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

{% block title %}Statistiques{% endblock %}

{% block body %}
    <div class="row">
        <div class="col-12 col-sm-6 col-md-3">
            <div class="info-box">
                <span class="info-box-icon bg-primary elevation-1"><i class="fas fa-user"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text">Clients</span>
                    <span class="info-box-number">
                    {{ stats.nb_clients }}
                    </span>
                </div>

            </div>

        </div>

        <div class="col-12 col-sm-6 col-md-3">
            <div class="info-box mb-3">
                <span class="info-box-icon bg-primary elevation-1"><i class="fas fa-users"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text">Signataires</span>
                    <span class="info-box-number">{{ stats.nb_signataires }}</span>
                </div>

            </div>

        </div>


        <div class="clearfix hidden-md-up"></div>
        <div class="col-12 col-sm-6 col-md-3">
            <div class="info-box mb-3">
                <span class="info-box-icon bg-primary elevation-1"><i class="fas fa-file"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text">FEC déposés</span>
                    <span class="info-box-number">{{ stats.nb_fecs }}</span>
                </div>

            </div>

        </div>

        <div class="col-12 col-sm-6 col-md-3">
            <div class="info-box mb-3">
                <span class="info-box-icon bg-primary elevation-1"><i class="fas fa-file-export"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text">Livrables distribués</span>
                    <span class="info-box-number">{{ stats.nb_livrables }}</span>
                </div>

            </div>

        </div>

    </div>
    <div class="dummy-stats">
        <h2>Plus de statistiques prochainement...</h2>
    </div>
{%  endblock %}