<div id="cumulsConso">
    <span class="d-none" id="popupTitle" data-value="{{ 'Cumul des consommations' | trad }}"></span>
    <div class="colonne mb-base">
        <div class="informations">
            <p>
                <span class="champs_label">{{ 'Article' | trad }}</span>
                <span class="resultat">{{ stockArticle.DESIGN ~ ' (' ~ stockArticle.CODE_ART ~ ')' }}</span>
            </p>
            <p>
                <span class="champs_label">{{ 'Site' | trad }}</span>
                <span class="resultat">{{ siteStock.DESIGN ~ ' (' ~ siteStock.SITE ~ ')' }}</span>
            </p>
        </div>
    </div>
    <table class="table table-hover">
        <thead class="thead-dark">
        <tr>
            <th scope="col" width="110px">Mois</th>
            <th scope="col" width="110px">Année</th>
            <th scope="col" width="110px">Consommation</th>
        </tr>
        </thead>
        <tbody>
        {% for consoMois in conso12derniersMoisGlissants %}
            <tr class="{% if loop.index is divisible by(2) %}even{% else %}odd{% endif %}">
                <td>{{ consoMois.MOIS }}</td>
                <td>{{ consoMois.ANNEE }}</td>
                <td class="text-right">{{ consoMois.CONSO | qte ~ ' ' ~ stockArticle.UNITE_STK }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <br>
    <table class="table table-hover">
        <thead class="thead-dark">
        <tr>
            <th scope="col" width="110px">Libellé</th>
            <th scope="col" width="110px">Valeur</th>
        </tr>
        </thead>
        <tbody>
        <tr class="even">
            <td>{{ 'Cumul glissant' | trad }}</td>
            <td class="text-right">{{ cumulGlissant | qte ~ ' ' ~ stockArticle.UNITE_STK }}</td>
        </tr>
        <tr class="odd">
            <td>{{ 'Moyenne glissante' | trad }}</td>
            <td class="text-right">{{ moyenneGlissante | qte ~ ' ' ~ stockArticle.UNITE_STK }}</td>
        </tr>
        <tr class="even">
            <td>{{ 'Consommation du mois en cours' | trad }}</td>
            <td class="text-right">{{ consoMoisEnCours | qte ~ ' ' ~ stockArticle.UNITE_STK }}</td>
        </tr>
        </tbody>
    </table>
    <br>
    <table class="table table-hover">
        <thead class="thead-dark">
        <tr>
            <th scope="col" width="110px">Année</th>
            <th scope="col" width="110px">Consommation</th>
            <th scope="col" width="110px">Moyenne</th>
        </tr>
        </thead>
        <tbody>
        {% for consoAnnee in conso3dernieresAnnees %}
            <tr class="{% if loop.index is divisible by(2) %}even{% else %}odd{% endif %}">
                <td>{{ consoAnnee.ANNEE }}</td>
                <td class="text-right">{{ consoAnnee.CONSO | qte ~ ' ' ~ stockArticle.UNITE_STK }}</td>
                <td class="text-right">{{ consoAnnee.AVG | qte ~ ' ' ~ stockArticle.UNITE_STK }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
</div>