{% extends "base.html" %}
{% block content %}
<h1 class="page-title">Dashboard</h1>
<div class="kpi-row">
  {% for kpi in kpis %}
  <div class="kpi"><div class="lbl">{{ kpi.0 }}</div><div class="val">{{ kpi.1 }}</div></div>
  {% endfor %}
</div>
<div class="grid-2">
  <div class="panel">
    <h3 style="margin-top:0">Tickets nach Kategorie</h3>
    {% for r in by_category %}
    <div class="dist-row">
      <span class="dist-label">{{ r.label }}</span>
      <div class="bar-track wide"><div class="bar-fill" style="width:{{ r.pct }}%"></div></div>
      <span class="sz">{{ r.count }}</span>
    </div>
    {% endfor %}
  </div>
  <div class="panel">
    <h3 style="margin-top:0">Tickets nach Prioritaet</h3>
    {% for r in by_priority %}
    <div class="dist-row">
      <span class="dist-label">{{ r.label }}</span>
      <div class="bar-track wide"><div class="bar-fill" style="width:{{ r.pct }}%"></div></div>
      <span class="sz">{{ r.count }}</span>
    </div>
    {% endfor %}
  </div>
</div>
<div class="sz" style="margin-top:8px">Kennzahlen gemaess ITIL Continual Improvement (v4) / CSI (v3): SLA-Erfuellung und MTTR beziehen sich auf die letzten 30 Tage.</div>
{% endblock %}