{# Statistika (zadatak F2.8): osnovni agregati IZ ZIVOG lanca —
   ishodi semafora i klase identifikatora nad demo predmetom. #}
{% extends "osnova.html" %}
{% block putanja %}Statistika{% endblock %}
{% block sadrzaj %}
<div style="padding:16px 22px;display:flex;flex-direction:column;gap:16px">

  <div class="mreza kolone-4" style="gap:12px">
    <div class="kartica" style="padding:16px">
      <div style="font-size:11px;color:var(--prigusen);font-weight:600">DOKUMENATA U OBRADI</div>
      <div class="dsp" style="font-size:26px;font-weight:700;margin-top:4px">{{ ukupno }}</div>
    </div>
    <div class="kartica" style="padding:16px">
      <div style="font-size:11px;color:var(--prigusen);font-weight:600">AUTOMATSKI ODOBRENO</div>
      <div class="dsp" style="font-size:26px;font-weight:700;margin-top:4px;color:var(--ok)">{{ po_ishodu.get('automatski_odobreno', 0) }}</div>
    </div>
    <div class="kartica" style="padding:16px">
      <div style="font-size:11px;color:var(--prigusen);font-weight:600">POTREBNA PROVERA</div>
      <div class="dsp" style="font-size:26px;font-weight:700;margin-top:4px;color:var(--upozorenje)">{{ po_ishodu.get('potrebna_provera', 0) }}</div>
    </div>
    <div class="kartica" style="padding:16px">
      <div style="font-size:11px;color:var(--prigusen);font-weight:600">ZABRANJENO ZA SLANJE</div>
      <div class="dsp" style="font-size:26px;font-weight:700;margin-top:4px;color:var(--stop)">{{ po_ishodu.get('zabranjeno_za_slanje', 0) }}</div>
    </div>
  </div>

  <div class="kartica" style="padding:18px">
    <div class="dsp" style="font-size:15px;font-weight:600;margin-bottom:12px">Pronađeni identifikatori po klasama</div>
    <div style="display:flex;flex-direction:column;gap:7px">
      {% for klasa, broj in po_klasi.items() %}
      <div style="display:flex;align-items:center;gap:10px">
        <span class="mono" style="width:130px;font-size:11px;color:var(--mastilo2)">{{ klasa | replace('_', ' ') }}</span>
        <div style="flex:1;background:var(--panel);border-radius:6px;height:18px;overflow:hidden">
          <div style="width:{{ (broj / najvise * 100) | round }}%;height:100%;background:{{ brend.akcenat }};border-radius:6px"></div>
        </div>
        <span style="width:26px;font-size:12px;font-weight:700;text-align:right">{{ broj }}</span>
      </div>
      {% endfor %}
    </div>
  </div>

  <div class="kartica" style="padding:12px 18px;font-size:11.5px;color:var(--prigusen)">
    Agregati se racunaju iz zivog lanca nad sintetickim predmetom {{ brend.naziv }} demoa — nikada iz pravih dokumenata.
  </div>
</div>
{% endblock %}