{% extends '@Routine/routine/layout.html.twig' %}
{% block routine_heading %}Statistiques{% endblock %}
{% block routine_content %}
{% include '@Routine/routine/_filters.html.twig' %}
{% set cards = [{label:'Générées',value:stats.generated,suffix:'',tone:'indigo',icon:'ti-sparkles'},{label:'Terminées',value:stats.done,suffix:'',tone:'green',icon:'ti-checks'},{label:'Réalisation',value:stats.completionRate,suffix:' %',tone:'violet',icon:'ti-chart-donut'},{label:'Reports',value:stats.postponeRate,suffix:' %',tone:'orange',icon:'ti-calendar-time'},{label:'Ignorées',value:stats.skipRate,suffix:' %',tone:'gray',icon:'ti-player-skip-forward'},{label:'En retard',value:stats.overdue,suffix:'',tone:'red',icon:'ti-alert-triangle'}] %}
<section class="data-kpis-6" aria-label="Statistiques des routines">{% for card in cards %}<article class="data-kpi data-kpi--{{ card.tone }}"><span class="data-kpi__icon"><i class="ti {{ card.icon }}"></i></span><div><span>{{ card.label }}</span><strong>{{ card.value }}{{ card.suffix }}</strong></div></article>{% endfor %}</section>
<div class="row g-4"><div class="col-md-6"><section class="routine-panel h-100"><h2 class="routine-card-heading mb-3">Par catégorie</h2><div class="list-group list-group-flush">{% for label,value in stats.byCategory %}<div class="list-group-item d-flex justify-content-between"><span>{{ label }}</span><strong>{{ value }}</strong></div>{% else %}<div class="text-muted">Aucune donnée.</div>{% endfor %}</div></section></div><div class="col-md-6"><section class="routine-panel h-100"><h2 class="routine-card-heading mb-3">Par utilisateur</h2><div class="list-group list-group-flush">{% for label,value in stats.byUser %}<div class="list-group-item d-flex justify-content-between"><span>{{ label }}</span><strong>{{ value }}</strong></div>{% else %}<div class="text-muted">Aucune donnée.</div>{% endfor %}</div></section></div></div>
{% endblock %}